/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-tabs-tab.ui-state-active {
  border: 1px solid #c5c5c5; }

.ui-tabs-anchor {
  outline: none; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../js/build/94ac582fcff93ceff3c31141f92854bb.png); }

.ui-widget-header .ui-icon {
  background-image: url(../js/build/94ac582fcff93ceff3c31141f92854bb.png); }

.ui-button .ui-icon {
  background-image: url(../js/build/fb5d693c8262cf70f5271a2ffab8da6d.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
  background-image: url(../js/build/659ca26b18a2d12d5dc21773f38d6ac3.png); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(../js/build/9effc3ffaf507e8ec1b2f31aa98907db.png); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(../js/build/3a545f4056d385b5e1981c4d678b0eca.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../js/build/7213986eac2375f16540a7e488745cfa.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .003;
  filter: Alpha(Opacity=0.3);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

/**
  targets an element only if there are $n
  siblings of that type
 */
body {
  font-family: "HelveticaNeueETW01-65Md", "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.ie7 table {
  border-collapse: separate;
  border-width-top: 1px; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* END RESET CSS */
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body {
  font: 13px/1.231 sans-serif;
  *font-size: small; }

/* hack retained to preserve specificity */
select, input, textarea, button {
  font: 99% sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/*
 * minimal base styles
 */
body, select, input, textarea, table#basket .quantity input[type=submit], .ui-widget, .ui-widget input[type=text], .ui-widget select, .ui-widget textarea, .ui-widget button, table#basket .continueshopping,
table#basket li input[type="submit"], #accountAdmin dl.review dd, #salonlocator .address, #userInput .upload-button {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #000000;
  font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

h1 {
  font-size: 2.6em;
  color: #000; }

h1, h2 {
  margin: 10px 0; }

.underline {
  border-bottom: solid 1px #cccccc; }

legend, p.info, input[type=button], .input-button, input[type=submit], button {
  font-size: 1.1em; }

.helvetica, legend, p.info,
span.info, input[type=button],
.input-button, input[type=submit],
button, dl.attributes dt, .ui-dialog .ui-dialog-buttonpane button,
#postAside h4, .viewall, .collectionItem label, .collectionItem span,
#newCollection, .ui-dialog .dialogButtons input, #chekoutReview h4,
dl.review dd, .text p strong, .article .editorial h2,
.calltoaction a, table#basket h2,
.sortingNotes, .ugcpost .meta, table#basket td.price p,
table#basket td.total p, table#basket .details dl, .registerOptions a,
fieldset .warning h2, #accountAdmin .addAddress, .cartDetails, #checkout h4,
#articlePage .date, .producthero b, .producthero strong,
.product h5, .product .price, #cart-xsell-products-list h2, #cart-xsell-products-list dt,
#postDetails h4, #productFeatures h3, .price, .delivery, #checkoutDetails legend,
.review h4, .standfirst p strong, p.standfirst strong,
#postDetails .editorial h2, #secondary .productPrice h3, #cart-xsell-products-list h3,
div.bodyPar .product .productName, #salonlocator .salon-name,
.highlight,
#overviewRecentOrders span.ghdToLowerCase, .profileOverviewStep a,
#postAside .getTheLook, #feed .ugc h3, #content #latestCollections li input.add,
.associateStylistToSalon a, #profileDetail h2, a.upload, .selectInput label,
#collectionSearchInput label strong,
#content #latestCollections li a.add span,
.bodyPar h3.helvetica, #postTools ul li a, #overviewSlot h3,
.accordion-menu, #postHeader .accordion-menu, footer, #pageslide a,
#page #storeList li a, #newsearch label strong,
#productExtras h3 {
  font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif;
  font-stretch: condensed;
  font-style: normal;
  text-transform: uppercase;
  font-weight: normal; }

#thumbnailBrowser #productDetails .listprice, #comTools input, #comTools a,
#primary ul li a em, .text p i, .option-stylist h2, .option-mortal h2, .registerOptions h3, .producthero i, .producthero em, .imagetext h2, .product h4, #productDescription #postDescription,
.product .category, .standfirst p em, p.standfirst em, #flashMessage.success, #secondary .titleWrapper .large i,
#topNav .titleWrapper .large i, #secondary .titleWrapper .large em, #topNav .titleWrapper .large em, #profileSteps li span,
.badge p em, #collectionSearchInput label, #pageslide .backBar a.backTier, #newsearch label em {
  font-family: "AvantGardeGothicITCW02B 737103",'Arial Black',Gadget,sans-serif;
  font-weight: normal;
  font-style: normal; }

.baskerville, h1, #thumbnailBrowser h2, #postHeader h1, .bodyPar h3, #primary ul li a, .badge p, .registerOptions h4, .uppercase, #secondary h2, #secondary h3, .kalturavideo h3, #postDetails h2, .xsellproducts h2, .standardtitle h2, #secondary .titleWrapper .large b, #secondary .titleWrapper .large strong, #topNav .titleWrapper .large strong, #profileSteps li em, #accountAdmin table td span, .ui-dialog-content h2, #accountAside h2, nav .navrichtext h3 {
  font-family: "AvantGardeGothicITCW02B 737103",'Arial Black',Gadget,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase; }

#productDescription #postDetails h2 {
  font-family: "HelveticaNeueW02-77BdCn 694066",HelveticaNeueBlackCondensed,HelveticaNeue-Black-Condensed,"Helvetica Neue Black Condensed",HelveticaNeueBlack,HelveticaNeue-Black,"Helvetica Neue Black",HelveticaNeue,"Helvetica Neue",TeXGyreHerosCnBold,"Arial Narrow",Arial,sans-serif !important; }

.text p em,
.text p i,
#productDetails .standfirst,
#postDescription,
.product .category,
.availability,
#postDescription .text p b,
#thumbnailBrowser #productDetails .listprice,
#thumbnailBrowser .availability {
  font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif !important;
  font-style: normal; }

.text p i {
  font-style: italic !important; }

.home-page .bodyPar h3 {
  font-family: "AvantGardeGothicITCW02B 737103",'Arial Black',Gadget,sans-serif; }

.bodoni, .producthero h1, .featuredPar h2.bodoni, #roundel .topMessaging {
  font-family: 'Bauer Bodoni W01 Roman'; }

.bodoniBold {
  font-family: 'Bauer Bodoni W01 Bold'; }

.feedIntroFeature h2.bodoni {
  font-family: "AvantGardeGothicITCW02B 737103",'Arial Black',Gadget,sans-serif;
  font-style: normal; }

.feedIntroFeature .text p b {
  text-transform: none; }

.AvantGarde {
  font-family: "AvantGardeGothicITCW02B 737103",'Arial Black',Gadget,sans-serif; }

.HelveticaNeueNormal {
  font-family: "HelveticaNeueETW01-65Md"; }

.HelveticaNeueLight {
  font-family: "HelveticaNeueW01-45Ligh"; }

.bodyPar h3.accordion-menu {
  font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif; }

#content .editorial .text p em, #content .editorial .text p i {
  font-family: Georgia;
  font-style: italic; }

#secondary .titleWrapper .large b, #secondary .titleWrapper .large strong, #topNav .titleWrapper .large b, #topNav .titleWrapper .large strong {
  font-weight: bold; }

.home-page .whiteonblack .text p b {
  font-family: "HelveticaNeueETW01-65Md", Arial, "Lucida Grande", sans-serif; }

/* always force a scrollbar in non-IE */
html {
  overflow-y: scroll; }

h1 .large {
  font-size: 4em;
  line-height: 0.8em; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

a, a:active, a:visited {
  color: #000000; }

a:hover {
  color: #000000;
  text-decoration: none; }

p.info, span.info {
  color: #999999;
  font-size: 0.9em; }

h2 a, h3 a {
  text-decoration: none; }

h2 a:hover, h3 a:hover {
  text-decoration: underline; }

ul, ol {
  margin-left: 1.8em; }

ol {
  list-style-type: decimal; }

/* Remove margins for navigation lists */
small {
  font-size: 70%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

pre {
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

textarea {
  overflow: auto; }

/* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.noscroll, .noscroll #page {
  overflow: hidden; }

.ie6 legend, .ie7 legend {
  margin-left: -7px; }

/* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

.calltoaction a {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 0 -484px;
  display: inline-block;
  height: 23px;
  text-align: left;
  margin: 0 auto;
  padding: 4px 25px 0 34px;
  text-decoration: none;
  font-size: 1.1em; }

.calltoaction a.white {
  background-position: 0 -516px;
  color: #ffffff; }

.calltoaction a.split {
  border-right: solid 1px #000000; }

.calltoaction a.white.split {
  border-right: solid 1px #ffffff; }

a.seeother {
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat scroll 11px -583px;
  height: 23px;
  padding-left: 32px; }

/* hand cursor on clickable input elements */
input[type=button], .input-button, input[type=submit], button {
  cursor: pointer; }

/* removes highlighting in Chrome and Safari */
input[type=button]:focus, .input-button:focus, input[type=submit]:focus, button:focus {
  outline: none; }

input[type=button], .input-button, input[type=submit], button, .ui-dialog .ui-dialog-buttonpane button, .registerOptions a, a.backButton, .calltoaction a.gold-lozenge, a.findoutmore, #category-details .calltoaction a, #no-more a, #load-more a, input[type=button]#accountPasswordChangeCancel, .profileOverviewStep a, a.upload {
  background: #d0a144 url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat right -92px;
  border: none;
  -webkit-border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  border-radius: 1.2em;
  padding: 0px 30px 1px 10px;
  color: #ffffff;
  height: 25px;
  text-transform: uppercase;
  font-size: 1em;
  text-decoration: none; }

.calltoaction a.arrowed-cta {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat;
  border: none;
  -webkit-border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  border-radius: 1.2em;
  padding: 5px 30px 4px 10px;
  line-height: 1.2em;
  color: #ffffff;
  height: 16px;
  text-transform: uppercase;
  font-size: 1em;
  text-decoration: none;
  cursor: pointer; }

.calltoaction a.arrowed-cta.blacken {
  background-color: #000;
  background-position: right -1825px; }

.calltoaction a.arrowed-cta.golden {
  background-color: #d0a144;
  background-position: right -92px; }

.calltoaction a.arrowed-cta.left-align {
  float: left; }

fr_FR div.product form.notifyWhenInStock input[type=submit] {
  padding: 0px 21px 1px 10px; }

input[disabled='disabled'], input[disabled], button[disabled='disabled'], button:disabled, #registerContent input[readonly='readonly'], body #registerContent input[readonly] {
  background: #cecece !important;
  color: #000000 !important; }

.disabled label {
  color: #cecece !important; }

input[type=button].add, .profileOverviewStep a, a.upload {
  background-color: #000000;
  background-position: right -622px; }

a.black-lozenge {
  background-color: #000000;
  background-position: right -1825px; }

#page .bodyPar .calltoaction a.black-lozenge {
  background: transparent url(/_ui/common/images/sprite.png) no-repeat 0 -484px !important;
  background-position: 0 -484px !important; }

#category-details .calltoaction a, a.findoutmore, a.backButton, #no-more a, #load-more a, input[type=button]#accountPasswordChangeCancel {
  background-color: #000000;
  background-image: none;
  padding: 2px 8px;
  line-height: 1.6em;
  height: 1.6em;
  margin-top: 8px; }

input[type=button]#accountPasswordChangeCancel {
  padding: 4px 15px 22px;
  margin-top: 0px;
  margin-right: 5px; }

.buttons .previous, #socialProfile .previous, div.buttons input.cancel, .selectionPane input.cancel {
  background-color: #000000;
  float: left;
  background-position: left -1390px;
  margin: 0;
  padding: 1px 10px 0px 30px; }

#socialProfile .vanilla {
  background-color: #fff;
  background-position: left -1357px;
  height: 31px;
  padding: 5px 0 6px 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.profileOverviewStep a, a.upload {
  padding: 4px 30px 0px 9px;
  display: inline-block;
  height: 19px; }

.profileOverviewStep a.addthis_button_compact span {
  width: 1px;
  height: 1px; }

.profileOverviewStep a.addthis_button_compact {
  padding-top: 3px;
  height: 20px; }

input[type="button"].arrow, .profileOverviewStep .arrow {
  background-position: right -1826px; }

.addressBook input {
  background: #fff;
  text-transform: capitalize;
  text-decoration: underline;
  display: block; }

.addressBook input:hover {
  text-decoration: none; }

.calltoaction a.gold-lozenge {
  font-size: 1em;
  float: right;
  line-height: 2em; }

.bodyPar .calltoaction a.gold-lozenge, .feedPar .calltoaction a.gold-lozenge {
  float: none; }

#content input.vanilla {
  color: #444;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: none; }

.associateStylistToSalon a {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat;
  display: inline-block; }

.featureThiscollection input[type=submit], .associateStylistToSalon a {
  background-color: #fff;
  color: #000;
  padding: 0 0 0 32px;
  height: 30px;
  margin: 0 30px 0 0;
  line-height: 30px; }

.featureThiscollection .add, .associateStylistToSalon a.add {
  background-position: 0 -1486px; }

.featureThiscollection .remove, .associateStylistToSalon a.remove {
  background-position: 0 -1518px; }

.associateStylistToSalon a {
  font-size: 1.1em;
  text-decoration: none; }

/*global button styles*/
.backto, table#basket .continueshopping, .addAddress a, .tooltip, a.calltoaction {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 0 -450px;
  display: inline-block;
  height: 24px;
  float: left;
  text-align: left;
  margin: 0 auto;
  padding: 9px 5px 0 32px;
  text-decoration: none;
  color: #000;
  text-transform: none;
  font-size: 12px; }

#content .registerOptions a, .calltoaction a.gold-lozenge {
  padding-top: 5px;
  padding-bottom: 4px;
  display: inline-block;
  height: auto; }

.registerOptions .badge a {
  background: url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat scroll right -333px transparent;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.9em;
  height: 17px;
  padding: 2px 20px 0 1px;
  text-decoration: none;
  margin: 0 0 0 12px; }

.calltoaction a.gold-lozenge {
  line-height: 1.3em; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* colors for form validity */
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd; }

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection {
  background: #D0A144;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #D0A144;
  color: #fff;
  text-shadow: none; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

a.selected {
  color: red; }

/*
 * Non-semantic helper classes
 */
/* for image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
  zoom: 1; }

.clearfix.brdr {
  border-bottom: 1px solid #cecece; }

/*list resret*/
#badgeSash ul, #socialTools ul, #comTools ul, .friends ol, ol#collectionPosts, #thumbnailBrowser ol, #postTools ul, #topNav ul, #accountTabs ol, #products ol, #horizontalNav ol, #child-country ul, .crosssell ol, #breadcrumb ol, .securePayments ol, #secondary ul, .entry ul, #postTags ol, .followNetwork ul, #latestCollections ol, .associatedStylists ul, ul.returns-region, #storeSelector ul {
  list-style-type: none;
  margin: 0; }

/*global classes*/
div.gold, p.gold, span.gold, a.gold, em.gold, #topNav ul:hover a:hover, #primary ul li.shop a:hover, #primary ul li.shop.active a, #primary ul li.special-offers a:hover, #primary ul li.special-offers.active a, .sortingNotes, .ugcpost .meta dd.collectionName, #primary ul li a:hover, #primary ul li.active a, #primary .active .nav-data, #postAside .getTheLook a, #primary ul li.your-basket a:hover {
  color: #cc9933;
  background-color: transparent; }

.red {
  color: #cc1b25; }

.white, #page .whiteonblack h1 {
  color: #fff;
  background-color: #000; }

.black {
  color: #000;
  background-color: #fff; }

.grey {
  color: #999; }

.dark-grey {
  color: #333; }

.light-grey {
  color: #666; }

.turquoise {
  color: #43c6d8; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.floatCenter {
  float: none;
  margin: 0 auto; }

.floatRight #postAside img {
  padding: 0; }

.ghdToLowerCase {
  text-transform: lowercase !important; }

/*borders*/
.no-border {
  border: none !important; }

.border-top {
  border-top: 1px solid #cccccc; }

.border-bottom {
  border-bottom: 1px solid #cccccc; }

#page .white, #page .black {
  background-color: transparent !important; }

#page .countdown .black {
  background-color: #ac8c5f !important; }

/* this is a better way to define this class for use on wrappers*/
#page .whiteonblack, #page .whiteonblack p {
  color: #fff !important;
  background-color: #000 !important; }

#page .blackonwhite, #page .blackonwhite p {
  color: #000 !important;
  background-color: #fff !important; }

#page .whiteonred, #page .whiteonred p {
  color: #fff !important;
  background-color: #cc1b25 !important; }

#page #thumbnailBrowser.blackonwhite, #page #thumbnailBrowser.blackonwhite p {
  color: #000 !important;
  background-color: transparent !important;
  z-index: 25; }

#page #thumbnailBrowser.blackonwhite p {
  font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif !important; }

#page #thumbnailBrowser.blackonwhite p strong {
  text-transform: none; }

.cmserror {
  display: none; }

.loadMore {
  width: 100%; }

#loading, .loading, #loadDialog {
  background: transparent url(../js/build/dc1e25f240243fbde707acc388683220.gif) no-repeat;
  width: 36px;
  height: 36px;
  margin: 10px auto;
  text-indent: -9999px; }

#page #thumbnailBrowser .loading {
  background: transparent url(../js/build/7689aa5df7fd7b73e65b0d576add0c72.gif) 10px 10px no-repeat;
  padding: 5px; }

.loadingDialog {
  height: 50px !important;
  width: 50px !important;
  padding: 5px 3px 9px 15px; }

.loadingDialogMessage #loadDialog {
  background-position: 131px 10px; }

.loadingDialog .ui-dialog-titlebar, .loadingDialogMessage .ui-dialog-titlebar {
  display: none; }

#loadDialog .message {
  text-indent: 0;
  margin-top: 65px; }

#loadingMessageContainer {
  margin: 10px;
  padding: 10px;
  width: 260px; }

#flashMessage.success {
  margin: 20px 0 20px 0;
  font-size: 2em; }

#flashMessage a.linkInsideFlashMessage {
  margin-left: 0px;
  color: #FFFFFF; }

#lightboxOverlay {
  opacity: 0.5 !important; }

#lightbox .lb-container {
  padding: 0; }

#lightbox .lb-outerContainer,
#lightbox .lb-dataContainer {
  border: 1px solid #000000;
  border-radius: 0;
  background-color: #000000; }

#lightbox .lb-dataContainer .lb-data {
  padding: 0 5px; }

#lightbox .lb-dataContainer .lb-data .lb-details {
  display: none; }

#lightbox .lb-dataContainer .lb-data .lb-closeContainer a.lb-close img {
  display: none; }

#lightbox .lb-dataContainer .lb-data .lb-closeContainer a.lb-close {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) -4px -138px transparent no-repeat;
  width: 16px;
  height: 16px;
  padding: 0; }

#lightbox .lb-loader {
  top: 50%; }

#lightbox .lb-loader a.lb-cancel img {
  display: none; }

#lightbox .lb-loader a.lb-cancel {
  background: url(../js/build/a2bebecc42421933e05ae79b609cf936.gif) 50% 50% transparent no-repeat;
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-top: -36px; }

/* Primary Styles
   Author:
*/
/**********template**********/
.category-page #category-details, .shop-page .product, .product-page #postWindow {
  background-color: #ffffff; }

#content {
  position: relative;
  background-color: #ffffff;
  display: block;
  min-height: 400px;
  z-index: 1; }

.home-page #content, .shop-page #content, .category-page #content, .product-page #content {
  background-color: transparent; }

.cq-wcm-edit footer .navrichtext {
  float: none; }

#header .logo {
  margin: 20px 30px 0 0px;
  display: block;
  float: left;
  width: 66px;
  position: relative;
  z-index: 1; }

#header .searchGesture {
  margin: 30px 35px 0 0;
  float: right;
  display: block;
  width: 220px;
  color: #7F7F7F;
  z-index: 1;
  position: relative;
  font-size: 0.9em; }

fieldset, #accountAdmin, #horizontalNav, #category-details #products, #category-details #featuredVideo, #category-details #sortBy, #searchResults {
  margin-left: 0px; }

#searchResults {
  margin-right: 25px; }

body.account, body.account #nav {
  background: url(../js/build/6e890e5e338d73bce8f72e2dc1b25705.gif) top left no-repeat; }

body.account #nav {
  background: none;
  background-color: #FFFFFF; }

/**********navs**********/
@-moz-document url-prefix() {
  #topNav {
    font-size: 96%; } }

.ie8 #headerActions {
  padding-bottom: 6px; }

#collectionSearchInput button {
  height: 23px;
  top: 5px; }

.checkout-info-page #mainMenu ul, .checkout-info-page #findUs, .checkout-info-page #primaryHeader, .checkout-info-page #topNav, .checkout-info-page #header .searchGesture, .checkout-info-page #navwrap {
  display: none; }

#child-country ul li a, #storeSelector ul li a, ul.returns-region li a {
  padding: 20px 0;
  padding: 0 0 0 32px;
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat 0px -995px; }

#pageslide #navTools #storeSelector a.toolWithChildren {
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat 0px -995px; }

#page ul li.ghd-de a, #pageslide ul li.ghd-de a, body.de_DE #page #storeSelector a.selector, body.de_DE #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -675px; }

#page ul li.ghd-au a, #pageslide ul li.ghd-au a, body.en_AU #page #storeSelector a.selector, body.en_AU #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -635px; }

#page ul li.ghd-dk a, #pageslide ul li.ghd-dk a, body.da_DK #page #storeSelector a.selector, body.da_DK #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -655px; }

#page ul li.ghd-se a, #pageslide ul li.ghd-se a, body.sv_SE #page #storeSelector a.selector, body.sv_SE #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -935px; }

#page ul li.ghd-es a, #pageslide ul li.ghd-es a, body.es_ES #page #storeSelector a.selector, body.es_ES #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -755px; }

#page ul li.ghd-fr a, #pageslide ul li.ghd-fr a, body.fr_FR #page #storeSelector a.selector, body.fr_FR #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -795px; }

#page ul li.ghd-it a, #pageslide ul li.ghd-it a, body.it_IT #page #storeSelector a.selector, body.it_IT #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -835px; }

#page ul li.ghd-nz a, #pageslide ul li.ghd-nz a, body.en_NZ #page #storeSelector a.selector, body.en_NZ #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -2160px; }

#page ul li.ghd-no a, #pageslide ul li.ghd-no a, body.no_NO #page #storeSelector a.selector, body.no_NO #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -855px; }

#page ul li.ghd-ie a, #pageslide ul li.ghd-ie a, body.en_IE #page #storeSelector a.selector, body.en_IE #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -875px; }

#page ul li.ghd-za a, #pageslide ul li.ghd-za a, body.en_ZA #page #storeSelector a.selector, body.en_ZA #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -895px; }

#page ul li.ghd-us a, #pageslide ul li.ghd-us a, body.en_US #page #storeSelector a.selector, body.en_US #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -955px; }

#page ul li.ghd-hk a, #pageslide ul li.ghd-hk a, body.en_HK #page #storeSelector a.selector, body.en_HK #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -2140px; }

#page ul li.ghd-zh-hk a, #pageslide ul li.ghd-zh-hk a, body.zh_HK #page #storeSelector a.selector, body.zh_HK #pageslide #navTools #storeSelector a.toolWithChildren {
  background-position: 0px -2140px; }

#page ul li.ghd-uk a {
  background-position: 0 -994px; }

#page ul li.world a, #pageslide ul li.world a {
  background-image: none; }

#page #storeSelector {
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat right -1972px;
  width: 40px;
  height: 40px;
  z-index: 10000;
  float: right;
  position: relative; }

#page #storeSelector.hover, #navwrap #navBasket.hover {
  background: #000; }

#page #storeSelector a.selector {
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat 0px -995px;
  display: block;
  font-size: 0.1em;
  text-indent: -9999px;
  display: block;
  height: 15px;
  width: 40px;
  margin: 10px 0 0 10px; }

#page #storeSelector #storeList {
  display: none;
  border: solid 1px #ccc;
  width: 200px;
  position: absolute;
  top: 39px;
  left: -181px;
  background-color: #fff;
  padding: 10px; }

#page #storeSelector.hover #storeList {
  display: block; }

#page #storeList ul {
  margin: 8px 5px; }

#page #storeList li {
  margin: 0 0 5px 0; }

#page #storeList li a {
  text-decoration: none; }

#page #storeList li a:hover {
  text-decoration: underline; }

#primary #primaryHeader {
  height: 130px; }

#nav-logo a {
  background: transparent url(../js/build/8a2f9fbe4e159d47aa08e685d62fd3f4.png) no-repeat 0px -44px;
  height: 44px;
  width: 66px;
  position: relative;
  text-indent: -9999px;
  top: 30px;
  left: 40px;
  display: block; }

#primaryHeader, #primaryFooter {
  display: block;
  width: 100%;
  clear: both;
  height: auto; }

#primaryFooter {
  padding: 40px 0; }

/*new nav*/
#pageslide {
  display: none;
  visibility: hidden; }

#page #navwrap, footer {
  margin: 0 0px 0 0px; }

#page #navwrap {
  position: relative;
  z-index: 30;
  margin-bottom: 20px; }

#navwrap #navTools {
  position: absolute;
  top: 0;
  right: 0; }

#navwrap #headerActions, #navwrap #navBasket, #navBasket.hover #navBasketInfo, #accountActions:hover #accountActionsList {
  display: block;
  z-index: 1;
  height: auto; }

#accountActions:hover #accountActionsList {
  position: absolute; }

#navwrap #navBasketInfo {
  position: absolute;
  z-index: 100; }

#navwrap #navBasketInfo, #navwrap #accountActionsList {
  display: none;
  border: solid 1px #CCC;
  background-color: #fff; }

#navwrap #navBasketInfo {
  width: 199px; }

#navwrap #navBasket {
  height: 40px; }

#navwrap #headerActions {
  border-left: none;
  height: 35px;
  width: 230px; }

#navwrap #headerActions ul, #navwrap #navBasket {
  border-left: none;
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat right -1972px;
  border: none; }

#navwrap #headerActions, #navwrap #headerActions ul {
  min-width: 0; }

#navwrap #headerActions ul {
  padding-right: 20px; }

#navwrap #headerActions, #navwrap #headerActions .accoutactions.anonuser-true {
  float: right; }

#navwrap #headerActions ul {
  padding: 0;
  margin: 0;
  height: auto; }

#navwrap #headerActions a {
  cursor: pointer; }

#navwrap #headerActions li {
  list-style-type: none; }

#navwrap #headerActions li a, #navwrap #headerActions li span {
  text-decoration: none; }

#navwrap #ajaxUploadPost {
  display: block;
  float: right;
  padding: 10px 15px;
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat right -1972px; }

#navwrap #accountActions {
  float: right; }

#navwrap #accountActions ul.accoutactions {
  padding: 10px 15px;
  background: none; }

#navwrap ul.accoutactions li {
  padding: 0 0 5px 0; }

#navwrap #accountActions:hover {
  background-color: #000;
  color: #fff; }

#navwrap .registerLogin a, #navwrap #accountActions .toolWithChildren {
  padding: 9px 20px 4px 15px;
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat right -1972px;
  display: block;
  height: 26px;
  line-height: 18px; }

#navwrap .registerLogin a {
  float: left; }

#navwrap .registerLogin a:hover, #navwrap #accountActions:hover .toolWithChildren, #navwrap #accountActions:hover {
  background-color: #000;
  color: #fff; }

#navwrap a.login {
  border-right: none; }

/*** CMS of child pages on nav ****/
#edit fieldset.editFieldset {
  border: solid 1px #99BBE8;
  width: auto;
  margin: 0; }

#edit fieldset.editFieldset legend.editLegend {
  color: #99BBE8; }

#edit #secondary fieldset.editFieldset {
  width: 280px;
  margin: 90px 0 0 0; }

#edit #secondary {
  position: static;
  left: 0;
  border: solid 1px yellow;
  padding: 5px;
  margin: 5px;
  height: auto; }

#edit #secondary .snippet {
  float: left;
  width: 300px; }

#edit #secondary .snippetnode {
  position: static;
  left: 0;
  border: solid 1px #ebebeb;
  margin: 10px;
  height: 600px; }

#edit nav fieldset.editFieldset {
  background-color: #000; }

#edit nav fieldset.editFieldset fieldset.editFieldset {
  margin: 10px; }

#edit nav fieldset.editFieldset a {
  color: #fff; }

#edit nav fieldset.editFieldset li {
  padding: 20px 0; }

#horizontalNav ol {
  margin: 0 0 10px 0; }

#horizontalNav ol li {
  display: inline-block;
  padding: 0 20px 0 0; }

#breadcrumb {
  float: left;
  color: #000; }

#breadcrumb ol li {
  background-position: right -553px;
  display: inline-block; }

.ie7 #horizontalNav ol li {
  float: left; }

#breadcrumb ol li:last-child {
  background: none; }

#breadcrumb a, #prevAndNext a {
  text-decoration: none;
  color: #000; }

#breadcrumb .baskervilleItalic {
  text-transform: capitalize; }

#breadcrumb .baskervilleItalic, #prevAndNext .baskervilleItalic {
  font-size: 1.4em; }

#breadcrumb .helvetica {
  font-size: 1.2em; }

#prevAndNext {
  float: right; }

#prevAndNext ol li.previous {
  background-position: -7px -607px;
  padding-left: 17px; }

#prevAndNext ol li.next {
  border-left: solid 1px #CECECE;
  background-position: right -586px;
  padding: 0 25px 0 20px; }

#prevAndNext ol li.next.noprevious {
  border: none; }

/********** toggle forms **********/
.paymentModeInfo, .placeorder, #userPostFormTemplate {
  display: none; }

/**********forms and fieldsets**********/
form {
  position: relative; }

#accountAdmin fieldset, #checkout fieldset, .bodyPar fieldset {
  margin-left: 0; }

fieldset {
  border: none;
  width: 530px;
  position: relative; }

fieldset legend {
  font-size: 1.5em;
  padding: 0 0 20px; }

#chekoutReview h4 {
  font-size: 1.2em;
  padding: 0 0 25px 0; }

fieldset label, dl.review dt {
  width: 195px;
  display: block;
  float: left;
  margin: 13px 0 0 0;
  color: #000000; }

fieldset label {
  position: absolute;
  display: inline-block;
  left: 0;
  font-size: 14px; }

fieldset #registration label {
  width: 145px; }

fieldset #registration .radio-pair label {
  width: auto; }

fieldset label.no-top-margin {
  margin-top: 0 !important; }

fieldset select {
  margin: 0 5px 15px 0;
  top: 7px;
  position: relative;
  display: block;
  padding: 4px; }

fieldset input[type=text], fieldset input[type=password], fieldset input[type=email], fieldset input[type=tel], table input, fieldset textarea, #editTitle input, #createCollectionDialog h3 {
  border: solid 1px #cecece;
  padding: 7px;
  margin: 5px 0 5px 0;
  display: block;
  position: relative; }

fieldset input[type=text], fieldset input[type=password], fieldset input[type=email], fieldset input[type=tel], fieldset textarea, fieldset .radio-pair, fieldset .select, fieldset select, fieldset span.staticfield, fieldset .support, #uploadProfilePictureInput, fieldset .captcha, #checkoutDetails span.visible-hint {
  margin-left: 200px;
  display: block;
  zoom: 1; }

#selectSection1WhoDidYouBuyItFor, #selectSection1WhoBoughtItForYou, #selectSection1WhereDidYouBuyIt, #selectHowDidYouGetYourStyler, #selectStylerBestDescription {
  float: left; }

.ie7 fieldset .select {
  display: inline; }

fieldset .select select, fieldset .select input {
  margin-left: 0; }

fieldset .select div, fieldset .select input {
  display: inline-block; }

fieldset .select select {
  display: inline-block; }

fieldset .select input[type=text] {
  width: 84px; }

fieldset input[type=text],
fieldset input[type=password],
fieldset input[type=email],
fieldset input[type=tel],
fieldset textarea {
  width: 290px; }

fieldset textarea {
  height: 75px; }

fieldset .formError {
  width: 280px; }

#socialProfile fieldset .formError {
  width: 410px; }

fieldset input[type=button], fieldset .input-button {
  width: auto; }

.ie7 span.required {
  background-position: -4px -356px; }

#accountAdmin a.info, #latestCollections a.info, fieldset a.info {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat -4px -655px;
  text-indent: -9999px;
  margin: 11px 0 0 0;
  cursor: help; }

fieldset #registration a.info {
  bottom: 2px;
  margin: 0;
  position: relative; }

fieldset p.info {
  padding: 20px 0; }

fieldset p.about {
  clear: both;
  padding: 20px 0; }

fieldset .formError, #givexPaymentModeInfo .formError {
  font-size: 12px;
  color: #fff;
  background: red url(../js/build/d47289309ffdbdb9e09469f0e501cf80.png) no-repeat 5px 6px;
  display: inline-block;
  padding: 9px 2px 40px 30px;
  margin: 2px 0 -39px 197px; }

.giftCardSendDate .formError {
  margin-bottom: -42px;
  padding-bottom: 43px; }

#givexPaymentModeInfo #termsHolder .formError {
  margin: 0;
  padding: 9px 40px 9px;
  width: 100%; }

.account-edit-form-error {
  width: 305px !important; }

.ie7 fieldset .formError {
  margin-bottom: -47px; }

#socialProfile fieldset .profileAlias .formError {
  padding-bottom: 45px;
  margin-left: 362px;
  width: 203px;
  margin-bottom: -44px; }

fieldset .textbox .formError {
  padding: 9px 0px 5px 26px;
  margin-left: 200px; }

/* this is the row, idealy we would refactor to have lists*/
fieldset div {
  clear: both;
  position: relative;
  zoom: 1; }

fieldset .radio-pair {
  padding: 10px 0;
  display: inline-block; }

.ie7 fieldset .radio-pair {
  width: 430px;
  float: right; }

fieldset .radio-pair span {
  display: inline-block;
  min-width: 100px;
  float: left;
  white-space: pre;
  margin-right: 10px; }

fieldset .radio-pair span.priceMarker {
  float: none; }

#product-registration #hologramData fieldset .radio-pair span {
  width: 100%;
  margin-right: 10px; }

fieldset .radio-pair span label, fieldset .radio-list span label {
  width: auto;
  display: inline-block;
  margin: 5px 0 0 5px;
  float: none;
  position: static;
  color: #444444; }

fieldset .radio-list {
  margin: 0 0 20px 0;
  padding: 0.8em 0 0 0; }

fieldset .radio-list span {
  display: block;
  margin: 0 0 0 205px; }

fieldset .radio-list span label {
  width: 300px; }

fieldset .radio-list input[type="radio"] {
  vertical-align: top;
  margin: 8px 0 0 0; }

fieldset .radio-list .horiztonal-4, fieldset .radio-list .horiztonal-5 {
  margin-left: 200px; }

fieldset .radio-list .horiztonal-4 span {
  width: 25%;
  margin: 0;
  float: left; }

fieldset .radio-list .horiztonal-4 span label {
  width: 75px; }

fieldset .radio-list .horiztonal-5 span {
  width: 20%;
  margin: 0;
  float: left; }

fieldset .radio-list .horiztonal-5 span label {
  width: 55px; }

fieldset .multiInput {
  margin: 0 0 10px 0; }

fieldset .multiInput label, #socialProfile .radio-list label {
  top: 0; }

fieldset .opts {
  margin: 0px 0 0px 200px;
  padding-top: 15px; }

fieldset .opts .formError {
  width: 477px;
  padding-bottom: 5px;
  margin: 0; }

fieldset .opts input[type=checkbox] {
  float: left; }

fieldset .opts label {
  display: inline-block;
  width: auto;
  float: left;
  margin: 0 0 15px 8px;
  width: 290px;
  position: static; }

fieldset .option label {
  bottom: auto; }

fieldset a.editField {
  display: inline-block;
  padding: 10px 0 0;
  position: absolute;
  right: 35px;
  top: 0; }

fieldset .postcode input, fieldset .ccNumber input, #checkoutDetails fieldset .postcode input[type=text], #checkoutDetails fieldset .ccNumber input[type=text], #checkoutDetails input#card_issueNumber, #professionalRequest fieldset .postcode input[type=text] {
  width: 80px; }

fieldset .ccNumber {
  margin: 8px 0; }

fieldset .postcode.error button {
  bottom: 0;
  top: 31px; }

fieldset .hint {
  border-left: 1px solid #CCCCCC;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 530px;
  width: 150px;
  padding: 0 0 0 10px; }

fieldset .support {
  display: block;
  margin-top: -0.5em;
  color: #8f8f8f; }

fieldset input:-moz-placeholder, fieldset textarea:-moz-placeholder {
  color: #666666; }

fieldset input::-webkit-input-placeholder, fieldset textarea::-webkit-input-placeholder {
  color: #666666; }

fieldset .char-counter {
  color: #8d8c8a;
  font-style: italic;
  font-size: 12px;
  text-align: right;
  display: block; }

fieldset .longQuestion label {
  width: 100%;
  position: static; }

fieldset .opts-list {
  margin-left: 0; }

fieldset .opts-list label {
  width: auto;
  margin: -2px 8px 15px 8px; }

.ie7 fieldset .opts-list label {
  margin-top: 2px; }

fieldset #deliveryModes .opts-list {
  margin-left: 200px; }

fieldset #deliveryModes .opts-list span {
  white-space: nowrap;
  width: 100%; }

fieldset .number input[type="text"], #socialProfile fieldset .number input[type="text"] {
  width: 50px; }

fieldset .number input[type="email"], #socialProfile fieldset .number input[type="email"] {
  width: 50px; }

fieldset .number input[type="tel"], #socialProfile fieldset .number input[type="tel"] {
  width: 50px; }

fieldset .number p {
  position: absolute;
  top: 10px;
  left: 270px; }

fieldset .textarea label, .imageSelector label {
  top: 2px; }

fieldset .salon label {
  bottom: 12px; }

fieldset.terms {
  margin: 0px 0 0 0; }

fieldset.terms input {
  margin-top: -5px; }

fieldset.terms label {
  position: static;
  width: auto;
  left: auto;
  float: none;
  margin-top: 0; }

fieldset.errorHandler .formError {
  margin-left: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: block;
  width: auto;
  height: auto; }

fieldset .dob, fieldset .gcSendDate {
  display: inline-block; }

fieldset .gcSendDate select {
  min-width: unset;
  width: 120px; }
  @media screen and (max-width: 679px) and (min-width: 240px) {
    fieldset .gcSendDate select {
      width: 110px; } }
  @media screen and (max-width: 479px) and (min-width: 240px) {
    fieldset .gcSendDate select {
      width: 122px; } }

fieldset .captcha {
  margin-top: 10px; }

fieldset .captcha .captcha-img {
  width: 270px;
  height: 50px;
  display: inline-block; }

fieldset .captcha a.refresh {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 0 -2000px;
  padding-left: 32px;
  height: 32px;
  margin-bottom: 7px;
  display: inline-block; }

#thankyou fieldset label {
  font-weight: bold;
  top: 0; }

#thankyou fieldset #otherBrand, #thankyou fieldset #hairdryerOtherBrand {
  top: 10px; }

#thankyou fieldset label[for=otherBrand], #thankyou fieldset label[for=hairdryerOtherBrand] {
  position: inherit; }

#thankyou fieldset .radio-pair span label, #thankyou fieldset .radio-list span label {
  font-weight: normal; }

#thankyou .text .large strong {
  font-size: 100%; }

#thankyou strong.email {
  word-break: break-all; }

fieldset select#selectProductId, fieldset select#productCode {
  width: 305px; }

#serverErrorMessage, #flashMessage.warning, #flashMessage.error, #flashMessage.info {
  color: #fff;
  background: red url(../js/build/fd053a00a9b5bf1a9a2cd3ffbfe5286b.png) no-repeat 15px 15px;
  padding: 15px 15px 26px 76px;
  margin: 15px 0 25px; }

#flashMessage.warning h2, #flashMessage.error h2, #flashMessage.info h2, #flashMessage.warning h3, #flashMessage.error h3, #flashMessage.info h3 {
  font-size: 1.2em; }

#flashMessage.warning a, #flashMessage.error a, #flashMessage.info a {
  color: #fff; }

#socialProfile #flashMessage {
  margin-top: 0; }

.partnerProduct {
  background: none #000;
  color: #D0A144;
  padding: 15px 15px 13px 15px;
  font-weight: bold; }

fieldset fieldset {
  margin: 30px 0; }

.requiredCopy {
  float: right;
  margin: 0px 23px 7px 0;
  color: #8f8f8f; }

.requiredCopy .required {
  padding-right: 5px; }

#secondary fieldset {
  margin: 0; }

#secondary fieldset legend {
  font-size: 1em; }

#secondary fieldset, #secondary fieldset input[type=text] {
  width: 200px; }

#secondary fieldset input[type=text] {
  margin: 0; }

#secondary fieldset .buttons {
  border: none;
  margin: 0; }

fieldset .multiInput input[type=button] {
  margin-top: 7px;
  background-color: #FFFFFF;
  background-position: 0 -1486px;
  font-size: 0.1em;
  height: 27px;
  text-indent: -999px;
  width: 27px;
  float: right; }

#socialProfile fieldset .multiInput input[type=text] {
  width: 370px;
  float: left; }

#socialProfile fieldset .multiInput div input[type=button] {
  margin: 7px 0 0 0;
  float: right;
  background-position: 0 -1518px; }

#socialProfile hr {
  margin: 30px 0 20px 0; }

#socialProfile legend {
  padding-bottom: 10px; }

#socialProfile p {
  font-size: 0.95em; }

fieldset #salon-opening-hours {
  padding: 10px 0 0 0; }

fieldset #salon-opening-hours select {
  display: inline;
  top: 0;
  margin: 0 5px 0 0; }

fieldset #salon-opening-hours .workingDays {
  padding: 5px 0 0 0; }

fieldset #salon-opening-hours div.container {
  float: left;
  clear: none;
  width: 40%; }

fieldset #salon-opening-hours span {
  display: block;
  float: left;
  clear: none; }

fieldset #salon-opening-hours span.day {
  width: 40px;
  margin-top: 5px; }

fieldset #salon-opening-hours div.open {
  margin-left: 40px; }

fieldset #salon-opening-hours div.open, fieldset #salon-opening-hours div.close {
  bottom: 5px; }

#editTitle {
  float: left; }

#editTitle h2 {
  float: none !important; }

#editTitle input, #editTitle .formError {
  width: 300px; }

#editTitle .formError {
  margin-bottom: -58px;
  margin-left: -2px;
  padding-bottom: 50px;
  width: 288px; }

#editTitle input {
  display: inline; }

#editAccountData input[type=text] {
  width: 315px; }

#editAccountData .date-selector {
  margin: 5px 0; }

/*previews*/
dl.review, #chekoutReview h4 {
  clear: both; }

dl.review dd {
  width: 290px;
  float: left;
  padding: 12px 0 0 0; }

dl.review dt {
  clear: left; }

fieldset span.staticfield {
  width: 240px;
  padding: 7px;
  margin-top: 8px;
  margin-right: 10px;
  margin-bottom: 0px;
  background-color: #f5f5f5;
  font-weight: normal; }

.loginWithFacebook {
  background-color: #f5f5f5;
  padding: 15px 10px;
  width: 510px;
  margin: 0 0 30px 0; }

.loginWithFacebook .formInfo {
  display: inline;
  float: left;
  font-size: 1.3em;
  margin: 0 10px 0 0; }

.loginWithFacebook .connect {
  float: left;
  width: 275px; }

.loginWithFacebook .connect p {
  margin: 5px; }

.facebookIcon {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll -3px -1794px transparent;
  display: inline-block;
  float: left;
  height: 25px;
  margin: 0 10px 0 0;
  width: 25px; }

.buttons {
  margin: 20px 0 20px 0;
  padding: 20px 0 20px 0;
  clear: both;
  border-top: solid 1px #cccccc; }

.buttons button, .buttons input[type=submit], .buttons input[type=button], .buttons .input-button,
#paymentModeInfo input[type=button], #paymentModeInfo .input-button, #paypalProcessOrder input[type=button] {
  float: right;
  margin: 0 0 0 20px; }

.buttons input[type=button].previous {
  float: left;
  margin: 0; }

span.input-button, a.input-button {
  padding-top: 6px;
  height: 1.4em;
  display: inline-block; }

#socialProfile fieldset, #socialProfile div.fieldset {
  width: 640px; }

#socialProfile input[type=text], #socialProfile fieldset textarea {
  width: 420px; }

#socialProfile fieldset .staticfield, #professionalRequest fieldset .staticfield {
  width: auto;
  font-size: 0.9em;
  background-color: #fff;
  margin-right: 0; }

#socialProfile fieldset .staticfield {
  float: left; }

#socialProfile fieldset #alias {
  width: 215px;
  top: 6px; }

#socialProfile fieldset .website .staticfield {
  width: 52px; }

#socialProfile fieldset input[type="text"].personalWebSiteUrl {
  width: 354px;
  top: 6px; }

#socialProfile fieldset p.about, #professionalRequest fieldset p.about {
  padding-left: 200px;
  font-size: 0.9em; }

#socialProfile fieldset .profileAlias label, #professionalRequest fieldset .profileAlias label {
  bottom: 2px; }

#socialProfile fieldset .map div {
  float: left;
  clear: none; }

#socialProfile fieldset .map div#branchDetails {
  margin-left: 15px;
  width: 320px; }

#socialProfile fieldset .map div#branchDetails dt, #socialProfile fieldset .map div#branchDetails dd {
  float: left;
  font-size: 12px;
  margin-bottom: 10px; }

#socialProfile fieldset .map div#branchDetails dt {
  width: 150px; }

#socialProfile fieldset .buttons {
  border-top: none;
  border-top: solid 1px #cccccc; }

#profileCreation #socialProfile fieldset .buttons {
  border-bottom: solid 1px #cccccc;
  border-top: none; }

.ui-dialog-content .postItem label {
  width: 120px; }

.ui-dialog-content .postItem input[type="text"] {
  width: 200px; }

.ui-dialog-content fieldset .postItem div {
  clear: none; }

.ui-dialog-content fieldset .postItem .formError {
  margin-bottom: -39px;
  margin-left: -3px;
  position: static;
  width: 190px; }

.ui-dialog-content fieldset .postItem .tags .formError {
  margin-bottom: -5px;
  padding-bottom: 5px; }

/* had megge bug here not quite sure whats needed, must review - but also need to push...*/
fieldset .selectedCollectionHolder .formError {
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 7px;
  width: 100%;
  height: auto; }

.ui-dialog-content .selectedCollectionHolder fieldset .formError, .ui-dialog-content .collectionSelector fieldset .formError {
  margin-bottom: 0px;
  margin-left: -3px;
  position: static;
  width: 408px;
  padding-bottom: 0px;
  height: 25px; }

#uploadProfilePictureWrapper label {
  top: 2px; }

#uploadProfilePictureInput, .imageSelector .selected {
  border: 1px solid #CCCCCC;
  border-left: 0;
  height: 60px;
  width: 435px; }

#uploadProfilePictureInput .profilePicture, .imageSelector .thumbnail {
  float: left; }

#uploadProfilePictureInput .profilePicture img {
  height: 60px;
  width: 60px; }

#uploadProfilePictureInput input {
  color: #000;
  background: #fff;
  padding: 14px 0 0 30px;
  height: auto;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em; }

.ie7 #uploadProfilePictureInput input {
  padding-left: 0; }

#uploadProfilePictureInput p {
  margin: 0 0 0 93px;
  display: block; }

#uploadProfilePictureForm #uploadedMediaFormContainer {
  padding-bottom: 17px; }

.switchableMedias {
  display: none;
  width: 435px;
  height: 220px;
  margin-left: 200px;
  zoom: 1;
  border: 1px solid #CCCCCC;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  z-index: 1;
  background-color: #fff; }

.switchableMedia {
  clear: none;
  float: left;
  margin: 4px;
  border: 1px solid #CCCCCC; }

.imageSelector .thumbnail {
  margin-right: 30px; }

.imageSelector .thumbnail img {
  width: 100px;
  height: 60px; }

.imageSelector .selected {
  display: block;
  zoom: 1;
  margin: 20px 0 0px 200px;
  cursor: pointer; }

.imageSelector .selected span {
  padding-top: 12px;
  display: block; }

.imageSelector .selected p {
  padding-top: 2px; }

.imageSelector label {
  top: 2px; }

#salonlocator #horizontalNav {
  margin-left: 0; }

#salonlocator .baskervilleItalic {
  font-size: 1.8em; }

#salonlocator #breadcrumb .baskervilleItalic {
  font-size: 18px; }

/**********tags**************/
div.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 3px;
  width: 207px !important;
  height: 50px !important;
  overflow-y: auto;
  clear: both !important; }

div.tagsinput span.tag {
  border: 1px solid #D0A144;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 3px;
  text-decoration: none;
  background: #D0A144;
  color: #ffffff;
  margin-right: 5px;
  margin-bottom: 3px;
  font-family: helvetica;
  font-size: 13px; }

div.tagsinput span.tag a {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  font-size: 11px; }

.de_DE div.tagsinput input {
  width: 160px !important; }

.es_ES div.tagsinput input {
  width: 120px !important; }

.fr_FR div.tagsinput input {
  width: 90px !important; }

.it_IT div.tagsinput input {
  width: 95px !important; }

div.tagsinput input {
  width: 80px !important;
  margin: 0px;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 1px; }

div.tagsinput div {
  display: block;
  float: left;
  clear: none; }

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px; }

/*website checker*/
#website-checker input[type=text] {
  width: 200px; }

#website-checker .result {
  padding: 10px 0 0; }

#website-checker .approved, #website-checker .approvedForOtherStore {
  background: #fff url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 0px -1295px; }

#website-checker .unknown, #website-checker .counterfeit {
  background: #fff url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 0px -1322px; }

#website-checker div.imageCheck {
  float: left;
  width: 32px;
  height: 32px;
  margin-top: -5px; }

#website-checker p.validationText {
  vertical-align: bottom; }

#website-checker div.textContainer {
  float: right;
  width: 93%;
  clear: none; }

#website-checker .approvedForOtherStore {
  background-position: 0px -1294px;
  padding-top: 0px; }

/* Google Maps API styling */
.salon-location-label {
  border-bottom: 2px solid #ccc;
  padding: 20px 0;
  margin: 0 5px; }

.salon-location-label.highlighted {
  background: #f0f0f0; }

.salon-location-label .salon-name {
  font-weight: bold;
  font-size: 14px;
  color: black; }

.salon-location-label .address {
  margin-left: 50px; }

#salon-template {
  display: none; }

#map-container {
  height: 480px;
  width: 625px;
  float: left; }

#salon-profile-map-container {
  height: 500px;
  width: 800px;
  margin: 9px 0 0 11px; }

#socialProfileForUpdate #salon-profile-map-container {
  height: 280px;
  width: 265px;
  float: left; }

#salon-container {
  float: left;
  height: 450px;
  width: 215px; }

#salon-container .header {
  background: black;
  color: white;
  height: 30px;
  font-variant: small-caps;
  line-height: 30px;
  vertical-align: middle;
  padding-left: 20px; }

#salons {
  height: 100%;
  overflow-y: scroll;
  margin-bottom: 10px; }

#salon-locator .show-more {
  padding: 0 0 20px 0; }

#map-canvas {
  width: 100%;
  height: 100%; }

div.icon {
  width: 38px;
  height: 43px;
  background: transparent url("/_ui/common/images/salon-locator/letter-icons-sprite.png") no-repeat;
  float: left;
  margin: 5px; }

div.icon.A {
  background-position: 0px 0px; }

div.icon.B {
  background-position: -38px 0px; }

div.icon.C {
  background-position: -76px 0px; }

div.icon.D {
  background-position: -114px 0px; }

div.icon.E {
  background-position: -152px 0px; }

div.icon.F {
  background-position: -190px 0px; }

div.icon.G {
  background-position: -228px 0px; }

div.icon.H {
  background-position: -266px 0px; }

div.icon.I {
  background-position: -304px 0px; }

div.icon.J {
  background-position: -342px 0px; }

div.icon.K {
  background-position: 0px -43px; }

div.icon.L {
  background-position: -38px -43px; }

div.icon.M {
  background-position: -76px -43px; }

div.icon.N {
  background-position: -114px -43px; }

div.icon.O {
  background-position: -152px -43px; }

div.icon.P {
  background-position: -190px -43px; }

div.icon.Q {
  background-position: -228px -43px; }

div.icon.R {
  background-position: -266px -43px; }

div.icon.S {
  background-position: -304px -43px; }

div.icon.T {
  background-position: -342px -43px; }

.info-window {
  color: white;
  text-align: center; }

.info-window div {
  float: none !important; }

.info-window .salon-name {
  margin: 100px auto 0 auto;
  width: 200px;
  font-variant: small-caps; }

.info-window .br1 {
  width: 120px;
  margin: 10px auto;
  border-bottom: 1px solid; }

.info-window .salon-address, .info-window .salon-distance {
  margin: 0 auto;
  width: 200px; }

.info-window .br2 {
  width: 20px;
  margin: 10px auto;
  border-bottom: 1px solid; }

/*JScrollPane Styling*/
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspVerticalBar *, .jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #f0f0f0;
  position: relative; }

.jspDrag {
  background: #ccc;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/**********Flash Messaging**************/
#flashMessage.warning, #flashMessage.error, #flashMessage.info {
  padding-top: 29px;
  font-weight: bold; }

#flashMessage.helvetica {
  font-weight: normal; }

/**********checkout layouts*************/
/*basket*/
table#basket, .xsellproducts {
  width: 100%; }

table#basket h2 {
  border: medium none;
  font-size: 16px;
  padding: 0;
  margin-top: 0; }

table#basket h3 {
  font-weight: normal;
  font-size: 13px;
  padding: 0 0 5px;
  text-transform: capitalize; }

table#basket dl dt, table#basket label, table#basket h3 {
  color: #000; }

table#basket td.image {
  text-align: left;
  vertical-align: middle;
  width: 200px;
  padding-right: 20px;
  padding-bottom: 0; }

table#basket td.title {
  width: 200px;
  padding-left: 0 !important;
  padding-top: 23px !important; }

table#basket td.title h2 {
  font-size: 1.5em; }

table#basket td.title, table#basket td.price, table#basket td.quantity, table#basket td.total {
  padding: 30px 20px 17px; }

table#basket td.quantity form {
  float: left;
  left: 64px; }

.ie7 table#basket td.quantity form {
  left: 34px; }

table#basket td.quantity div.readonlyitem {
  float: left;
  left: 64px;
  position: relative; }

table#basket td.quantity input[type=text] {
  width: 3em;
  text-align: right; }

ul#basket-hdr {
  width: 100%;
  margin-left: 0; }

ul#basket-hdr li {
  width: 650px;
  list-style: none outside none;
  float: left; }

ul#basket-hdr li.cta {
  padding: 15px 0 0;
  text-align: right;
  width: 230px;
  float: right; }

ul#basket-hdr li.cta input {
  float: right; }

table#basket td.quantity h3 {
  margin-right: 92px;
  text-align: right; }

table#basket td.quantity input[type=text] {
  width: 3em;
  text-align: right;
  color: #8D8C8A; }

table#basket td.quantity input[type=submit], table#basket li input[type=submit] {
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat left -117px;
  border: none;
  padding: 0 0 0 22px;
  text-decoration: underline;
  height: 2.4em;
  text-transform: none;
  font-size: 12px;
  color: #444;
  display: inline-block; }

.ie7 table#basket td.quantity input[type=submit] {
  padding-left: 12px; }

table#basket td.edit {
  padding: 5px 0;
  text-align: right;
  width: 40px; }

table#basket td.edit input[type=submit], .editItemMeta .deletePostInput, .editItemMeta .deleteNewPostInput, .couponCode a {
  background: url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat scroll -1px -409px transparent;
  border: 1px solid #e8e4e4;
  border-radius: 0 0 0 0;
  height: 125px;
  padding: 0;
  width: 20px;
  text-indent: -999em;
  line-height: 999px;
  overflow: hidden; }

table#basket td.edit input[type=submit] {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  height: 140px;
  background-position: -1px -403px; }

table#basket td.price, table#basket td.total {
  text-align: right;
  width: 93px;
  padding-left: 0; }

table#basket td.total {
  padding-right: 0px; }

table#basket td.price p, table#basket td.total p {
  padding: 12px 0 0;
  font-size: 1.3em;
  white-space: nowrap; }

table#basket td.delivery {
  padding: 15px 0 0; }

table#basket input {
  position: static;
  display: inline-block; }

table#basket input#couponCode {
  font-size: 1.2em; }

table#basket ul {
  margin: 0; }

table#basket ul li {
  list-style: none outside none;
  padding: 2px 0; }

table#basket dl {
  clear: both;
  float: right;
  width: 330px; }

table#basket dl dt, table#basket dl dd {
  display: block;
  float: left;
  min-height: 22px;
  text-align: right;
  padding: 5px 0 2px; }

table#basket dl dt {
  width: 140px;
  clear: left; }

table#basket dl dd {
  width: 150px;
  color: #000; }

table#basket dl dd input[type=submit] {
  display: inline; }

table#basket .details dl dt {
  font-size: 15px;
  color: #8D8C8A;
  text-transform: uppercase; }

table#basket .details dl dd, table#basket .ordertotals dl dd {
  font-size: 1.3em;
  padding: 3px 40px 0 0px; }

table#basket .details dl dd.totalPrice {
  padding-top: 0px; }

table#basket .details dl dt, table#basket .details dl dd, table#basket .ordertotals dl dt, table#basket .ordertotals dl dd {
  border-top: 1px solid #CCCCCC; }

table#basket .details dl dt .last-child {
  border: none; }

table#basket .ctas dl dd {
  padding: 0 0 15px;
  width: 180px; }

table#basket .ctas input[type=submit], #basket-hdr input[type=submit] {
  min-width: 144px; }

.ie8 table#basket .ctas input[type=submit], .ie8 #basket-hdr input[type=submit] {
  min-width: 104px; }

table#basket tfoot {
  padding: 10px 0 0; }

table#basket tfoot tr:last-child {
  padding: 5px 0; }

table#basket tfoot td {
  padding: 20px 0 15px; }

table#basket tfoot td.ordertotals, table#basket tfoot td.delivery {
  border-top: 2px solid #000;
  padding-bottom: 0; }

table#basket tfoot td.ordertotals h2 {
  margin: 6px 0; }

table#basket tfoot td.ordertotals dd, #cart-xsell-products-list dt {
  font-size: 2em; }

table#basket tfoot td.ordertotals dd, table#basket tfoot td.ordertotals dt {
  min-height: 30px; }

table#basket tfoot td.ordertotals dt {
  color: black;
  font-size: 1.5em; }

table#basket .border-top {
  border-top: 1px solid #cccccc; }

table#basket .continueshopping {
  margin: 45px auto 0; }

dd.paypal a {
  overflow: hidden;
  height: 26px;
  display: block; }

#child-basket dl {
  padding: 5px 0; }

#child-basket dt {
  padding: 5px 0;
  clear: right; }

#child-basket dd {
  padding: 5px 0;
  float: right; }

.xsellproducts h2 {
  font-size: 2em;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc; }

.emptylist {
  padding: 0; }

.couponCode {
  font-weight: bold; }

.couponCode {
  color: #D0A144; }

.couponCode a {
  background-position: 0 -463px;
  display: inline-block;
  height: 18px; }

.decimal {
  font-size-adjust: 0.58; }

#cart-xsell-products-list .entry {
  float: left;
  width: 222px;
  padding: 0 5px; }

#cart-xsell-products-list .entry img {
  padding: 10px 0 0 0; }

#cart-xsell-products-list .info {
  text-align: left;
  min-height: 180px; }

#cart-xsell-products-list input[type=submit] {
  background-position: left -766px;
  height: 1.9em;
  padding: 0 10px 0 25px; }

#cart-xsell-products-list dt {
  float: left;
  padding: 10px 0 0 4px; }

#cart-xsell-products-list dd {
  float: right;
  padding: 14px 4px 0 0; }

.checkout-info-page #page #header .logo {
  cursor: default; }

#checkout {
  width: 880px;
  margin: 0 auto; }

#checkout h1 {
  float: left; }

#checkout h4 {
  font-size: 14pt; }

#checkout hr {
  margin-top: 20px; }

#checkoutHead, .signin {
  border-bottom: solid 1px #cccccc;
  margin: 0 0 20px 0; }

.ie7 #checkoutHead, .ie7 .signin {
  padding-bottom: 20px; }

#checkoutHead h1 {
  margin-bottom: 10px; }

#checkout-progress {
  float: right;
  padding-top: 0px;
  list-style-type: none; }

#checkout-progress li {
  float: left;
  line-height: 30px;
  margin: 5px 0 0 10px;
  min-width: 5.5em; }

#checkout-progress li span {
  background-image: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 29px;
  float: left;
  text-align: center;
  margin: -3px auto 0;
  padding: 0 5px 0 0;
  color: #ffffff; }

#checkout-progress li.null span {
  background-position: 0 -30px;
  color: #999999; }

#checkout .signin legend {
  font-size: 1.6em;
  font-stretch: normal;
  padding-bottom: 10px; }

#checkout .signin p.info {
  padding: 10px 0;
  font-size: 13px; }

#checkout .signin .text p {
  font-size: 19px;
  padding-top: 10px; }

#checkout .signin .guest {
  width: 480px;
  padding: 21px 50px 0 0;
  float: left; }

#checkout .signin .member {
  width: 327px;
  float: left;
  border: solid 1px #cccccc;
  margin: 0 0 20px 0; }

#checkout .signin fieldset {
  width: auto; }

#checkout .signin .member fieldset {
  margin: 20px; }

#checkout .signin label {
  width: auto; }

#checkout .member input[type=text], #checkout .signin input[type=password] {
  width: 165px; }

#checkout .signin input[type=text], #checkout .signin input[type=password] {
  margin-left: 110px; }

#checkout .formError {
  margin-left: 107px; }

/*Locale adjustments to cater for longer labels*/
.es_ES #checkout .signin label,
.fr_FR #checkout .signin label {
  width: 115px;
  bottom: auto;
  margin: 0; }

.es_ES #checkout .signin input[type="text"],
.es_ES #checkout .signin input[type="password"],
.fr_FR #checkout .signin input[type="text"],
.fr_FR #checkout .signin input[type="password"] {
  margin-left: 115px; }

#checkout a.basket {
  background-position: 0 -60px; }

#checkout a.editbasket {
  float: right;
  position: relative;
  top: 4px; }

.ie7 #checkout a.editbasket {
  top: -19px; }

#checkout #checkoutDetails .warning {
  display: none; }

#checkout #checkoutDetails span.warning {
  display: block; }

#checkout #checkoutDetails .formError {
  margin-left: 197px; }

@media screen and (min-width: 680px) {
  #checkout #checkoutDetails .select .formError {
    margin-left: -3px; } }

#checkoutDetails, #chekoutReview {
  width: 625px;
  float: left; }

#payment .opts label {
  width: 225px; }

#checkoutDetails label, #checkoutDetails legend {
  color: #000; }

#checkoutDetails .error .radio-pair label, #checkoutDetails .error .radio-pair legend {
  color: #fff; }

#checkoutDetails span.visible-hint {
  color: #8D8C8A;
  font-style: italic;
  font-size: 12px; }

#checkoutDetails div.visible-hint-below-legend {
  color: #8D8C8A;
  font-style: italic;
  font-size: 12px;
  padding-bottom: 15px; }

#checkoutDetails legend, #socialProfile legend, #registerContent legend, #accountAdmin legend {
  font-size: 15px; }

#checkoutDetails fieldset {
  width: 630px;
  position: static; }

#checkoutDetails fieldset .formError {
  width: 400px; }

#checkoutDetails #paymentModeOptions #paymentMode .formError {
  font-size: 12px;
  color: #fff;
  background: #000000 url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 1px -673px;
  display: inline-block;
  padding: 9px 5px 9px 30px;
  margin: 2px 0 -39px 0;
  position: relative;
  top: -12px; }

#checkoutDetails fieldset input[type="text"] {
  width: 410px; }

#checkoutDetails fieldset input[type="email"] {
  width: 410px; }

#checkoutDetails fieldset input[type="tel"] {
  width: 410px; }

#checkoutDetails h4 {
  font-size: 1.2em;
  padding: 20px 0 10px; }

#checkoutDetails .radio-pair {
  padding: 10px 0; }

#checkoutDetails .warning {
  padding-top: 30px; }

#checkoutDetails #card_cvNumber_message {
  display: inline-block; }

#checkoutDetails #termsHolder {
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px 0;
  width: 100%;
  margin: 22px 0 0 0; }

#checkoutDetails #termsHolder label {
  width: 500px; }

#checkoutDetails #termsHolder .formError {
  margin-left: 0; }

#checkoutDetails .tooltip, #product-registration .tooltip, #returnsStep1 .tooltip, .tooltip.tooltip--help {
  background-position: 0 -958px;
  float: none;
  text-indent: -99999em;
  width: 20px;
  zoom: 1; }

#checkoutDetails .inline-tooltip {
  background-position: 0 -958px;
  float: none;
  text-indent: -99999em;
  display: inline-block;
  width: 20px;
  zoom: 1; }

#checkoutDetails .ccNumber .tooltip {
  position: absolute;
  bottom: 0px;
  left: 300px;
  top: 0px; }

#checkoutDetails .giftCardSendDate .tooltip {
  position: absolute;
  bottom: 7px;
  left: 594px; }

#checkoutDetails .requiredCopy {
  position: relative;
  right: 0;
  top: -35px;
  margin: 0;
  height: 0; }

.chekoutinfo .paymentMode {
  display: none; }

.ie8 #checkoutDetails .requiredCopy {
  top: 0px; }

#checkoutStatusBar {
  clear: left; }

#checkoutCMSHolder {
  float: left; }

#paymentModeInfo input[type="button"], #givexProcessOrder input[type="button"] {
  margin-top: 10px; }

#cartDetails, #thankyouAside {
  width: 200px;
  float: right; }

.cartEmpty, #deliveryInfoMessage {
  padding: 10px 10px 0 0;
  font-size: 17px; }

body.shop-page #deliveryInfoMessage {
  color: white; }

#cartDetails #deliveryInfoMessage {
  font-size: 12px; }

#deliveryInfoMessage .dispatchDateMessage {
  font-size: 14px;
  color: #000000; }

#checkout #deliveryInfoMessage .turquoise {
  display: none; }

#checkout #deliveryInfoMessage .dispatchDateMessage {
  text-transform: none;
  font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif;
  font-size: 14px; }

.cart-entries .cart-details ul {
  list-style: none;
  margin-left: 0; }

.cart-entries .cart-details .label,
.cart-entries .cart-details .content {
  display: inline-block;
  width: 50%;
  float: left;
  text-align: right;
  color: gray; }

.cart-entries .cart-details .total-price-field {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 17px;
  overflow: hidden; }

.cart-entries .cart-details .total-price-field .label,
.cart-entries .cart-details .total-price-field .content {
  color: black; }

.cart-entries .cart-details .label {
  text-align: left; }

.cart-entries .totals li {
  clear: both;
  padding: 10px 0; }

#registerContent {
  width: 100%;
  padding: 10px 20px 0 0; }
  @media only screen and (min-width: 1025px) {
    #registerContent .with {
      width: 420px;
      float: left; } }
  #registerContent fieldset {
    width: 100%; }
    @media only screen and (min-width: 1025px) {
      #registerContent fieldset {
        width: 425px; } }
    #registerContent fieldset div {
      max-width: 100%; }
  #registerContent .formError {
    margin-left: 158px;
    width: 238px; }
  #registerContent input[type="text"],
  #registerContent input[type="password"] {
    width: 250px;
    margin-left: 160px;
    margin-top: 7px; }
  #registerContent .facebook {
    margin: 0 10px 0 0; }
    #registerContent .facebook label {
      float: left;
      width: 190px;
      margin: 2px 10px 0 0;
      font-size: 1.3em;
      bottom: 0; }
    #registerContent .facebook .text {
      margin-right: 100px; }
      #registerContent .facebook .text .large {
        font-size: 1.3em; }
        @media only screen and (min-width: 1025px) {
          #registerContent .facebook .text .large {
            font-size: 0.9em; } }
    #registerContent .facebook .facebookConectAuth {
      float: none;
      padding-top: 10px; }
  #registerContent .ghd {
    padding-left: 20px;
    margin-top: 40px; }
    @media only screen and (min-width: 1025px) {
      #registerContent .ghd {
        margin-top: 0;
        border-left: solid 1px #cecece; } }
    #registerContent .ghd .buttons {
      border-top: none; }
  #registerContent .requiredCopy {
    margin-right: 0; }
  #registerContent .opts {
    margin-left: 158px; }
    #registerContent .opts label {
      width: 235px; }
    #registerContent .opts .formError {
      margin-left: 0; }
  #registerContent .select,
  #registerContent .radio-pair {
    margin-left: 160px; }

.facebookConectAuth label {
  float: left;
  width: 190px;
  margin: 2px 10px 0 0;
  font-size: 1.3em;
  bottom: 0; }

#registerAside {
  float: left;
  width: 180px;
  padding: 20px 0 0 10px; }

#registerAside h2 {
  font-size: 14px; }

#subscribe span {
  font-size: 12px; }

#subscribe span.privacy {
  padding-left: 16px; }

#cartDetails h4 {
  display: inline; }

#paymentModeInfo {
  margin: 20px 0 0; }

#paymentModeOptions label {
  padding: 0 10px; }

#chekoutReview .review {
  width: 300px;
  float: left;
  color: #000;
  margin-bottom: 15px;
  padding-right: 10px; }

#chekoutReview dl.review dt {
  width: 120px;
  margin: 10px 0 0;
  word-wrap: break-word; }

#chekoutReview dl.review dd {
  width: 170px;
  margin: 10px 0 0;
  padding: 0;
  word-wrap: break-word;
  text-transform: capitalize; }

#chekoutReview hr {
  clear: both; }

#chekoutReview .buttons {
  padding: 0;
  margin-top: 0;
  border: none; }

#chekoutReview .buttons.ghd-de {
  visibility: hidden;
  display: none; }

#chekoutReview .top-ruler.ghd-de {
  visibility: hidden;
  display: none; }

#delivery .error button, #payment .error button {
  color: #fff; }

#thankyou, #thankyouAside {
  padding-top: 20px; }

/**** used in nav and in checkout detials page*****/
.cartDetails {
  border-top: solid 1px #cccccc;
  padding: 10px 0 0 0;
  margin-top: 5px;
  font-size: 1.15em; }

.cartDetails .entry {
  border-bottom: solid 1px #cccccc; }

.cartDetails .productTitle {
  padding: 0 0 15px 0; }

.cartDetails .entry, .cartDetails .totals, .cartDetails .productTitle {
  clear: both; }

.cartDetails .delivery {
  padding: 10px 0; }

.cartDetails .productImage {
  float: left;
  width: 70%;
  margin-bottom: 15px; }

.cartDetails .productPrice {
  float: right;
  width: 30%;
  text-align: right;
  padding: 20px 0 0;
  color: #666666; }

#mainMenu .cartDetails .productPrice {
  font-size: 0.7em; }

.totals .price {
  float: right; }

.ie7 .totals .price {
  float: none; }

.totals .total {
  border-top: solid 2px #000;
  padding-top: 5px;
  line-height: 2em; }

.totals .total .price {
  font-size: 1.4em; }

/*****Account Registration*****/
.registerOptions {
  text-align: center; }

.registerOptions h2 {
  background-color: #fff;
  font-size: 1.9em;
  margin: -17px 125px 90px;
  color: #333333;
  text-transform: capitalize; }

.registerOptions h3 {
  font-size: 2em;
  margin: 0 0 5px; }

.registerOptions h4 {
  text-transform: uppercase;
  padding: 15px 0 5px;
  font-size: 1.7em; }

.option-stylist {
  background: url(../js/build/9a744a28dc5aebdc3f59c92ea9b8cc47.png) no-repeat 48px 30px #fff; }

.option-mortal {
  background: url(../js/build/9a744a28dc5aebdc3f59c92ea9b8cc47.png) no-repeat scroll -390px 30px #FFF; }

.option-stylist, .option-mortal {
  float: left;
  padding: 10px;
  margin: 15px 0 0 55px;
  width: 40%;
  text-align: center; }

.badge {
  color: #fff;
  text-transform: uppercase; }

.badge hr {
  margin: 15px auto;
  width: 40px; }

.registerOptions .info, .badge {
  border-top: 1px solid #cecece;
  margin: 0 0 70px; }

.registerOptions .info {
  margin-bottom: 20px;
  min-height: 20em; }

.registerOptions .badge {
  min-height: 275px; }

.registerOptions .badge .offer {
  min-height: 240px; }

.registerOptions .badge .offer h3 {
  margin: 0 40px;
  display: inline-block; }

.registerOptions .badge .offer p {
  width: 250px;
  margin: auto; }

.registerOptions .badge:hover {
  cursor: pointer; }

/**********uploaders**********/
#uploadPostsDialog .loading, #uploadProfilePictureForm .loading {
  margin: 20px auto; }

#uploadPostsDialog h2 {
  Margin-bottom: 0;
  padding-bottom: 5px; }

.uploadItem {
  width: 100%;
  position: relative;
  min-height: 100px;
  margin: 0;
  overflow: hidden; }

#uploadPostsDialog #flashWidgetImages.uploadItem {
  border-bottom: solid 1px #cccccc; }

.uploadItem:hover {
  background-color: #f2f2f2; }

#uploadPostsDialog #uploadProfilePictureForm {
  display: none; }

#submitFormHolderimage,
#submitFormHoldervideo {
  height: 0; }

#submitFormHolderimage #postCollectionData,
#submitFormHoldervideo #postCollectionData {
  display: none; }

#uploadPostsDialog .buttons, #uploadProfilePictureForm #firstStep .buttons {
  padding: 0;
  margin: 0;
  border-top: 0; }

.ui-dialog-content fieldset {
  margin: 0; }

.ui-dialog-content h1 {
  margin-bottom: 20px; }

.ui-dialog-content h2 {
  border-bottom: 1px solid #cccccc; }

/* upload widgets */
#uploadProfilePictureForm #userInput form,
#uploadPostsDialog #userInput form {
  position: static; }

#uploadProfilePictureForm #flashWidget object,
#uploadProfilePictureForm #flashWidget embed,
#uploadPostsDialog .uploadItem #flashWidget object,
#uploadPostsDialog .uploadItem #flashWidget embed {
  height: 100px;
  position: absolute;
  left: 0px;
  width: 100%;
  z-index: 99999;
  cursor: pointer;
  margin: 0 !important; }

.ui-dialog-content #userInput .upload-button {
  background: url(../js/build/d998ed0557e714bff7bc6c4bf628a9e8.png) 0 0px no-repeat;
  border: none;
  display: block;
  width: 65px;
  height: 50px;
  font-style: italic;
  margin: 0px;
  color: #fff;
  font-size: 1.3em;
  padding: 0px 0 0 0;
  text-transform: none;
  position: absolute;
  left: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: -5px; }

.ui-dialog-content #flashWidgetVideo .upload-button {
  background-position: 0 -70px;
  margin-top: 0; }

.ui-dialog-content #userInput label, .ui-dialog-content #userInput p {
  margin: 0 0 8px 120px;
  position: static;
  display: inline-block;
  width: 440px; }

.ui-dialog-content #userInput p, .ui-dialog-content .termsAndConditions p, .ui-dialog-content .termsAndConditions p a {
  font-size: 0.9em;
  color: #8f8f8f; }

.ui-dialog-content #userInput {
  padding-top: 30px; }

.ui-dialog-content .termsAndConditions p {
  padding: 20px 0 0 0; }

.ui-dialog-content .termsAndConditions {
  border-top: solid 1px #CCC;
  margin-bottom: 20px; }

.ui-dialog-content #userInput .upload-button:focus,
.ui-dialog-content #userInput .upload-button:-moz-focus-inner {
  outline: none;
  border: 0; }

/* upload widgets end*/
.ui-dialog-content .notes {
  color: #666666;
  list-style-type: none;
  margin: 1em 0 0 0; }

#uploadError, #postError {
  color: #fff;
  padding: 10px 10px 10px 60px;
  display: none;
  margin: 10px 0 10px 0;
  background-color: #000000;
  min-height: 50px; }

#uploadError h4 {
  padding: 5px 0; }

#uploadError .alert, #postError .alert {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 19px -150px;
  height: 50px;
  width: 41px;
  left: 13px;
  position: absolute; }

#uploadProfilePictureForm {
  display: none;
  min-height: 200px !important; }

.uploadmeasure, #uploadProgresser .progressbarWrapper, #uploadProfilePictureProgresser .progressbarWrapper {
  margin: 20px 0px;
  font-size: 0.9em;
  color: #8f8f8f; }

#uploadCounter {
  color: #8f8f8f; }

.graphicalSelector {
  border: solid 1px #CECECE;
  width: 100%;
  cursor: pointer;
  height: 58px;
  position: relative;
  box-sizing: border-box; }

@media screen and (max-width: 767px) {
  .addtocart .graphicalSelector {
    width: auto; }
  .addtocart .selectionPane {
    width: calc(100% - 16px); } }

.graphicalSelector .hero-selector {
  height: 58px; }

.graphicalSelector .arrow {
  height: 58px;
  width: 58px;
  position: absolute;
  top: 0;
  right: 1px;
  background-color: #000; }

.graphicalSelector .disabled .arrow {
  display: none; }

.graphicalSelector .arrow span {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 0 -1864px;
  display: block;
  width: 22px;
  height: 15px;
  position: absolute;
  top: 22px;
  left: 15px; }

.graphicalSelector .open .arrow span {
  background-position: 0 -1882px; }

.graphicalSelector .copy {
  margin: 0 0 0 20px;
  padding-top: 15px; }

.graphicalSelector .copy label {
  width: 168px;
  padding: 0 76px 0 0;
  margin: 0;
  overflow: hidden;
  display: inline-block; }

.product-details .graphicalSelector .copy {
  display: table;
  height: 58px;
  margin: 0 0 0 10px;
  padding-top: 0; }

.product-details .graphicalSelector .copy label {
  display: table-cell;
  padding: 0 60px 0 0;
  vertical-align: middle;
  width: 100%; }

.product-details .graphicalSelector .copy p {
  display: table-cell;
  padding-right: 60px;
  vertical-align: middle; }

.graphicalSelector.error {
  border-color: red; }

#page #thumbnailBrowser.blackonwhite .graphicalSelector.error p {
  color: red !important; }

.selectionPane {
  height: 210px;
  display: none;
  background-color: #fff;
  width: 252px;
  position: absolute;
  -moz-box-shadow: 3px 3px 10px #cecece;
  -webkit-box-shadow: 3px 3px 10px #cecece;
  box-shadow: 3px 3px 10px #cecece;
  z-index: 10;
  border: solid 1px #CECECE;
  border-top: 0;
  padding: 5px 7px;
  margin-left: -1px;
  position: absolute;
  top: 58px; }

.selectionPaneInner {
  overflow-y: scroll;
  height: 210px; }

.row.productSelector .selectionPane {
  height: 200px;
  padding: 7px; }
  .row.productSelector .selectionPane .selectionPaneInner {
    height: 200px; }

.selectionPane.selectionPane--items-0,
.selectionPane.selectionPane--items-1 {
  height: 70px; }
  .selectionPane.selectionPane--items-0 .selectionPaneInner,
  .selectionPane.selectionPane--items-1 .selectionPaneInner {
    height: 80px; }

.selectionPane.selectionPane--items-2 {
  height: 140px; }
  .selectionPane.selectionPane--items-2 .selectionPaneInner {
    height: 150px; }

.selectionPane.selectionPane--items-3 .selectionPaneInner {
  height: 220px; }

.selectionPane p {
  display: block;
  margin: 0;
  padding: 0;
  float: none;
  margin: 10px 0 0 10px; }

.selectionPane .selectItem {
  height: 50px;
  cursor: pointer;
  padding: 10px 0;
  display: table; }

.selectionPane .selectThumb {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 10px;
  display: table-cell;
  vertical-align: middle; }

.selectionPane .selectThumb img {
  border: solid 1px #ffffff;
  width: 50px;
  height: 50px; }

.selectionPane .selectItem:hover {
  background-color: #e7e7e7;
  cursor: pointer; }

.selectionPane .selectItem:hover img {
  border: solid 1px #676767; }

.selectionPane .selectInput {
  clear: none;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.selectionPane .selectItem label {
  width: 160px;
  position: static;
  cursor: pointer;
  display: inline-block;
  float: none;
  overflow: hidden; }

.product-details .selectionPane .selectItem label {
  width: auto; }

.selectionPane .selectItem input {
  position: absolute;
  left: -1000px; }

.collectionSelector {
  z-index: 30; }

.collectionSelector .selectionPane .selectItem label {
  padding-top: 18px; }

.graphicalSelector.productSelector {
  margin-bottom: 5px;
  margin-top: 13px; }

.graphicalSelector.designSelector {
  margin-top: 13px; }

.graphicalSelector.collectionSelector {
  width: 430px; }

.graphicalSelector.collectionSelector label {
  width: 270px;
  padding-top: 8px; }

.graphicalSelector.collectionSelector .selectionPane {
  width: 416px; }

.simpleProductSelector.productSelector {
  margin-left: 0; }

#thumbnailBrowser .graphicalSelector.productSelector {
  margin: 0 0 10px 0;
  width: 230px; }

#thumbnailBrowser .graphicalSelector.productSelector .selectionPane {
  width: 215px; }

#thumbnailBrowser .graphicalSelector.designSelector {
  margin: 0 0 10px 0;
  width: 230px; }

#thumbnailBrowser .graphicalSelector.designSelector .selectionPane {
  width: 215px; }

#thumbnailBrowser .selectionPane .selectItem label {
  width: 120px; }

#thumbnailBrowser .graphicalSelector .copy label {
  width: 155px;
  margin-left: -7px; }

#thumbnailBrowser .graphicalSelector p {
  margin: -9px 60px 0 -7px; }

#thumbnailBrowser .addtocart .graphicalSelector span {
  margin-top: 0; }

#thumbnailBrowser #productDetails h1 {
  font-family: "HelveticaNeueETW01-65Md", "Arial", "Lucida Grande", sans-serif;
  font-size: 1.8em;
  font-weight: 800; }

#newCollectionForm fieldset .formError {
  margin-left: -3px;
  width: 255px; }

#newCollectionForm {
  clear: both;
  width: 390px;
  padding: 0 0 0px 10px; }

#newCollectionForm input {
  margin: 5px 10px 3px 0;
  position: relative; }

#newCollectionForm input.create {
  float: right;
  margin-top: 8px; }

.no-borderradius #newCollectionForm input.create {
  float: none; }

#newCollectionTitle {
  margin: 10px 5px 0 0;
  border: 1px solid #CECECE;
  padding: 7px;
  width: 265px;
  z-index: 9999; }

#newCollectionForm p {
  margin: 0; }

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

.applyMetaDataToPosts fieldset {
  margin: 0; }

.applyMetaDataToPosts li {
  margin: 0 3px 0px 0px;
  padding: 15px 0;
  background: none;
  border: none;
  border-bottom: solid 1px #cccccc; }

.postThumbnail {
  width: 140px;
  float: left;
  clear: none; }

.postData {
  float: left;
  width: 400px;
  clear: none;
  margin-top: -12px; }

.postData div.section.howto input {
  display: inline;
  float: none;
  margin: 13px 5px 0 0;
  width: 15px; }

.collectionThumbnail {
  width: 140px;
  float: left;
  clear: none; }

.collectionData {
  float: left;
  width: 400px;
  clear: none; }

.dialogButtons {
  margin: 5px 0 0 0;
  float: right; }

#repostDialog h3 {
  margin: 20px 0 10px 0;
  font-size: 1.2em;
  padding-top: 8px; }

#repostDialogPanel {
  max-height: 550px; }

.describeUpload .bodyPar p.standfirst {
  font-size: 1.8em; }

.describeUpload .bodyPar h2 {
  font-size: 1.5em;
  margin: 50px 0 13px 0; }

#createCollectionDialog fieldset label {
  display: block;
  position: static;
  font-size: 1.4em;
  width: auto;
  float: none; }

#createCollectionDialog fieldset input[type="text"] {
  margin-left: 0;
  width: 500px; }

#createCollectionDialog fieldset .formError {
  margin-left: -3px;
  width: 490px; }

#createCollectionDialog .buttons {
  border-top: 0;
  margin-top: 10px; }

#createCollectionDialog h3 {
  color: #999999;
  font-size: 1.5em;
  margin: 0 0 30px 0;
  overflow: hidden; }

#createCollectionDialog p.baskerville {
  font-size: 1.7em;
  padding: 10px 0 0; }

#createCollectionDialog a.upload {
  color: #fff;
  float: right;
  margin-left: 10px; }

#createCollectionDialog p small {
  color: #999999;
  font-size: 0.9em; }

/*********Profile************/
#profilePage {
  min-height: 1085px; }

#profilePage #profileButtons #moreBtn,
#profilePage #profileButtons #backBtn {
  display: none; }

#profilePage #profileButtons #moreBtn {
  background: #D0A144;
  padding: 0 10px 1px 10px; }

#profilePage #profileButtons #backBtn {
  background: #000000;
  padding: 0 20px 1px 20px; }

#profilePage .friends ol li:nth-child(n+3) {
  display: none; }

#profilePage .friends .title a:after {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll -2px -2088px transparent;
  content: "";
  position: absolute;
  float: right;
  width: 26px;
  height: 26px;
  margin: -4px 0 0 -2px; }

#profileIntro {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #999999;
  padding: 6px 0 5px 20px;
  min-height: 50px; }

#profileIntro .column {
  width: 225px;
  float: left;
  position: relative;
  min-height: 35px; }

#profileIntro .salon {
  width: 221px; }

#profileIntro .column .inner {
  position: absolute;
  bottom: 0; }

#profileIntro .location, #profileIntro .profile {
  width: 220px; }

#profileIntro .profile .view {
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) 0 -318px no-repeat;
  padding: 5px 0 3px 32px;
  margin-bottom: 10px;
  text-decoration: none;
  min-height: 15px;
  display: block; }

#accountAdmin p.viewProfile {
  position: absolute;
  top: 6px;
  right: 0px;
  width: auto; }

.popover-content a.link, #accountAdmin p.viewProfile a {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll right -1826px #D0A144;
  border-radius: 1.2em 1.2em 1.2em 1.2em;
  color: #FFFFFF;
  height: 25px;
  padding: 4px 30px 0px 9px;
  text-decoration: none;
  background-color: #000000;
  display: inline-block;
  height: 19px; }

#profileIntro #profileName {
  font-size: 2.6em;
  font-style: normal;
  margin: 0; }

#profileIntro #profileName a {
  text-decoration: none;
  color: #000000;
  font-size: 0.7em;
  line-height: 1em;
  display: block; }

#profileIntro h1 {
  margin: 0;
  font-size: inherit; }

#profileIntro .inner a {
  color: #999999; }

#profileIntroMini {
  text-transform: uppercase;
  font-size: 10px;
  color: #999999;
  padding: 0;
  margin: 0;
  border: 1px solid transparent; }

#profileIntroMini .column {
  float: left;
  margin-right: 10px; }

#profileIntroMini #profileName {
  color: #000000;
  font-size: 14px;
  line-height: 1em;
  display: inline-block;
  padding-bottom: 4px; }

#profileIntroMini #profileName a {
  text-decoration: none; }

#profileIntroMini #profileName a:after {
  content: "";
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) -2px -2088px no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  float: right;
  margin-top: -6px;
  margin-left: -2px; }

#profileIntroMini h1 {
  margin: 0;
  font-size: inherit; }

#profileDetail {
  width: 200px;
  float: left;
  margin: 0 20px 0 40px; }

#profileDetail .profilePicture {
  width: 260px;
  margin: 0 0 0 -40px;
  background-color: #000; }

#profileDetail .profilePicture img {
  vertical-align: bottom; }

#profileDetail #badgeSash {
  padding: 25px 0 10px 0;
  min-height: 45px; }

#profileDetail blockquote {
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-size: 2em; }

#profileDetail p.ithink.title {
  text-transform: uppercase;
  font-size: 1.7em;
  line-height: 1.1em; }

#profileDetail p.ithink.copy {
  margin-top: -7px; }

#profileDetail p.ithink {
  padding: 0 0 20px 0;
  word-wrap: break-word; }

#profileDetail .jobInfoRoundal a {
  color: #FFF; }

#socialTools {
  padding: 10px 0; }

#socialTools li {
  float: left;
  position: relative; }

#profileDetail #socialTools {
  padding: 15px 0 20px 0;
  position: relative;
  z-index: 2; }

#profileDetail #socialTools li.facebook {
  float: left; }

#profileDetail #socialTools li.twitter {
  width: 95px;
  text-align: center; }

#profileDetail #socialTools li.addthis {
  float: right; }

#profileDetail #socialTools li.addthis .addthis_button_compact {
  margin-left: 10px; }

#socialTools li .addthis_counter.addthis_pill_style {
  height: 25px; }

#socialTools li .addthis_button_compact {
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) 0 -1266px no-repeat;
  width: 25px;
  height: 25px; }

.friends {
  padding: 10px 0; }

#stats {
  padding: 10px 0;
  margin: 0px 0px 40px 0px; }

#comTools ul li {
  float: left;
  padding: 10px 10px 10px 0; }

#comTools input, #comTools a, #comTools li#follow input.following:hover {
  background: url(../js/build/4de99240e0c9821c220a2bdd1284e88e.png) no-repeat;
  border: none;
  display: block;
  width: 95px;
  height: 95px;
  font-style: italic;
  margin: 0px 0 0 0;
  color: #fff;
  font-size: 1.1em;
  padding: 3px 0 0 0;
  moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  white-space: normal; }

#comTools a {
  line-height: 90px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

#comTools li#message a {
  background-position: -105px 0px; }

#comTools li#message a:hover {
  background-position: -105px -105px; }

#comTools li#follow input:hover, #comTools li#follow input.following {
  background-position: 0px -105px; }

#comTools li#message {
  padding: 10px 0 0 0; }

#sentMessageDialog {
  min-height: 80px; }

dl.attributes, .associatedStylists, #stats dt {
  text-transform: uppercase;
  word-wrap: break-word; }

dl.attributes {
  margin-top: -2px; }

dl.attributes dt {
  border-top: solid 1px #cccccc;
  padding: 20px 0 16px 0;
  margin-top: 2px; }

dl.attributes dd {
  font-size: 1.3em;
  padding: 0 0 16px 0;
  line-height: 1.1em; }

dl.attributes time, dl.attributes .location p {
  display: block;
  font-size: 0.75em;
  line-height: 1.15em; }

dl.attributes time span {
  float: right; }

dl.attributes .location p {
  padding-bottom: 0.8em; }

dl.attributes .location .postcode {
  display: block; }

dl.attributes .location p a {
  text-transform: none; }

.attribute-toggels span {
  text-decoration: underline;
  cursor: pointer; }

.attribute-toggels span:hover {
  text-decoration: none; }

.friends h2, .friends ol li {
  float: left;
  padding: 0 0 10px 0; }

.friends h2 {
  padding: 0; }

.friends .all {
  float: right;
  margin: 15px 0 0 0; }

#profileDetail .friends .all {
  margin-top: 9px; }

.friends ol {
  padding-top: 2px;
  clear: both; }

.friends ol li {
  position: relative;
  height: 95px; }

.friends ol li:first-child {
  padding: 0 10px 0 0; }

.friends ol li:nth-child(3) {
  padding: 0 10px 0 0; }

.noFriends .otherwise {
  display: none;
  float: none;
  clear: both;
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) right -1820px no-repeat;
  padding: 10px 20px 10px 0; }

.registeredStylists p {
  clear: both; }

.newFriend {
  background: url(../js/build/ce5d1375225dafec845bda9176045667.png) no-repeat;
  display: block;
  height: 100px;
  width: 100px;
  position: absolute;
  top: 0px; }

#stats dl {
  padding: 0px 0; }

#stats dt {
  float: left;
  clear: right; }

#stats dd {
  float: right; }

#stats dd, #stats dt {
  line-height: 1em; }

.followNetwork ul {
  overflow-y: scroll;
  max-height: 500px;
  padding: 20px 0 0 0; }

.followNetwork ul li {
  float: left;
  padding: 0 10px 20px 0;
  width: 170px; }

.followNetwork ul li:nth-child(3n+4) {
  clear: left; }

.followNetwork ul li input {
  margin: 5px 0 0 0; }

.profileListItem {
  position: relative; }

#profileDetail .associatedStylists {
  padding-top: 10px;
  min-height: 30px; }

.associatedStylists h3 {
  background: url(../js/build/8e20dce2a1fae4cb7b662e90a85f4bc7.png) 0 -156px no-repeat;
  height: 40px;
  width: 40px;
  float: left; }

.associatedStylists ul {
  margin: 0 0 0 50px; }

/*********Posts and collections**********/
#profileCollections {
  width: 660px;
  margin-left: 260px; }

#collections {
  margin: 0; }

#collections .collection, #collections .favouriteTax, #collections .specialPromotionInner {
  position: relative;
  z-index: 2;
  clear: none;
  background-color: #000000; }

.collection a img, .favouriteTax a img, .ugcpost a img {
  vertical-align: bottom; }

#collections .collection, #collectionPosts .post, #collections .favouriteTax, #collections .specialPromotion, .search-results .ugcpost {
  width: 200px;
  float: left;
  margin: 20px 20px 0 0;
  background-color: #000;
  z-index: 1; }

#collections .featured {
  width: 660px;
  margin-bottom: -70px;
  margin-top: 0;
  /*z-index:1;*/
  padding-bottom: 0;
  min-height: 455px; }

#collections .landscape {
  width: 420px; }

#collections .favouriteTax {
  width: 420px;
  position: relative;
  float: right; }

#collections .favouriteLooks {
  float: left; }

#collections .favouriteTax .editorial, #collections .specialPromotionInner {
  width: 180px;
  padding: 20px 10px;
  background-color: #000;
  color: #fff; }

#collections .favouriteTax .editorial {
  position: absolute;
  top: 150px;
  right: 0;
  max-height: 230px; }

#collections .favouriteLooks .editorial {
  left: 0;
  overflow: hidden; }

#collections .favouriteTax .editorial h3 {
  padding-top: 0; }

#collections .era .editorial {
  left: 0; }

#collections .marginLeft {
  margin-left: 220px; }

#collections .marginRight {
  margin-right: 220px; }

#collections .clearLeft {
  clear: left; }

#collections .specialPromotion h4 {
  font-size: 1.5em;
  padding: 8px 0; }

.loadingTray {
  float: left;
  width: 100%; }

#collectionSearchInput {
  margin: 0;
  right: -240px;
  padding-top: 20px;
  clear: both; }

#collectionSearchInput label {
  text-align: right; }

#profileDetail .favouriteTax, #profileDetail .specialPromotion {
  display: none; }

#collections.masonry {
  top: 365px;
  margin-bottom: 395px; }

#collections.masonry .featured {
  top: -365px; }

#allCollectionView {
  margin: 0 0 0 0px;
  border-top: solid 1px #CECECE; }

#allCollectionView h1 {
  padding-top: 30px;
  margin-bottom: 0;
  font-size: 1.6em; }

ol#collectionPosts {
  width: 660px;
  margin: 0 0 20px 0; }

/* post view page */
.emptyPost {
  background: url(../js/build/7901a93e81f4e3013cbbd25bc1be04b2.jpg) no-repeat;
  height: 200px;
  width: 200px; }

#articlePage #postWindow, #articlePage #postViewer, #articlePage .slides, #articlePage .slidescontainer, #articlePage .slidescontainer .section {
  height: auto; }

.cq-wcm-edit #articlePage #postWindow, .cq-wcm-edit #articlePage #postViewer {
  height: auto;
  overflow: visible; }

.cq-wcm-edit #postDetails {
  margin-top: 0; }

.video-post {
  position: relative;
  overflow: hidden; }

.video-post #postViewer {
  background-color: #fff; }

#articlePage .video #postViewer {
  background-color: #fff;
  height: 544px;
  padding: 0 0 0 60px; }

#articlePage .video #postViewer object {
  /*float:right;*/ }

#postWrapper {
  margin: 0 auto; }

#postWrapper .removed {
  width: 300px;
  color: #fff;
  font-size: 2em;
  margin: 0 auto;
  padding-top: 230px; }

.featureThiscollection {
  float: right; }

#postTools .actionLinks {
  display: none; }

#postViewer:hover #postTools .actionLinks {
  display: block; }

#postTools ul li a {
  overflow: visible;
  text-decoration: none; }

#postTools ul li a em {
  background: url(../js/build/0892c16381cc4abce3c237b1c4209160.png) no-repeat;
  width: 43px;
  height: 45px;
  display: block;
  margin: 0 auto; }

#postTools ul li a span {
  background: url(../js/build/70b31b8794f739be60fe60a4550a6c4b.png);
  color: #fff;
  position: relative;
  display: inline-block;
  width: auto;
  padding: 3px 5px 1px 5px;
  margin: 5px auto 0 auto; }

#postTools ul li a:hover span {
  background: #fff url("");
  color: #000; }

#postTools .navLinks ul {
  position: static; }

#postTools .navLinks ul li a span {
  display: none; }

#postTools .navLinks ul li#postPrevious a,
#postTools .navLinks ul li#postNext a {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: auto;
  height: 44px; }

#postTools .navLinks ul li#postPrevious a {
  left: 60px; }

#postTools .navLinks ul li#postPrevious em {
  background-position: -280px 0; }

#postTools .navLinks ul li#postPrevious a:hover em {
  background-position: -280px -57px; }

#postTools .navLinks ul li#postNext a {
  right: 60px; }

#postTools .navLinks ul li#postNext em {
  background-position: -345px 0; }

#postTools .navLinks ul li#postNext a:hover em {
  background-position: -345px -57px; }

#postTools .actionLinks {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: -180px; }

#postTools .actionLinks ul {
  clear: left;
  float: left;
  position: relative;
  left: 50%;
  text-align: center; }

#postTools .actionLinks ul li {
  display: block;
  float: left;
  position: relative;
  right: 50%; }

#postTools .actionLinks ul li a {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  padding: 0 15px;
  width: auto;
  height: auto; }

#postTools .actionLinks ul li#postRepost em {
  background-position: 0 0; }

#postTools .actionLinks ul li#postRepost a:hover em {
  background-position: 0 -57px; }

#postTools .actionLinks ul li#postPreview em {
  background-position: -72px 0; }

#postTools .actionLinks ul li#postPreview a:hover em {
  background-position: -70px -57px; }

#postTools .actionLinks ul li#postPrint em {
  background-position: -144px 0; }

#postTools .actionLinks ul li#postPrint a:hover em {
  background-position: -144px -57px; }

#postTools .actionLinks ul li#postFlag em {
  background-position: -215px 0; }

#postTools .actionLinks ul li#postFlag a:hover em {
  background-position: -213px -57px; }

.previewImagePopup {
  background-color: #000 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; }

.previewImagePopup .ui-dialog-titlebar {
  background: #000 !important;
  min-height: 15px; }

#previewImage {
  background: #000;
  margin: 1px;
  padding: 0;
  overflow: hidden; }

#thumbnailToggle, #thumbnailBrowser, #thumbnailBrowserWrapper {
  color: #fff;
  position: absolute;
  width: 20px;
  height: 528px;
  top: 0;
  right: 0; }

#thumbnailToggle {
  z-index: 100;
  padding-left: 20px; }

#thumbnailToggle a, #thumbnailBrowser {
  background-color: #000000; }

#thumbnailBrowser {
  width: 255px;
  right: -265px;
  overflow: hidden;
  text-align: left; }

#thumbnailBrowser ol {
  border: solid 1px #3e3e3e;
  border-right: none;
  border-left: none;
  padding: 10px 0;
  margin: 20px 0;
  width: 210px; }

#thumbnailBrowser li {
  float: left; }

#thumbnailBrowser li a {
  height: 50px;
  width: 50px; }

#thumbnailBrowser a, #thumbnailToggle a {
  color: #fff;
  margin: 4px;
  display: block; }

#thumbnailBrowser a.lightbox {
  display: inline;
  margin: 0;
  color: #000; }

#thumbnailToggle a {
  height: 100%;
  outline: 0;
  border-left: solid 1px #fff;
  margin: 0; }

#thumbnailToggle a span {
  height: 15px;
  width: 15px;
  background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat 0px -374px;
  display: block;
  text-indent: -9999px;
  font-size: 0.1em;
  position: relative;
  top: 30px; }

#thumbnailToggle.open a {
  border-color: #000; }

#thumbnailToggle.open a span {
  background-position: 0px -30px; }

#thumbnailBrowser li a, #thumbnailBrowser .selected a {
  border: solid 1px #000000; }

#thumbnailBrowser li a:hover, #thumbnailBrowser li a:focus, #thumbnailBrowser li a:active {
  border: solid 1px #d0a144; }

#thumbnailBrowser .selectedPost .overlay {
  background: transparent url(../js/build/654e8ca49935fb6fdd16d091cca57616.png);
  position: absolute;
  z-index: 99;
  height: 62px;
  width: 62px;
  margin-top: -62px;
  display: block; }

#thumbnailBrowser .selectedPost img {
  border: solid 1px #ffffff;
  vertical-align: bottom; }

#thumbnailBrowser .back span, #thumbnailBrowser .forward span {
  height: 30px;
  width: 30px;
  margin: 15px;
  display: block;
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) 0 -1420px no-repeat;
  font-size: 0.1em;
  text-indent: -999px; }

#thumbnailBrowser .forward span {
  background-position: 0 -1450px; }

#thumbnailBrowser .addtocart span {
  margin-top: 10px;
  text-align: justify;
  display: block; }

#thumbnailBrowser .viewall {
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) 0 -318px no-repeat;
  padding: 4px 0 4px 32px;
  text-decoration: none; }

#thumbnailBrowser h2 {
  font-size: 1.7em;
  line-height: 1.1em;
  padding-right: 25px; }

#postViewPage #postWindow {
  margin: 0 0 0 0px;
  text-align: center; }

#postViewPage #thumbnailBrowser {
  padding: 20px 0 20px 20px;
  width: 245px; }

#postViewPage #thumbnailBrowser li a {
  height: 60px;
  width: 60px;
  background: transparent url(../js/build/7689aa5df7fd7b73e65b0d576add0c72.gif) 20px 20px no-repeat; }

#postViewPage #thumbnailBrowser .back a, #postViewPage #thumbnailBrowser .forward a {
  background: #000 url(""); }

#postViewPage #socialTools li.facebook {
  width: 80px; }

#postViewPage #socialTools li.twitter {
  width: 76px; }

#postViewPage #socialTools li.addthis {
  width: 30px; }

#postViewPage #postHeader h1 {
  margin-top: 0;
  word-wrap: break-word; }

/*
* Localised roundel plugin fixes for CTA in #thumbnailBrowser
*/
.no-borderradius #thumbnailBrowser .addtocart {
  width: 130px; }

.no-borderradius .da_DK #thumbnailBrowser .addtocart {
  width: 190px; }

.no-borderradius .sv_SE #thumbnailBrowser .addtocart {
  width: 180px; }

.no-borderradius .no_NO #thumbnailBrowser .addtocart {
  width: 210px; }

#thumbnailBrowser h2, #postHeader h1, #thumbnailBrowser .viewall, #postDetails h2 {
  text-transform: uppercase; }

#postDetails {
  border: solid 20px #ffffff;
  background-color: #fff; }

#postMain {
  width: 640px;
  float: left;
  margin: 0 20px 0 0; }

#postAside {
  width: 200px;
  margin: 2px 0 0 0px;
  float: left;
  overflow: hidden; }

#postAside h3 {
  font-size: 1.1em;
  width: 160px;
  float: left; }

#postAside .all {
  float: right; }

#postHeader #articleHeader {
  border-bottom: solid 1px #cccccc;
  padding: 0 0 5px; }

#postHeader h1, #postHeader h2 {
  font-size: 1.7em;
  float: left;
  width: 365px;
  margin: 10px 0 0 0; }

#postDetails h2 {
  margin: 0px 0 0 0;
  line-height: 0.9em; }

#postHeader #socialTools {
  float: right;
  width: 266px;
  padding: 1px 0 0 0; }

#postDescription, #postComments {
  padding: 20px 0; }

#postTags {
  padding: 10px 0 10px 0; }

#postTags p {
  font-weight: bold;
  display: inline; }

#postTags ol {
  display: inline; }

#postTags li {
  display: inline-block; }

#postTags li a, #postDetails p a {
  color: #666666; }

#postComments {
  padding-top: 60px; }

#postComments h2 {
  font-size: 1.5em;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0; }

#postAside h3, #postAside h4, #thumbnailBrowser h4, #thumbnailBrowser h3 {
  text-transform: uppercase; }

#postAside h4 {
  color: #666666;
  font-size: 1.1em;
  display: block;
  top: -3px;
  position: relative; }

#postAside .ugcpost {
  margin: 5px 0 20px 0; }

#postAside .getTheLook {
  padding: 5px 0 0 0; }

#postAside .getTheLook p {
  background-color: #000000;
  color: #ffffff;
  padding: 15px 10px;
  font-size: 1.1em; }

#postAside .getTheLook img {
  vertical-align: bottom; }

#postAside .getTheLook p a {
  text-decoration: none; }

#nextCollectionMini {
  display: none; }

#nextCollectionMini {
  text-transform: uppercase;
  padding: 0; }

#nextCollectionMini .column {
  float: left;
  margin-right: 5px; }

#nextCollectionMini h4 {
  color: #666666;
  display: block;
  font-size: 1.1em;
  position: relative;
  top: -3px;
  text-transform: uppercase;
  font-weight: normal; }

#nextCollectionMini .next a {
  display: inline-block; }

#nextCollectionMini .next a:after {
  content: "";
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) -2px -2088px no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  float: right;
  margin-top: -6px; }

#collectionMini {
  display: none; }

#collectionMini {
  text-transform: uppercase;
  padding: 0; }

#collectionMini .column {
  float: left;
  margin-right: 10px; }

#collectionMini h4 {
  color: #666666;
  display: block;
  font-size: 1.1em;
  position: relative;
  top: -3px;
  text-transform: uppercase;
  font-weight: normal; }

#collectionMini .next a {
  display: inline-block; }

#collectionMini .next a:after {
  content: "";
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) -2px -2088px no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  float: right;
  margin-top: -6px; }

/********** Product Page ************/
#productDescription {
  position: relative; }

#productDescription #postWindow {
  overflow: visible;
  z-index: 1;
  width: 920px;
  margin-left: 0px; }

#productDescription #postViewer {
  background-color: #fff;
  width: auto; }

#productDescription #postViewer, #productDescription #postWindow {
  height: auto;
  /*max-height:500px;*/
  min-height: 440px; }

#productDescription #postDetails {
  margin-top: 0;
  z-index: 20;
  margin-left: 0;
  position: relative;
  background-color: transparent;
  width: 640px; }

#productDescription #thumbnailBrowser {
  right: 0px;
  top: 0px;
  margin: 25px 0 20px 0;
  height: auto;
  overflow: visible; }

#productDescription #thumbnailBrowser #productDetails {
  min-height: 415px; }

#productDescription #thumbnailBrowser .topPanel {
  background-image: url(../js/build/b94528400a80406eaa4220a8a90af71f.png);
  background-repeat: repeat;
  background-color: transparent !important;
  height: 100%;
  padding: 20px 10px 10px 15px; }

#productDescription #thumbnailBrowser #productExtras {
  padding-left: 20px;
  margin-top: 10px; }

#thumbnailBrowser #productExtras a {
  margin: 0; }

#productDescription #postDescription {
  font-size: 1.2em; }

#productDescription .footerMessage {
  float: right;
  margin-top: 5px; }

#searchResults .footerMessage {
  float: right;
  margin-top: 30px; }

#productDescription #postDetails h2 {
  font-family: "AvantGardeGothicITCW02B 737103", "Arial Black", Gadget, sans-serif !important;
  font-size: 1.6em; }

#productDescription .BVQASummaryBox .BVQANumber {
  font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif; }

#productDescription .BVQAQuestionAndAnswerCount .BVQANumber {
  font-family: "HelveticaNeueETW01-65Md", "Arial", "Lucida Grande", sans-serif; }

#thumbnailBrowser h1 {
  font-size: 2.4em;
  line-height: 0.8em;
  margin: 0 0 17px 0;
  letter-spacing: -0.02em; }

@-moz-document url-prefix() {
  #thumbnailBrowser h1 {
    font-size: 2.9em; } }

#thumbnailBrowser .standfirst {
  font-size: 1.6em;
  line-height: 1em;
  padding: 0 0 20px 0; }

#thumbnailBrowser .price {
  padding-right: 10px; }

#thumbnailBrowser .saleprice {
  color: #CC1B25; }

#thumbnailBrowser .listprice {
  text-decoration: line-through;
  font-size: 1.3em;
  margin-top: 0;
  clear: both; }

#thumbnailBrowser .availability {
  font-size: 1.5em;
  padding: 0.55em 0 0;
  margin-top: 0; }

#thumbnailBrowser .delivery {
  margin: 10px 0 8px 0; }

#thumbnailBrowser input[type="submit"] {
  float: none; }

#thumbnailRibbon {
  padding: 0px 0 10px 0; }

#thumbnailRibbon ol {
  border: none;
  padding: 0;
  margin: 0; }

#thumbnailRibbon ol li {
  margin: 0 5px 5px 0; }

#thumbnailRibbon ol li.last-child {
  margin-right: 0; }

#thumbnailRibbon ol a {
  margin: 0;
  border: solid 1px #fff; }

#thumbnailRibbon img, #thumbnailRibbon ol a {
  width: 50px;
  height: 50px;
  vertical-align: bottom; }

#productFeatures .column {
  width: 200px;
  float: left;
  padding: 10px 20px 20px 0; }

#productFeatures h3 {
  font-size: 1.2em; }

#productFeatures h4 {
  font-size: 1.1em; }

#productFeatures ul {
  padding: 18px 0 0 0;
  margin: 0 0 0 15px;
  font-size: 1em; }

#productFeatures .buyColumn {
  padding-right: 0; }

#productDeals h2, #thankyou h2 {
  width: 100%;
  border-bottom: solid 1px #cccccc;
  padding: 0;
  margin: 40px 0 20px 0; }

#thankyou h2 {
  font-size: 1.6em; }

#category-details #products {
  width: 880px;
  padding: 0 0 20px 0;
  margin: 0 auto; }

#category-details #featuredVideo {
  padding: 20px 0 0; }

#category-details #featuredVideo .standardtitle h2.bodoni {
  font-size: 3em; }

#category-details .ir {
  display: none; }

#category-details .calltoaction a {
  margin-top: 0; }

/* Drop down styles*/
div.selectbox-wrapper {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-top: none;
  overflow: auto;
  padding: 0;
  text-align: left;
  position: absolute !important;
  right: 5px;
  top: 29px;
  z-index: 51; }

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 4px; }

div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  color: #000; }

div.selectbox-wrapper ul li.current {
  background-color: #d0a144;
  color: #fff; }

/* Look and feel of select box */
#products li {
  float: left;
  width: 200px;
  margin: 20px 20px 0px 0; }

#products li img {
  width: 200px;
  height: 200px; }

#content li.clearrow {
  clear: right;
  width: 100%;
  margin: 0; }

#cart-xsell-products-list .clearrow {
  clear: both; }

#content #products li.clearrow {
  clear: none; }

#content li.clearrow hr {
  display: none; }

.product {
  width: 200px; }

body.product {
  width: auto; }

.product .productMeta, .whatweused {
  clear: both;
  padding: 5px 0 10px 0; }

.product .productMeta .addtocart {
  margin: 5px 0 0 0; }

.product .addtocart {
  zoom: 1;
  position: relative;
  /*IE7*/
  margin-bottom: 7px; }

.product .addtocart input[type=submit] {
  background-position: -3px -766px;
  padding-left: 25px;
  padding-right: 10px;
  margin-top: 4px;
  float: right;
  zoom: 1;
  padding-top: 1px; }

@-moz-document url-prefix() {
  .product .addtocart input[type=submit] {
    padding-left: 22px;
    padding-right: 5px; } }

.product .category {
  font-size: 14px; }

.product .productName {
  font-family: "HelveticaNeueETW01-65Md", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #cecece;
  font-size: 14px;
  text-transform: none; }

#productDescription #productBar {
  display: block;
  background-color: #43c6d8;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 1.1em;
  letter-spacing: 0.05em;
  font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif;
  width: 665px; }

#productHero {
  display: block; }

.priceMarkerMessage {
  margin-bottom: 5px; }

.ordertotals .priceMarkerMessage {
  text-align: right;
  margin-right: 45px; }

.priceMarkerMessage span {
  display: inline-block;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 12px;
  font-style: italic;
  text-transform: none; }

div.bodyPar .product .productName {
  font-size: 1.49em; }

.product .price {
  font-size: 2em;
  padding: 5px 0px 0 0;
  float: left; }

.product .listprice {
  text-decoration: line-through;
  display: block;
  margin: 9px 0 -2px 0; }

.product .priceMarker:after {
  text-decoration: overline; }

.priceMarker {
  color: black; }

.product .saleprice {
  color: #CC1B25; }

.product .availability {
  display: inline-block;
  padding: 1em 0 0 0;
  font-size: 1.2em; }

.category-details .product .availability {
  padding: .95em 0 0 5px; }

.product .notifyWhenInStock {
  display: none; }

#productDescription .notifyWhenInStock {
  display: block;
  margin-bottom: 7px; }

#productDescription .product .productName {
  border: none; }

#productDeals h3.underline, h3#productBvCurationsHeading {
  font-size: 1.6em;
  padding: 0 0 6px 0;
  margin: 0 0 20px 0; }

#product-upsell-items-list ol li, #product-xsell-items-list .product {
  float: left;
  padding: 0 20px 0 0; }

#product-upsell-items-list h3.productName {
  width: 200px; }

#productDeals .crosssell .third {
  padding: 0 !important; }

#productDeals .crosssell .first {
  clear: left; }

#product-xsell-items-list ol li {
  position: relative;
  margin: 0 0 20px 0; }

#product-xsell-items-list .math {
  display: block;
  position: absolute;
  left: 193px;
  top: 86px;
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) top right no-repeat;
  width: 35px;
  height: 35px;
  text-indent: -999px; }

#product-xsell-items-list .equal {
  left: 425px;
  display: none; }

#product-xsell-items-list .third .productMeta {
  margin: 50px 0 0 0; }

#product-xsell-items-list .third .productMeta p.baskervilleItalic {
  font-size: 1.4em;
  line-height: 0.9em; }

#product-xsell-items-list .third .productMeta .addtocart input[type="submit"] {
  clear: both;
  float: left; }

#product-xsell-items-list .third.product .price {
  padding: 0;
  display: inline-block; }

#product-xsell-items-list .product .listprice {
  display: inline-block;
  margin: 16px 0 0 1em;
  font-size: 1em !important;
  top: 3px; }

#product-xsell-items-list .product.third .listprice {
  margin-top: 14px; }

#productPromotion img {
  padding: 10px 0 30px; }

#productDescription #postAside h3, #productDescription #productExtras h3 {
  padding: 0 0 7px 0; }

.producthero .wrapper {
  min-height: 340px;
  width: 920px; }

#snipe, #snipe.nosnipe {
  display: none;
  height: 111px;
  width: 112px;
  position: absolute;
  top: 0;
  left: 0; }

#snipe.snipe1, #snipe.snipe2, #snipe.snipe3, #snipe.snipe4, #snipe.snipe5, #snipe.preorder {
  display: block; }

body.product-page #snipe.snipe1 {
  background-position: 0 0 !important; }

body.product-page #snipe.snipe2 {
  background-position: -117px 0 !important; }

body.product-page #snipe.snipe3 {
  background-position: -235px 0 !important; }

body.product-page #snipe.snipe4 {
  background-position: -353px 0 !important; }

body.product-page #snipe.snipe5 {
  background-position: -471px 0 !important; }

body.category-page .productImage {
  position: relative; }

body.category-page #snipe.snipe1 {
  background-position: 0 -129px !important;
  height: 80px; }

body.category-page #snipe.snipe2 {
  background-position: -117px -129px !important;
  height: 80px; }

body.category-page #snipe.snipe3 {
  background-position: -235px -129px !important;
  height: 80px; }

body.category-page #snipe.snipe4 {
  background-position: -353px -129px !important;
  height: 80px; }

body.category-page #snipe.snipe5 {
  background-position: -471px -129px !important;
  height: 80px; }

#snipe.preorder {
  background-position: 0px -127px !important;
  height: 85px !important;
  width: 85px !important; }

/********** Account admin ***********/
#accountContent {
  width: 100%; }

#dynamicDeliveryMessages {
  padding: 0 0 20px 0; }

#accountAside {
  width: 200px;
  padding: 0 20px 0 0;
  float: left; }

#accountOverviewMain {
  width: 640px;
  padding: 0 20px 0 0px;
  float: left; }

#accountContent #dynamicDeliveryMessages {
  min-height: 180px; }

.overviewCompletionSlot h2.salutation, .overviewCompletionSlot p.standfirst {
  margin-right: 55px;
  width: 625px; }

.overviewCompletionSlot #profileCompleted dl.jobInfoRoundal {
  top: 170px;
  position: absolute;
  right: 0; }

.backto {
  font-size: 0.9em; }

#accountAdmin .backto {
  color: #959595;
  display: block;
  width: 100%;
  margin-top: -33px;
  padding-left: 0;
  background: url(""); }

#accountAdmin {
  width: 880px;
  position: relative; }

#accountAdmin h1 {
  margin: 0 0 35px 0;
  font-size: 2.8em; }

#accountAdmin h2 {
  margin: 10px 10px 13px 0;
  font-size: 1.49em;
  display: block;
  color: #000; }

#accountAdmin .noFriends h2 {
  margin-bottom: 4px; }

#accountAdmin #stats h2 {
  margin-bottom: 10px; }

#accountAdmin #latestCollectionsHeaders h2, #accountAdmin a.info, #accountAdmin.social h2 {
  float: left; }

#accountAdmin.orders h2 {
  border-bottom: 1px solid #CCCCCC;
  margin-top: 30px; }

#lighboxDialog #accountAdmin {
  width: 650px; }

.addAddress a {
  font-size: 14px; }

#accountAdmin h2.salutation {
  font-size: 3em;
  line-height: 0.7em; }

#accountAdmin h3 span {
  color: #A2A2A2; }

.profileOverviewColumn1 {
  width: 60%;
  float: left;
  padding: 30px 0 0 0; }

.profileOverviewColumn2 {
  width: 40%;
  float: left;
  padding: 30px 0 0 0; }

.profileOverviewStep {
  width: 25%;
  float: left;
  padding: 30px 0 0 0; }

.profileOverviewStep h3, .profileOverviewColumn1 h3, .profileOverviewColumn2 h3 {
  padding-bottom: 20px; }

.profileOverviewStep p, .profileOverviewColumn1 p, .profileOverviewColumn2 p {
  padding: 0 20px 0 0; }

#overviewSlot .profileOverviewStep {
  width: auto;
  display: none; }

#accountOverviewMain .profileOverviewStep {
  width: auto; }

.ie7 .jobInfoRoundal dt {
  left: 0; }

.ie7 .jobInfoRoundal dd {
  left: 0px; }

.ie7 #profileIntro #profileName a {
  font-size: 0.3em !important; }

#salonGetStarted #contentSlot {
  width: 200px;
  float: left; }

#salonGetStarted .profileOverviewStep {
  width: 220px; }

#salonGetStarted .profileOverviewStep p {
  min-height: 4em; }

.largeTick {
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) no-repeat scroll 2px -121px transparent;
  height: 50px;
  width: 55px; }

.profileOverviewStep .largeTick {
  margin: 10px auto 30px auto;
  padding: 0 20px 0 0; }

#accountAdmin .profileOverviewStep.completed h3 span {
  color: #c9c9c9; }

.profileOverviewStep.completed h3 {
  color: #7f7f7f; }

.profileOverviewStep.completed p {
  color: #9f9f9f; }

.profileOverviewStep.completed span.completed {
  margin-top: 4px;
  display: block; }

.profileOverviewStep.completed span.done {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) 0 -1900px no-repeat;
  display: block;
  float: left;
  width: 30px;
  height: 32px;
  margin-top: -5px; }

.profileOverviewColumn1 p {
  padding-right: 15px !important; }

#accountDetails dd {
  padding: 0 0 20px 0;
  color: #666666; }

#accountDetails dl {
  border-bottom: 1px solid #E5E5E5;
  margin: 20px 0 20px 0; }

#accountAdmin table {
  width: 100%;
  text-align: left;
  margin: 0 0 30px 0; }

#accountAdmin .addAddress {
  border-top: 1px solid #ccc; }

#accountAdmin table.addressBook tr:last-child {
  border-bottom: none; }

#accountAdmin table th {
  border-bottom: 1px solid #cccccc;
  padding: 15px 0;
  font-weight: normal; }

#accountAdmin table tr {
  border-bottom: 1px solid #e5e5e5; }

#accountAdmin table td, p.noorders, p.nocommissions {
  padding: 15px 0;
  /*vertical-align: text-bottom;*/ }

table.addressBook td span {
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) no-repeat scroll 2px -172px transparent;
  display: block;
  font-size: 2.3em;
  height: 50px;
  padding: 6px 0 0;
  text-align: center;
  width: 57px;
  color: #000; }

#accountAdmin .addAddress {
  border-bottom: 1px solid #ccc;
  height: 36px;
  padding: 12px 14px;
  text-transform: uppercase; }

#accountAdmin .addAddress a {
  text-decoration: none;
  background-position: 0 -697px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-left: 81px; }

#accountAdmin .addressBookTitle {
  margin: 0 0 5px; }

#accountAdmin #promoSlot {
  width: 190px;
  height: 190px;
  position: absolute;
  top: -30px;
  right: 10px;
  display: none; }

#accountAdmin .productSlot {
  width: 200px;
  float: left;
  padding-right: 13px; }

#accountAdmin .productSlot.last {
  padding-right: 0; }

#accountAdmin #profileCompleted #contentSlot {
  width: 660px;
  float: left; }

#accountAdmin #profileCompleted .jobInfoRoundal {
  float: right;
  margin: 0 10px 0 0; }

#accountContent .component {
  border-top: 1px solid #CCC;
  padding: 20px 0 20px 0;
  display: block; }

#accountContent .inSalonRequestAccountComponent h2 {
  text-transform: none;
  margin: 0; }

#accountContent .inSalonRequestAccountComponent hr {
  margin: 0 0 20px; }

#accountContent .inSalonRequestAccountComponent .golden-color {
  color: #C6A15D; }

#latestCollections {
  margin: 0 0 10px 0;
  position: relative; }

#latestCollectionsHeaders {
  height: 38px;
  width: 100%; }

#latestCollections #latestCollectionsHeaders .all {
  top: 13px; }

#latestCollections .all {
  float: right;
  position: absolute;
  top: 5px;
  right: 0; }

#latestCollections ol {
  margin-top: 10px; }

#latestCollections li {
  float: left;
  padding-right: 20px;
  position: relative; }

#latestCollections li.last-item {
  padding-right: 0; }

#content #latestCollections li a.add {
  background: #000000 url(../js/build/307486e4a318da5c2232a07268dbf9d7.png) 87px 71px no-repeat;
  text-decoration: none;
  text-align: center;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  color: #fff;
  display: block; }

#content #latestCollections li a.add span {
  text-transform: uppercase;
  padding-top: 100px;
  display: block; }

#accountAdmin dl.review dt {
  display: none; }

#accountAdmin dl.review dd {
  width: 100%;
  padding: 0;
  font-weight: normal; }

a.editSettings {
  background-position: 0 -1229px;
  padding-left: 35px; }

.allowComments {
  margin: -20px 0 10px 0; }

.allowComments label {
  font-style: italic;
  color: #959595;
  padding: 0 0 0 5px; }

#accountTabs {
  margin-bottom: 40px;
  border-bottom: 1px solid #999; }

#accountTabs ol li {
  width: 20%;
  display: block;
  float: left;
  background-color: #000000; }

#accountTabs ol li.active, #accountTabs ol li.active span {
  background-color: #fff; }

#accountTabs ol li.inactive, #accountTabs ol li.inactive span {
  background-color: #000; }

#accountTabs ol li a, #accountTabs ol li.active span, #accountTabs ol li.inactive span {
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 17px 0;
  text-transform: uppercase;
  font-size: 1.2em; }

.es_ES #accountTabs ol#search-tabs li span em {
  display: block; }

#accountTabs ol li span {
  border-right: solid 1px #666666;
  display: block; }

#accountTabs ol li a em, #accountTabs ol li.inactive span em {
  color: #6A6A6A; }

#accountTabs ol li.active span {
  color: #000;
  border: solid 1px #959595;
  border-bottom: none;
  padding: 23px 0 18px 0;
  margin: -6px 0px -2px -2px; }

#accountTabs ol li a:hover {
  color: #999999; }

#accountTabs ol li.inactive span {
  color: #666666; }

#accountTabs ol li:last-child a span {
  border: none; }

#accountTabs.search {
  margin: 30px 0 0 0; }

#accountTabs.search li {
  width: 16.6%; }

.sortingNotes {
  background: #000000 url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat 20px -556px; }

.sortingNotes p {
  padding: 23px 17px;
  text-transform: uppercase; }

.sortingNotes a {
  color: #fff; }

.editItemMeta.describeUpload .bodyPar {
  margin-top: 35px;
  padding: 0 20px; }

.editItemMeta.describeUpload #postCollectionData {
  padding-bottom: 3px; }

.editItemMeta.describeUpload .graphicalSelector.collectionSelector {
  margin-left: 0px;
  margin-top: 15px; }

.editItemMeta .postThumbnail {
  width: 200px;
  margin-right: 17px;
  min-height: 200px;
  position: relative;
  margin-bottom: 0; }

.editItemMeta .ui-state-default p {
  color: #000;
  padding: 5px 0 0 0; }

.editItemMeta .ui-state-default p a {
  color: #666666;
  text-decoration: underline; }

.editItemMeta .ui-state-default p a:hover {
  text-decoration: none; }

.isRepost {
  background: url(../js/build/ce5d1375225dafec845bda9176045667.png) no-repeat 0 -200px;
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 120px; }

.fr_FR .isRepost {
  background: url(../js/build/c38b42119839de4194d3e91b5d54abb0.png) no-repeat 0 -200px;
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 120px; }

#postWindow .isRepost {
  background-position: 0 -488px; }

.editItemMeta .postData {
  width: auto; }

.editItemMeta fieldset {
  width: auto; }

.editItemMeta fieldset .section {
  width: 216px;
  margin: 0 17px 0 0;
  float: left;
  clear: none; }

.editItemMeta fieldset .section.howto {
  position: relative;
  float: none;
  top: 0;
  height: auto;
  padding-top: 23px;
  left: -217px;
  width: 200px; }

.editItemMeta fieldset .section label {
  position: static;
  padding-bottom: 2px; }

.editItemMeta fieldset .section.howto label {
  display: inline;
  width: auto;
  float: none; }

.editItemMeta fieldset .section input, .editItemMeta fieldset .section textarea {
  width: 200px;
  margin-left: 0;
  clear: both; }

.editItemMeta #uploadPostsToCollectionRelationshipData .hintbox {
  color: #7F7F7F;
  font-size: 0.9em;
  font-style: italic; }

.editItemMeta fieldset .section textarea {
  height: 90px;
  width: 250px; }

.ui-dialog .editItemMeta fieldset .section textarea {
  width: 225px; }

.editItemMeta fieldset .section .info {
  margin-top: 5px; }

.editItemMeta fieldset .section .formError {
  margin-left: -2px;
  width: 188px; }

.editItemMeta fieldset .section .tags .formError {
  margin-bottom: -60px;
  padding-bottom: 61px; }

.editItemMeta fieldset .section .row input[type="checkbox"] {
  width: 16px;
  margin-top: 13px; }

.editComponentMeta dl {
  border: dashed 2px #000;
  padding: 20px; }

.editComponentMeta dd {
  font-weight: bold; }

.applyMetaDataToPosts li {
  border-top: 1px solid #CCC; }

#editCollection .editItemMeta fieldset .section textarea {
  width: 270px; }

#editCollection .buttons {
  padding-bottom: 0; }

#editCollection #sortable fieldset {
  position: relative; }

#editCollection #sortable li .handle {
  display: none; }

#editCollections .collectionThumbnail {
  width: 200px;
  margin-right: 17px;
  margin-bottom: 0; }

#editCollections .collectionData {
  width: auto; }

#editCollections fieldset {
  width: auto; }

#editCollections fieldset .section {
  width: 225px;
  float: left;
  clear: none; }

#editCollections #sortable fieldset {
  position: relative; }

#editCollections #sortable li .handle {
  display: none; }

#editCollections form {
  position: static; }

#editCollections .deleteCollectionInput, #editCollections .removeFeaturedInput, .editItemMeta .deletePostInput, .editItemMeta .deleteNewPostInput {
  position: absolute;
  top: 0px;
  right: 0;
  pading: 0px;
  height: 200px;
  background-position: -1px -371px;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0; }

.editItemMeta .deletePostInput, .editItemMeta .deleteNewPostInput, #editCollections .deleteCollectionInput, #editCollections .removeFeaturedInput {
  background: #ffffff url(../js/build/8d3bb990aca549b8387f9e21e458db54.png) no-repeat scroll -36px 90px;
  border: 1px solid #000000;
  border-radius: 0 0 0 0;
  padding: 0;
  width: 20px;
  text-indent: -999em; }

.editItemMeta .deletePostInput:hover, .editItemMeta .deleteNewPostInput:hover, #editCollections .deleteCollectionInput:hover, #editCollections .removeFeaturedInput:hover {
  background-color: #000000;
  background-position: 4px 90px; }

.deleteThumbnail {
  float: left;
  padding: 0 0px 0px 0;
  position: relative;
  margin: 0 20px 20px 0; }

#repostsNumberHolder {
  padding: 20px 0 0 0; }

#editCollections .buttons, #editCollection .buttons {
  border: none;
  clear: none;
  margin-top: 10px;
  padding-top: 12px; }

#editCollections .buttons a.upload {
  float: right; }

#editCollections .collectionData h3 {
  font-size: 1.2em;
  padding-top: 10px;
  width: 480px;
  overflow: hidden; }

#editCollections .featuredStylist {
  padding-left: 35px;
  margin-top: 10px;
  width: auto;
  font-size: 0.9em; }

#editCollections .featuredStylist .stylist {
  display: block; }

#editCollections .collectionInfo, #editCollections .featuredStylist .stylist {
  color: #8f8f8f; }

#editCollections .collectionData {
  position: static; }

#editCollections .collectionInfo {
  position: absolute;
  bottom: 0;
  left: 220px;
  margin: 0 20px 0 0;
  max-height: 120px;
  overflow: hidden; }

#editCollections .editCollection {
  position: absolute;
  top: 0;
  right: 50px;
  color: #fff;
  background-image: url("");
  padding: 5px 15px 3px; }

#editCollections .collectionInfo img {
  padding: 5px 5px 0 0;
  vertical-align: bottom; }

#editCollections .page-cover-radio {
  padding-top: 4px; }

#editCollections .page-cover-radio span {
  padding: 0 6px;
  color: #000000; }

.callOutBox {
  border: solid 1px #959595;
  padding: 20px;
  margin: 20px 0 40px 0;
  position: relative;
  background: url(../js/build/991eecefc8e47403df9432bcaf8bbe53.gif) top right no-repeat; }

#accountAdmin .callOutBox h2 {
  padding: 0 240px 10px 0;
  margin: 0; }

.callOutBox #addressCount {
  position: absolute;
  top: 20px;
  right: 60px;
  border-left: solid 1px #cccccc;
  font-size: 3.3em;
  padding: 0 0 0 20px; }

.callOutBox #addressCount .label {
  font-size: 0.8em; }

.addressBook .addressView {
  display: inline-block; }

#accountPasswordChangeHolder {
  display: none; }

#inviteUserDialogPlaceholder #success {
  display: none; }

#inviteUserDialogPlaceholder sub {
  margin-left: 200px; }

#inviteUserDialogPlaceholder fieldset .textarea .formError {
  margin-bottom: -99px;
  padding-bottom: 99px; }

/*****Support Pages*****/
div.qa {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0 0 20px 30px; }

div.qa a {
  text-decoration: none; }

div.qa a.close {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll -5px -1084px transparent;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  text-indent: -99999em;
  top: -2px;
  width: 20px; }

div.qa .answer {
  display: none;
  padding: 15px 0; }

div.qa .answer a {
  text-decoration: underline; }

a.close {
  color: #CC9933;
  display: block;
  font-size: 0.9em;
  position: absolute;
  right: 10px;
  top: 5px; }

div.shown a.close {
  background-position: -5px -1053px; }

body.cq-wcm-edit, body.cq-wcm-preview {
  background-color: #ffffff !important; }

.cq-wcm-edit div.qa .answer {
  display: block; }

.cq-wcm-edit .tabswrapper {
  border: 2px dashed #CC9933;
  padding: 15px; }

.cq-wcm-edit .tabsinner {
  border: 2px solid #CC9933;
  padding: 25px 5px 5px;
  margin-bottom: 20px; }

.cq-wcm-edit .ir {
  text-indent: 0; }

.success-msg {
  min-height: 345px;
  padding: 20px 0 0;
  font-size: 1.2em; }

.support-badge {
  background: url(../js/build/4fb855cc409d8c45a29558e9c34f522e.png) no-repeat top center transparent;
  height: 221px;
  margin: 150px auto 0;
  width: 221px; }

.es_ES.help-website-checker-page .support-badge {
  background: url(../js/build/30fa734edd0a078879ea9e33e8a0df65.jpg) no-repeat top center transparent; }

#product-registration .support-badge, #website-checker .support-badge {
  margin-top: 50px; }

#returnsStep1 fieldset, #returnsStep2 fieldset, #returnsStep3 fieldset, #hologramData fieldset, #productDetailsData fieldset, #processStep2 fieldset, #processStep3 fieldset, #contact-us fieldset {
  width: 100%;
  display: inline-block; }

#returnsStep1 fieldset .radio-pair span {
  white-space: normal; }

.ie7 #returnsStep1 .select p {
  margin-top: 9px; }

#returnsStep1 .tooltip {
  position: absolute;
  right: -30px; }

#returnsStep1 .returnHologram {
  top: 5px; }

#returnsStep1 .returnDateCode {
  bottom: 67px; }

.richtext tr, .richtext td, .richtext th {
  border: 1px solid gray;
  padding: 8px; }

/*** Product Registration ***/
#product-registration .hologram-link {
  float: right;
  margin: 5px 40px 0 0; }

#product-registration .hologram .tooltip {
  display: inline-block; }

#product-registration button.findAddress {
  display: none; }

/*hide postcode anywhere*/
.en_GB #product-registration button.findAddress {
  display: block; }

/*show on UK*/
/*** profile creation steps ***/
#profileCreation {
  margin-top: 35px;
  padding: 0 20px; }

#profileSteps {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0 0px 20px 0;
  padding: 0 70px;
  background: url(../js/build/ae47676a702baf03cab407ca1a75aa32.gif) no-repeat top left; }

.ie7 #profileSteps li {
  left: -130px;
  position: relative; }

#profileSteps li {
  width: 25%;
  float: left;
  margin: 90px 0 0px 0;
  padding: 0 0 60px 0;
  text-align: center;
  border-top: solid 1px #cccccc;
  position: relative; }

.ie7 #profileSteps li {
  border: none; }

#profileSteps li div {
  padding: 20px 0;
  position: absolute;
  top: -76px;
  margin: 0px 20px 0px 20px;
  font-size: 2em; }

#profileSteps li.last div {
  margin-right: 40px; }

#profileSteps li.first div {
  margin-left: 40px; }

#profileSteps li span, #profileSteps li em {
  display: block;
  width: 125px; }

#profileSteps li span {
  background-color: #fff; }

#profileSteps li em {
  width: 35px;
  height: 35px;
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) -137px -189px;
  margin: 0 auto 5px auto;
  line-height: 35px;
  color: #fff; }

#profileSteps li.active em {
  color: #000; }

#profileSteps li.active em {
  background-position: -60px -189px; }

#profileSteps li.completed em {
  background-position: -100px -189px; }

#profileSteps li.memberBadge em {
  height: 80px;
  margin-top: -20px; }

#profileSteps li.memberBadge div {
  background-color: #fff; }

#profileSteps li.memberBadge em, #badgeContent .largeBadge {
  background: #fff url(../js/build/8e20dce2a1fae4cb7b662e90a85f4bc7.png) 0px 0px no-repeat;
  width: 80px;
  height: 80px;
  text-indent: -999px;
  font-size: 0.1em; }

#profileSteps li.memberBadge span {
  font-size: 0.68em; }

#profileCreation .facebookConectAuth label {
  width: 200px; }

#profileCreation .facebookConectAuth .fb_iframe_widget {
  left: 200px;
  top: -1.3em; }

#profileCreation .facebookConectAuth {
  margin: 20px 0 20px 0; }

#profileCreation .fb_button, #profileCreation .facebookLogo {
  margin-left: 200px; }

#profileCreation .facebookLogo {
  margin-bottom: 10px; }

.facebookLogo {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) -4px -1795px no-repeat;
  display: block;
  height: 25px;
  width: 30px; }

#profileCreation #socialProfile fieldset {
  float: left; }

/***** Badges *******/
#badgeSash ul li {
  position: relative; }

#badgeSash ul li span, #showBadgeDetailsDialog #showBadgeDetailsDialogType, #showBadgeDetailsDialog #showBadgeDetailsDialogCount {
  display: block;
  width: 38px;
  height: 36px;
  position: relative;
  text-indent: -999px;
  background: transparent url(../js/build/8e20dce2a1fae4cb7b662e90a85f4bc7.png) -86px -88px no-repeat; }

#badgeSash ul li.MEMBER span {
  background-position: 0px -88px; }

#badgeSash ul li.VIEWS span {
  background-position: -43px -88px; }

#badgeSash ul li.LIKES span {
  background-position: -128px -88px; }

#badgeSash ul li.FOLLOWERS span {
  background-position: -171px -88px; }

#badgeSash ul li.EDITORSPICK span {
  background-position: -214px -88px; }

#badgeSash ul li.COVERSTAR span {
  background-position: -257px -88px; }

#badgeSash ul li.MENTOR span {
  background-position: -298px -88px; }

#badgeSash ul li.GHDEXPERT span {
  background-position: -339px -88px; }

#badgeSash ul li.PROFESSIONAL span {
  background-position: -380px -88px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType {
  width: 150px;
  height: 150px;
  background-position: -305px -193px;
  margin: 0 auto 20px auto; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.MEMBER {
  background-position: 0px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.VIEWS {
  background-position: -154px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.LIKES {
  background-position: -456px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.FOLLOWERS {
  background-position: -608px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.EDITORSPICK {
  background-position: -761px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.COVERSTAR {
  background-position: -913px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.MENTOR {
  background-position: -1068px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.GHDEXPERT {
  background-position: -1221px -194px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogType.PROFESSIONAL {
  background-position: -1374px -194px; }

#badgeSash ul li span.count {
  background-position: -2px -128px;
  height: 25px;
  left: 21px;
  top: -10px;
  width: 25px;
  z-index: 1;
  position: absolute;
  text-indent: 0;
  color: #fff;
  text-align: center;
  line-height: 2em; }

#badgeSash a {
  text-decoration: underline; }

#badgeSash a.all {
  float: right;
  margin: 3px 20px 0 0; }

.de_DE #badgeSash a.all {
  margin: 28px 20px 0 0; }

#badgeSash h2 {
  width: 150px;
  float: left;
  margin: 0 0 15px 0; }

#accountAdmin #badgeSash {
  width: 220px;
  margin-bottom: -10px; }

#accountAdmin #badgeSash ul {
  margin-top: 10px; }

#accountAdmin #badgeSash li {
  border: solid 1px #cecece;
  float: left;
  padding: 25px;
  margin: 0 20px 24px 0;
  cursor: pointer; }

#accountAdmin #badgeSash li.badgePlaceHolder {
  cursor: auto; }

#accountAdmin #badgeSash span.count {
  left: 45px;
  top: 11px; }

#profileDetail #badgeSash {
  margin: 0 40px 0 -10px; }

#profileDetail #badgeSash li {
  float: left;
  margin: 0 0 10px 10px; }

#profileDetail #badgeSash li span {
  cursor: pointer; }

#showBadgeDetailsDialog {
  text-align: center;
  margin-top: 15px; }

#showBadgeDetailsDialog #showBadgeDetailsDialogCount {
  background-position: -0px -345px;
  width: 65px;
  height: 65px;
  color: #fff;
  top: 0px;
  position: relative;
  right: -70px;
  top: -175px;
  margin: 0 auto -50px auto;
  display: block;
  text-indent: 0;
  font-size: 2.5em;
  line-height: 1.9em; }

#showBadgeDetailsDialog #showBadgeDetailsDialogName {
  display: inline;
  font-size: 2.2em;
  border-bottom: solid 1px #cecece; }

#showBadgeDetailsDialog #showBadgeDetailsDialogDescription {
  display: block;
  font-size: 1.6em;
  padding: 10px 40px 20px 40px; }

#badgeAward h1 {
  font-size: 2.3em; }

#badgeContent {
  text-align: center; }

#badgeAward p.baskervilleItalic {
  font-size: 1.8em;
  padding: 10px 0; }

#badgeAward .largeBadge {
  margin: 0 auto; }

#badgeAward h2 {
  display: inline-block;
  padding: 5 0 10px 0;
  line-height: 1.8em; }

#badgeAward .calltoaction {
  padding: 20px 0 20px 0;
  text-align: center; }

#badgeAward .calltoaction a {
  outline: none; }

/****** social-registration-page-population.jpg *********/
#profilePreview {
  width: 235px;
  float: right;
  margin-right: -17px; }

#profilePreview div {
  background: url(../js/build/ba831deaacc86bd9cfc69842e4345ca0.jpg) no-repeat;
  height: 360px;
  width: 235px; }

#profilePreview .career {
  background-position: -237px 0; }

#profilePreview .style {
  background-position: -494px 0; }

#profilePreview h4 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.2em;
  margin: 10px 0 5px 16px;
  padding-bottom: 7px;
  width: 85%; }

#registerConfirmWait p.standfirst {
  padding: 10px 0; }

#registerConfirmWait h2 {
  font-size: 1.6em; }

/* bodyPar */
.bodyPar p.standfirst, #accountAdmin p.standfirst {
  font-size: 1.8em; }

#accountAdmin p.standfirst {
  margin: 10px 0 20px; }

#accountContent .text p {
  font-size: 1em; }

div.bodyPar h3 {
  text-transform: uppercase;
  font-size: 1.49em;
  padding-top: 10px; }

/**********CQ**********/
#cq fieldset label, #cq button {
  width: auto;
  text-transform: none;
  margin: 0;
  position: static;
  display: inline-block;
  float: none; }

/* margin for wrappings */
/* core par from content template*/
.parsys #feed, .producthero, .slides.shophub {
  margin: 0 -0px 0 -40px; }

/* padding for CQ components*/
.embed, .spacer, .article, .calltoaction, .image, .imagetext, .featured, .item.product {
  padding: 0 0 20px;
  overflow: hidden; }

.section.calltoaction {
  display: inline;
  padding: 0 20px 0 0; }

/********Feed*********/
/*
#feed {width:860px;padding:0 40px 0 20px; background-repeat:no-repeat;background-position:right 0px;}
#feed h1 {font-style:normal;text-transform:uppercase;}
#feed h1 .small {font-size: 1.3em;letter-spacing:0.05em;line-height:1.5em;}
#feed h1 .large {letter-spacing:-0.05em;font-size:3.8em;line-height:0.6em;}
.ie7 #feed h1 {margin-top:-13px;}
.ie7 #feed h1 .large {line-height:0.75em;}
#feed .spacer hr {visibility:hidden;}
#feed .text p, #articlePage .standfirst p, .text .standfirst p {font-size:2em;line-height:1em;}
#feed #socialTools {margin:0 -20px -67px 0;}
#feed #socialTools ul {float:right;}
.spacer hr {margin:0;}

.feedIntro.ghd {background-color:#000000;width:900px;margin-left:-20px;padding-left:20px;}
.feedIntro.ghd img {float:right;margin:20px 20px 0 0;width:420px;}
.feedIntro.ghd .feedIntroFeature {width:420px;}

.feedIntroFeature {padding:20px; background-color:#000;color:#fff;margin:0 0 20px 0;}
.feedIntro h1 {border-bottom: solid 1px #393A3B;margin-bottom:20px;}
.feedIntro.scissors h1 {background:transparent url("../common/images/badge-sprite.png") no-repeat 0px -409px;padding:0 0 0 55px;min-height:60px;}
.feedIntro h1 {font-size:1.4em;}
.feedIntro h1, .feedIntro .text p {color:#fff;}
.feedIntro h2 {text-transform:uppercase;font-size:6.5em;font-style:italic;line-height:0.8em;}
.feedIntro h1, .feedIntro h2 {padding: 0 0 20px 0;}


#feed #searchContent {max-width:880px;margin-right: -20px;}
#feed #searchContent .ugc {float:left;margin-right:20px;clear:none;}
*/
.standardtitle h2 {
  font-size: 2.9em;
  font-style: italic; }

.standardtitle h2.bodoni {
  font-size: 3.4em;
  line-height: 0.9em; }

.standardtitle h3 {
  padding: 0 0 10px 0; }

.standardtitle a {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat right -2091px transparent;
  display: inline-block;
  padding: 0 30px 0 0; }

.standardtitle h2 a {
  font-style: normal;
  font-size: 0.7em; }

.text p, .text ul, .text h3 {
  font-size: 0.9em;
  color: #000;
  padding: 0 0 10px; }

.text h3 {
  font-size: 14px; }

.text p.nopadding {
  padding: 0; }

.text .salutation {
  font-size: 3.5em; }

.text .large {
  font-size: 1.8em !important;
  line-height: 0.9em; }

.text .large strong {
  font-size: 74%; }

#secondary .titleWrapper .large, #topNav .titleWrapper .large {
  font-size: 1.59em !important;
  line-height: 0.9em;
  padding: 0 0 20px 0; }

.article {
  position: relative;
  min-height: 300px;
  width: 420px; }

.article .overlap {
  margin: -60px 0 20px 0;
  position: relative;
  z-index: 9; }

.editorial {
  color: #fff;
  background-color: #000;
  width: auto;
  padding: 10px; }

.editorial h2, .editorial h3 {
  text-transform: uppercase;
  font-style: normal;
  margin: 0; }

.editorial h3 {
  font-size: 1.3em;
  padding: 8px 0 0px 0;
  font-weight: bold; }

.profile .editorial h3 {
  padding-bottom: 0; }

.bodyPar .editorial h3 {
  font-size: 1.3em; }

.editorial .text {
  padding: 10px 0 0 0; }

.editorial .standfirst.text {
  padding: 0px 0 0 0; }

#content .editorial .text p {
  font-size: 1.1em;
  line-height: 1.2em; }

#content .editorial .text p b, #content .editorial .text p strong {
  font-size: 0.9em; }

.ugcpost .blackonwhite h2, .article .blackonwhite h2, .featured .blackonwhite h2 {
  background-color: #fff;
  color: #636363; }

.ugcpost .whiteonblack h2, .article .whiteonblack h2, .featured .whiteonblack h2, .profile .whiteonblack h2 {
  background-color: #000;
  color: #999999; }

.article .blackonwhite h3, .featured .blackonwhite h3 {
  background-color: #fff;
  color: #000000; }

.article .whiteonred h2, .featured .whiteonred h2 {
  color: #fff; }

.ugcpost .whiteonred h3 a, .article .whiteonred h3, .featured .whiteonred h3, .article .whiteonred h3 a, .featured .whiteonred h3 a {
  color: #fff; }

.article .editorialColumn {
  width: 200px; }

.article .editorialColumn .white p {
  color: #333333; }

.editorial a {
  text-decoration: none; }

.ugcpost .whiteonblack a, .article .whiteonblack a, .featured .whiteonblack a, .profile .whiteonblack a {
  color: #fff; }

.imagetext a, .featured a {
  position: relative;
  display: inline-block;
  vertical-align: bottom; }

.imagetext a img, .featured a img {
  vertical-align: bottom; }

.article .ugcpost {
  width: 200px; }

.article .left .nestedPost, .article .right .editorialColumn, .featured .right {
  float: right; }

.article .right .nestedPost, .article .left .editorialColumn, .featured .left {
  float: left; }

#searchResults .CQSnippet .right {
  float: none; }

.editionWrapper {
  border: solid 1px blue;
  margin: 20px;
  height: 900px; }

.editionWrapper h1 {
  font-size: 5em; }

.item {
  display: block;
  width: 200px; }

.ugcpost {
  width: 200px;
  min-height: 200px;
  padding-bottom: 0;
  margin-bottom: 20px; }

.ugcpost {
  background: #000000 url(../js/build/a2bebecc42421933e05ae79b609cf936.gif) 80px 80px no-repeat; }

.featured.ugcpost {
  background-position: 300px 175px; }

.ugcpost img {
  vertical-align: bottom; }

.ugcpost, .kalturavideo {
  position: relative; }

.collection .meta, .post .meta, .ugcpost .meta {
  display: none;
  vertical-align: bottom; }

.collection:hover .meta, .post:hover .meta, .ugcpost:hover .meta {
  display: block; }

/* we have a bug on this, https://bugzilla.mozilla.org/show_bug.cgi?id=637044 */
.ugcpost .meta {
  background: url(../js/build/70b31b8794f739be60fe60a4550a6c4b.png);
  width: 170px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 0 15px;
  z-index: 10; }

.ugcpost .copyDisplayed .meta {
  height: 200px; }

.ugcpost .meta h3 {
  margin: 15px 0 0 0; }

div.bodypar .ugcpost .meta h3 {
  font-size: 1em;
  text-decoration: none; }

.ugcpost .meta h3, .ugcpost .meta dl, .ugcpost .meta dl a {
  text-transform: uppercase;
  font-weight: normal; }

.ugcpost .meta dt {
  display: none; }

.ugcpost .meta dd {
  display: block;
  position: absolute; }

.ugcpost .meta dd.user, .ugcpost .meta dd.collectionName {
  position: static; }

.ugcpost .meta dd span {
  display: inline-block;
  min-width: 0.5em; }

.ugcpost .meta dd.likes span {
  min-width: 3em; }

.ugcpost .meta dt.likes {
  display: none;
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  text-indent: -9999px;
  top: 43%;
  left: 105px; }

.ugcpost .meta dd.likes {
  font-size: 3.2em;
  right: 99px;
  text-align: right;
  top: 43%;
  line-height: 0.8em; }

.ugcpost .meta dd.date {
  bottom: 3.9em;
  left: 15px; }

.ugcpost .meta dd.date, .ugcpost .meta dd.user, .ugcpost .meta h3 {
  color: #b7b7b7; }

.ugcpost .meta dd.comments {
  bottom: 15px;
  left: 15px; }

.ugcpost .meta dd.reposts, .ugcpost .meta dd.posts, .ugcpost.reposted .meta dd.date {
  bottom: 2.5em;
  left: 15px; }

.ugcpost .meta dd.posts {
  display: none; }

.collection.ugcpost .meta dd.reposts {
  display: none; }

.collection.ugcpost .meta dd.posts {
  display: block; }

#dialog .ugcpost:hover .videoOverlay {
  display: block; }

#dialog .ugcpost:hover .meta, .ugcpost:hover .videoOverlay {
  display: none; }

#collections .featured .meta {
  width: 630px;
  height: 455px; }

#collections .featured .meta dt.likes {
  left: 342px; }

#collections .featured .meta dd.likes {
  right: 323px; }

#collections .featured .meta dd.comments {
  bottom: 74px; }

#collections .featured .meta dd.posts {
  bottom: 6.8em; }

#collections .featured .meta dd.date {
  bottom: 8em; }

.ugcpost.wide {
  width: 420px;
  background-position: 200px 80px; }

.ugcpost.wide .meta {
  width: 390px; }

.ugcpost.wide .meta {
  width: 390px; }

.ugcpost.wide .meta dt.likes {
  left: 205px; }

.ugcpost.wide .meta dd.likes {
  right: 220px; }

.featuredStylistImage {
  float: left;
  margin: 5px 10px 10px 0; }

.featuredStylist, .scissorOverlay {
  height: 28px;
  width: 28px;
  background: transparent url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) 0 -1750px no-repeat; }

.scissorOverlay {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  text-indent: -9999px;
  font-size: 0.1em; }

.videoOverlay {
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) 0 -40px;
  height: 72px;
  width: 72px;
  position: absolute;
  top: 68px;
  left: 67px; }

.videoOverlayDynamic {
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) 0 -40px;
  display: block;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 72px;
  width: 72px; }

.article .videoOverlay, .landscape .videoOverlay {
  left: 185px; }

#collections .featured .videoOverlay {
  top: 200px;
  left: 290px; }

.featured .scissorOverlay {
  bottom: 80px;
  z-index: 1; }

/*reset above*/
.article .featured .videoOverlay {
  left: 67px; }

.videoWrapper {
  position: relative;
  width: 200px;
  height: 200px; }

.posRelative {
  position: relative; }

.section .kalturavideo .videoOverlay {
  top: 50px; }

.kalturavideo h3 {
  text-transform: uppercase;
  padding: 10px 0;
  font-size: 16px; }

.whatweused h4 {
  font-size: 1.3em;
  padding-left: 7px; }

.whatweused h5 {
  font-size: 1.2em;
  padding-left: 7px; }

.whatweused h5 a {
  text-decoration: none; }

.whatweused h5 a:hover {
  text-decoration: underline; }

.whatweused .price {
  font-size: 2em;
  padding-left: 7px;
  float: left;
  clear: right;
  width: 100%;
  display: block; }

a.backButton, a.findoutmore {
  float: right; }

.item.product a.backButton, .item.product a.findoutmore {
  float: left;
  margin-left: 7px; }

.item.product .findoutmore {
  padding: 0 0 0 10px;
  border-radius: 14px;
  margin-top: 10px;
  height: 25px;
  line-height: 2em; }

.item.product .findoutmore .fa-angle-right {
  color: #000;
  font-size: 1.3em; }

.item.product .findoutmore .fa-stack {
  vertical-align: top;
  margin-left: 5px; }

.nestedPost {
  padding: 16px 0 0px 0;
  width: 200px; }

.section .product .meta, .section .product a .meta {
  background-color: #000000;
  color: #fff;
  text-decoration: none; }

/* Article Page */
#articlePage .text p {
  font-size: 16px; }

.callout {
  background: url(../js/build/f6651206fd63f6608e2791e248ae9900.png) no-repeat scroll 0 -224px transparent;
  float: right;
  padding: 20px 0 20px 75px;
  width: 240px;
  margin: 0 0 0 15px; }

.callout p {
  display: inline;
  font-size: 2.3em; }

.cq-wcm-edit .callout {
  float: none; }

.cq-wcm-edit .callout p {
  display: block; }

#articlePage #socialTools, #articlePage .standfirst {
  clear: both;
  float: left;
  padding: 5px 0;
  width: 100%; }

#articlePage #postHeader h1 {
  width: 100%;
  font-size: 2.8em; }

#articlePage .date {
  color: #000;
  font-size: 1.2em;
  min-height: 25px; }

#articlePage .socialcomments {
  padding: 40px 0 0; }

#articlePage #postAside .image {
  background: none;
  width: 100%; }

#articlePage #postMain .image {
  background: none;
  float: none;
  padding: 0px 0;
  text-align: center; }

#articlePage #postDescription .text p i {
  font-size: 16px; }

#articlePage #postWrapper .kalturavideo {
  height: 469px;
  overflow: hidden;
  text-align: center; }

#articlePage #postAside .editorial h2 {
  font-size: 1em; }

#articlePage #postAside .editorial h3 {
  font-size: 1.3em; }

#articlePage #postAside h3 {
  float: none; }

#articlePage .text p b {
  text-transform: none; }

/* product shop home page */
.producthero {
  margin: 0 0 -80px -40px; }

.ie7 .producthero {
  margin-bottom: 0px; }

.cq-wcm-edit .producthero {
  margin-bottom: 0; }

.producthero .wrapper {
  background-repeat: no-repeat;
  background-position: top right; }

.productherodetails {
  padding: 50px 480px 0 45px; }

.productherodetails h1, .productherodetails h2 {
  font-style: italic;
  text-transform: uppercase;
  font-size: 5em;
  line-height: 1em; }

.productherodetails .standfirst {
  text-align: left; }

.productherodetails p {
  font-size: 2em;
  line-height: 1em; }

.productherodetails p b {
  font-size: 75%; }

.productherofooter {
  margin: 0px 20px 0 40px;
  padding: 20px 0 0 0;
  font-size: 1.3em; }

.productherofooter .productsIntro {
  text-transform: uppercase; }

div.bodyPar .productherofooter h3 {
  font-size: 0.9em; }

.producthero .calltoaction {
  margin: 20px 0 7px 0; }

#page .producthero div.white, #page .imagetext div.black {
  background-color: #000 !important; }

.producthero .white, .producthero .white h1, .producthero .white a, .imagetext .black {
  color: #fff !important; }

#page .productherofooter p span {
  background-color: transparent !important; }

.deliveryMessage p {
  font-size: 1.5em;
  text-align: right; }

.imagetext h2 {
  margin: 0 0 5px 0;
  line-height: 0.9em;
  font-size: 17px;
  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; }

.imagetext .copy {
  padding: 20px;
  font-size: 1.2em; }

.imagetext .copy p {
  font-size: 14px; }

.imagetext .copy p b {
  font-size: 13px; }

.imagetext .copy p.description {
  text-transform: capitalize; }

.imagetext .copy .text {
  min-height: 65px; }

.imagetext a {
  text-decoration: none; }

.imagetext .copy .text p {
  text-transform: none; }

.imagetext .copy .text p strong, .imagetext .copy .text p b {
  text-transform: none; }

.floatLeft img {
  padding: 0 20px 20px 0; }

.floatRight img {
  padding: 0 0px 20px 20px; }

.floatCenter img {
  display: block; }

.cq-wcm-edit .floatLeft, .cq-wcm-edit .floatRight {
  width: 100%; }

.cq-wcm-edit .floatLeft img, .cq-wcm-edit .floatRight img {
  float: none; }

.imagetext .copy .text p b {
  font-weight: 400; }

/**** Search *****/
#searchResults .text .salutation {
  font-size: 2em; }

#order-by-buttons {
  text-align: right; }

.search-results.articlesPane-true {
  width: 660px; }

@media only screen and (min-width: 640px) {
  .search-results.articlesPane-true {
    margin: 0 auto; } }

@media only screen and (min-width: 1025px) {
  .search-results.articlesPane-true {
    margin: 0; } }

.search-results .searchItem {
  margin: 20px 20px 0px 0;
  float: left; }

.search-results .searchItem .featured {
  padding-bottom: 0; }

.search-results .clearrow {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0; }

.search-results .clearrow hr {
  display: none; }

.search-results .searchItem, .search-results .searchItem .ugcpost, .search-results .searchItem .profile .profilePicture {
  min-height: 200px;
  width: 200px; }

.search-results .searchItem .profile .profilePicture .editorial {
  min-height: 46px; }

.search-results .searchItem .ugcpost {
  margin: 0; }

.search-results .productName a {
  display: block; }

#searchResults .bodyPar {
  padding: 20px 20px 0 0; }

#searchResults #articlesAside {
  float: right;
  width: 200px;
  padding-right: 20px; }

#searchResults #articlesAsideTitle {
  margin: 20px 0; }

#searchResults #all-articles-link {
  float: right; }

#order-by-buttons .selected {
  text-decoration: none;
  font-weight: bold; }

#searchFooter {
  margin: 20px 45px 100px 0; }

#load-more {
  text-align: center;
  padding-top: 20px; }

#no-more {
  margin: 0 auto; }

#no-more.search-box {
  display: block; }

#collectionSearchInput {
  width: 351px;
  right: 0;
  margin: 0 auto; }

#collectionSearchInput label {
  position: static;
  font-size: 2em;
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
  display: block; }

#collectionSearchInput input {
  width: 100%;
  margin-left: 0; }

#collectionSearchInput button {
  position: static;
  float: right;
  margin-top: 5px; }

#collectionSearchInput .search-box {
  display: block;
  width: 300px;
  margin: 0 auto; }

#collectionSearchInput .search-box button {
  position: absolute;
  margin: 0; }

/* Slideshow */
#carousel .producthero {
  margin: 0; }

#carousel #image.promo {
  z-index: 12; }

.carouselPar {
  height: 350px; }

.slides {
  z-index: 10;
  min-height: 350px; }

.slides .parsys_column {
  z-index: 101;
  position: relative; }

.slidescontainer, .slides_control > .section {
  width: 920px;
  height: 350px;
  display: block;
  overflow: hidden; }

.slidescontainer .image {
  overflow: hidden; }

.slidescontainer {
  overflow: hidden;
  display: none;
  margin: 0 0 0 0px; }

.slidescontainer #image.floatCenter img {
  margin: auto; }

.slidescontainer a img {
  display: block;
  margin: 0 auto; }

.slidescontainer .producthero {
  margin: 0px; }

#articlePage .slidescontainer {
  margin-left: 0; }

#articlePage .slides_control {
  width: 920px; }

.home-page .slides #feed {
  margin: 0; }

.home-page .slides .slidescontainer, .home-page .slides .slides_control > .section {
  height: 525px; }

.cq-wcm-edit .slidescontainer, .cq-wcm-edit .slides, #CQ .slides .section {
  display: block;
  height: auto; }

.slides.shophub {
  margin-bottom: -100px; }

.slides.shophub .slidescontainer {
  margin: 0; }

.slides.shophub, .slides.shophub .slidescontainer, .slides.shophub .slidescontainer .section {
  height: 540px; }

/*Roundel Component*/
#roundel, .jobInfoRoundal {
  position: relative;
  background: url(../js/build/4de99240e0c9821c220a2bdd1284e88e.png) no-repeat -3px -504px transparent;
  width: 185px;
  height: 185px;
  color: #fff;
  text-align: center;
  z-index: 10; }

#roundel.black-star {
  background-position: -3px -255px; }

#roundel.gold-standard {
  background-position: -202px -504px; }

#roundel.gold-star {
  background-position: -202px -255px; }

#roundel.pink-standard {
  background-position: -412px -504px; }

#roundel.pink-star {
  background-position: -412px -255px; }

#roundel.rose-standard {
  background-position: -619px -504px; }

#roundel.rose-star {
  background-position: -619px -255px; }

#roundel.purple-standard {
  background-position: -835px -504px; }

#roundel.purple-star {
  background-position: -835px -255px; }

#roundel.red-standard {
  background-position: -1066px -506px; }

#roundel.red-star {
  background-position: -1066px -255px; }

#roundel.promo, #image.promo {
  position: absolute;
  top: -10px;
  right: -30px; }

#roundel.hp-promo {
  position: absolute !important;
  top: 60px;
  right: 0px;
  height: 187px !important; }

#roundel .topMessaging, #roundel .TopMessaging {
  padding-top: 25px;
  text-transform: uppercase; }

#roundel .bottomMessaging {
  text-transform: uppercase; }

#roundel .splitter {
  border-bottom: 1px white solid;
  width: 20px;
  margin: 10px auto;
  height: 2px; }

#roundel .no-splitter {
  border: none; }

#roundel a {
  text-decoration: none; }

#roundel #msg1, #roundel #msg2, #roundel #msg3 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; }

#roundel #msg2, #roundel #msg3 {
  display: none; }

.jobInfoRoundal {
  background-position: -10px -730px;
  width: 175px;
  height: 177px;
  position: relative; }

.jobInfoRoundal dd, .jobInfoRoundal dt {
  width: 148px;
  margin: 0 15px; }

.jobInfoRoundal dt {
  font-size: 1.5em;
  top: 58px;
  text-transform: uppercase;
  position: absolute;
  overflow: hidden; }

.jobInfoRoundal dd {
  position: absolute;
  top: 125px;
  text-transform: uppercase;
  overflow: hidden; }

.jobInfoRoundal.singleLine {
  background-position: -206px -730px; }

.jobInfoRoundal.singleLine dd {
  top: 96px; }

#profileDetail .jobInfoRoundal {
  position: absolute;
  top: 153px;
  left: 193px;
  overflow: hidden; }

/*Image component*/
#image.hp-promo {
  position: absolute !important;
  top: 5px;
  right: 5px; }

/*edit mode helpers*/
.cq-wcm-edit .carouselPar {
  height: auto; }

.cq-wcm-edit .slides {
  border: dotted 5px gold;
  padding: 20px;
  margin-bottom: 0; }

.cq-wcm-edit .slides.shophub {
  margin-left: -40px; }

.cq-wcm-edit .slides.shophub, .cq-wcm-edit .slides.shophub .slidescontainer, .cq-wcm-edit .slides.shophub .slidescontainer .section, .cq-wcm-edit #articlePage #postWindow, .cq-wcm-edit #articlePage #postViewer, .cq-wcm-edit #articlePage .slides, .cq-wcm-edit #articlePage .slidescontainer, .cq-wcm-edit #articlePage .slidescontainer .section {
  height: auto; }

.paginationwrapper {
  width: 100%;
  overflow: hidden;
  margin: -40px auto 40px; }

.paginationwrapper ul {
  list-style: none;
  position: relative;
  float: left;
  display: block;
  left: 50%;
  z-index: 10; }

.paginationwrapper ul li {
  position: relative;
  float: left;
  display: block;
  right: 50%; }

.pagination li a {
  display: block;
  width: 16px;
  height: 0;
  padding-top: 16px;
  background-image: url(../js/build/bcb3ba0916c14ad8fb66992187bfd8b0.png);
  background-position: 0 0;
  float: left;
  overflow: hidden; }

.pagination li.current a {
  background-position: 0 -15px; }

.slides.shophub .paginationwrapper {
  margin-top: -115px;
  margin-left: -10px; }

#articlePage .slides .paginationwrapper {
  margin-top: -100px;
  margin-left: -10px; }

.articlenavigation {
  background-color: #000000;
  padding: 5px 10px; }

.articlenavigation a {
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none; }

.articlenavigation a.nextArticle {
  float: right; }

/* parsys component */
div.par, div.rightpar {
  clear: both; }

div.parsys_column {
  width: 100%;
  float: left;
  border: 0;
  vertical-align: top;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 50; }

/* Property added to avoid IE hasLayout issue on paragraphs see #20817 - IE6: div around Drag Components image not big enough*/
div.section {
  zoom: 1; }

div.parsys_column .section {
  width: 100%; }

/* column control layouts */
div.cq-colctrl-cols {
  width: 100%;
  float: left; }

div.cq-colctrl-default {
  width: 100%; }

/* 2 column layout - should appear 50% */
div.cq-colctrl-lt0-c0, div.cq-colctrl-lt0-c1 {
  width: 450px;
  padding: 0 20px 0 0; }

#feed div.cq-colctrl-lt0-c0, #feed div.cq-colctrl-lt0-c1 {
  width: 420px;
  padding: 0 20px 0 0; }

#articlePage div.cq-colctrl-lt0-c0, #articlePage div.cq-colctrl-lt0-c1 {
  width: 310px; }

#content div.cq-colctrl-lt0-c1 {
  padding-right: 0; }

/*3 column layout - should apprear 33% */
#articlePage div.cq-colctrl-lt1-c0, #articlePage div.cq-colctrl-lt1-c1, #articlePage div.cq-colctrl-lt1-c2 {
  width: 200px;
  padding-right: 20px; }

#articlePage div.cq-colctrl-lt1-c2 {
  padding-right: 0; }

/* 4 column layout*/
/* should this be just 200px, then we can remove declaration of imagetext width below*/
div.cq-colctrl-lt3-c0, div.cq-colctrl-lt3-c1, div.cq-colctrl-lt3-c2, div.cq-colctrl-lt3-c3 {
  width: 23.2%;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt3-c3 {
  padding-right: 0; }

div.cq-colctrl-lt3 .imagetext .copy {
  width: 160px; }

/* 2 column layout - should appear 66 - 33% */
div.cq-colctrl-lt4-c0 {
  width: 62%;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt4-c1 {
  width: 35%;
  padding-right: 0; }

/* 2 column layout - should appear 33 - 66% */
div.cq-colctrl-lt5-c0 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt5-c1 {
  width: 420px;
  padding-right: 0; }

/* 3 column layout - should appear 50%, 25%, 25% */
div.cq-colctrl-lt6-c0 {
  width: 420px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt6-c1 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt6-c2 {
  width: 200px;
  padding: 0; }

/* 3 column layout - should appear 25%, 25%, 50% */
div.cq-colctrl-lt7-c0 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt7-c1 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt7-c2 {
  width: 420px;
  padding: 0; }

/* 3 column layout - should appear 25%, 50%. 25% */
div.cq-colctrl-lt8-c0 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt8-c1 {
  width: 420px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt8-c2 {
  width: 200px;
  padding: 0; }

/* 3 column layout - should appear 33%, 33%. 33% */
div.cq-colctrl-lt9-c0 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt9-c1 {
  width: 200px;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt9-c2 {
  width: 200px;
  padding: 0; }

/* 4 column layout stack*/
div.cq-colctrl-lt10-c0, div.cq-colctrl-lt10-c1, div.cq-colctrl-lt10-c2, div.cq-colctrl-lt10-c3 {
  width: 23.2%;
  padding: 0 20px 0 0; }

div.cq-colctrl-lt10-c3 {
  padding-right: 0; }

.image.section img {
  vertical-align: bottom; }

/**********Jquery UI elements**********/
/* jquery ui icon overrides */
body .ui-widget.ui-widget-content {
  background-color: #ffffff;
  background-image: none; }

.ui-autocomplete {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27); }

body .ui-icon {
  background-image: none; }

body .ui-widget.ui-widget-content .ui-icon {
  background-image: none; }

body .ui-state-default .ui-icon {
  background-image: none; }

body .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: none; }

body .ui-state-active .ui-icon {
  background-image: none; }

body .ui-state-highlight .ui-icon {
  background-image: none; }

body .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: none; }

body .ui-dialog .ui-dialog-content {
  padding: 0.5em 2em; }

body .ui-widget-header {
  background: none;
  border: none;
  border-bottom: none; }

body .ui-widget.ui-widget-content {
  border: none; }

body .ui-corner-all, body .ui-corner-left, body .ui-corner-right {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px; }

body .ui-progressbar-value {
  background: #d0a144 url("");
  border: none; }

body .ui-progressbar {
  background: #ffffff url("");
  border: none;
  height: 60px;
  margin: 5px 0; }

body .ui-dialog {
  position: fixed; }

body .ui-dialog #content, body .ui-dialog .bodyPar {
  width: auto;
  margin-left: 0; }

body .ui-dialog-titlebar {
  background: #ffffff url("");
  border: none;
  min-height: 15px; }

body .ui-dialog-titlebar .ui-dialog-title {
  display: none; }

body .ui-dialog .ui-dialog-titlebar-close {
  background: #000000;
  right: -4px;
  top: 7px;
  height: 18px;
  padding: 5px !important;
  border: none !important; }

body .ui-dialog .ui-dialog-titlebar-close {
  right: -4px;
  top: 7px;
  height: 18px;
  border: none !important; }

body .ui-widget-header .ui-dialog-titlebar-close .ui-icon {
  background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) -6px -138px no-repeat;
  margin: 2px 1px 1px 0px;
  width: 18px;
  height: 18px; }

body .ui-dialog p.baskerville {
  font-size: 1.5em; }

body .ui-dialog-content h2 {
  font-size: 2em; }

body .ui-tabs .ui-tabs-nav > li {
  background-color: #000000;
  background-image: none;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  color: #FFFFFF;
  display: block;
  font-size: 1.2em;
  margin: 1px 0 0;
  padding: 0 0;
  text-align: center;
  text-decoration: none; }

body .ui-tabs .ui-tabs-nav > li a {
  color: #fff;
  padding: 10px 15px;
  font-size: 15px;
  text-transform: uppercase; }

body .ui-tabs .ui-tabs-nav > li.ui-tabs-active {
  background-color: #fff;
  border-color: #959595 #959595 -moz-use-text-color;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  color: #000000;
  margin: -1px 0 -5px -2px;
  padding: 0 0 1px; }

body .ui-tabs .ui-tabs-nav > li.ui-tabs-active a {
  color: #000;
  padding: 13px; }

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#sortable li {
  margin: 0 0px 3px 0px;
  padding: 17px 0;
  background: none;
  border: none;
  border-bottom: solid 1px #cccccc; }

#sortable.ui-sortable li {
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

#sortable li.ui-sortable-helper {
  cursor: grabbing;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

#sortable li:first-child {
  border-bottom: solid 4px #000000; }

#sortable li span.movedown, #sortable li span.moveup {
  border: 1px solid gray;
  cursor: pointer;
  padding: 5px;
  margin: 5px; }

#sortable li span.ui-icon {
  float: right;
  cursor: move; }

body #sortable .ui-sortable-placeholder {
  background-color: #FFFACD;
  visibility: visible !important; }

body .ui-button-text-only .ui-button-text {
  padding: 0; }

body .ui-widget-overlay {
  background: url(../js/build/70b31b8794f739be60fe60a4550a6c4b.png);
  z-index: 1001;
  position: fixed; }

.compactSortMode #sortable li {
  width: 200px;
  height: 200px;
  float: left;
  border: none;
  padding: 5px; }

.compactSortMode #sortable li .collectionData, .compactSortMode #sortable li form, .compactSortMode #sortable li .postData, .compactSortMode #sortable li input {
  display: none; }

/*============ Large screens ============= */
@media screen and (min-width: 1640px) {
  #nav {
    height: 100%;
    margin-left: -312px;
    position: fixed;
    top: 0;
    width: 10000px;
    background-color: #fff; }
  body.home-page #nav, body.shop-page #nav, body.category-page #nav, body.product-page #nav {
    background-color: #fff; }
  #content, #horizontalNav {
    position: relative;
    z-index: 1; }
  #mainMenu {
    left: 0px;
    position: static; }
  #nav-logo, #primaryHeader .toggleIcon {
    display: none; }
  #primary .nav-data {
    left: 10px; }
  /* copy of CSS from above for media querie aid*/
  #primary ul li a {
    background-position: 5px -128px; }
  #primary .stylists a {
    background-position: 5px -94px; }
  #primary .shop a {
    background-position: 4px -1567px; }
  #primary .special-offers a {
    background-position: 4px -1783px; }
  #primary .salon-locator a {
    background-position: 5px -1013px; }
  #primary .support a {
    background-position: 5px -1097px; }
  #primary .about-ghd a {
    background-position: 5px -1170px; }
  #primary .country-language a {
    background-position: 5px -992px; }
  #primary .ghd-feed a {
    background-position: 4px -1839px; }
  #primary .stylists-feed a {
    background-position: 5px -1908px; }
  #primary ul li a:hover, #primary ul li.active a {
    background-position: 5px -161px; }
  #primary .stylists a:hover, #primary .stylists.active a {
    background-position: 5px -200px; }
  #primary .shop a:hover, #primary .shop.active a {
    background-position: 4px -240px; }
  #primary .special-offers a:hover, #primary .special-offers.active a {
    background-position: 4px -1816px; }
  #primary .salon-locator a:hover, #primary .salon-locator.active a {
    background-position: 5px -1054px; }
  #primary .support a:hover, #primary .support.active a {
    background-position: 5px -1135px; }
  #primary .about-ghd a:hover, #primary .about-ghd.active a {
    background-position: 5px -1205px; }
  #primary .country-language a:hover, #primary .country-language.active a {
    background-position: 5px -992px; }
  #primary ul li a span {
    padding: 0 40px 0 20px;
    width: 260px; }
  #primary ul li.hasChildren a span {
    background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat 285px -1420px; }
  #primary ul.tools li a span {
    background-position: 285px -47px; }
  #primary ul li a:hover span {
    background: url(""); }
  #primary ul.tools li a:hover span {
    background: url(""); }
  body.en_AU #primary .country-language a {
    background-position: 5px -632px; }
  body.da_DK #primary .country-language a {
    background-position: 5px -652px; }
  body.de_DE #primary .country-language a {
    background-position: 5px -672px; }
  body.es_ES #primary .country-language a {
    background-position: 5px -752px; }
  body.fr_FR #primary .country-language a {
    background-position: 5px -792px; }
  body.it_IT #primary .country-language a {
    background-position: 5px -832px; }
  body.no_NO #primary .country-language a {
    background-position: 5px -852px; }
  body.en_IE #primary .country-language a {
    background-position: 5px -872px; }
  body.en_ZA #primary .country-language a {
    background-position: 5px -892px; }
  body.sv_SE #primary .country-language a {
    background-position: 5px -932px; }
  body.en_US #primary .country-language a {
    background-position: 5px -952px; } }

#mobileSwitch, .phone-visible, .desktop-hidden, .editItemMeta.describeUpload input.deleteNewPostInput {
  display: none; }

.phone-hidden, .cq-wcm-edit .phone-visible {
  display: block; }

/* IE css overides / Global fixes for buttons  */
#page .ie-input-button, .ui-dialog .ie-input-button {
  display: inline-block;
  background-color: #d0a144;
  width: auto; }

#page .ie-input-button input, .ui-dialog .ie-input-button input {
  float: none;
  margin: 0; }

#page .product .addtocart .ie-input-button, #page .buttons .ie-input-button, #paymentModeInfo .ie-input-button, .ui-dialog .buttons .ie-input-button, #givexProcessOrder input[type=button] {
  float: right; }

#page #productDescription .addtocart .ie-input-button {
  float: none; }

#paymentModeInfo .ie-input-button {
  margin: 20px 0 0 0; }

#page .product .addtocart .ie-input-button {
  margin-top: 2px; }

#page .ie-input-button input {
  padding-top: 3px; }

#page #socialProfile .leftAlign .ie-input-button {
  float: left; }

.ie7 #page .ie-input-button input {
  padding: 0 20px 0 0px;
  height: 1.8em; }

.ie7 #page .product .addtocart .ie-input-button input {
  padding: 0 0px 0 11px; }

.ie7 #page .buttons .placeorder {
  float: right; }

.ie7 #page .buttons .placeorder .ie-input-button button {
  float: none; }

#thumbnailBrowser h1 {
  line-height: 0.95em; }

#topNav ul {
  padding-bottom: 6px; }

#returnsStep1 .select p {
  margin-top: 9px; }

#errorPage {
  background: #fff; }

#page {
  position: relative; }

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    text-shadow: none !important; }
  a, a:visited {
    color: #000 !important;
    text-decoration: underline; }
  .ir a:after {
    content: ""; }
  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  /*Global*/
  #nav, #socialTools {
    display: none; }
  #page {
    margin-left: -90px; }
  /*Articles*/
  #postDetails {
    margin-top: 20px; }
  /*Salon Locator*/
  div.icon {
    display: none; }
  .salon-location-label .address {
    margin-left: 0; }
  body.postpage #header, body.postpage #nav, body.postpage #profileIntro, body.postpage #postDetails {
    display: none; } }

iframe.fb_iframe_widget_lift {
  z-index: 1000; }

#cot_tl_fixed {
  z-index: 10; }

.wrappedContent {
  display: none; }

/*
Bazaarvoice Q&A styles
*/
.bazaar-voice-summary-container {
  margin-top: 15px; }

#thumbnailBrowser .bazaar-voice-summary-container a {
  color: #000;
  margin: 0;
  display: inline; }

/*
Bazaarvoice category ratings styles
*/
#BVRRRatingSummaryLinkReadID a {
  color: #000; }

li.product .BVRRRootElement {
  cursor: pointer; }

li.product .BVRRRootElement, li.product .BVRRRootElement input, li.product .BVRRRootElement select, li.product .BVRRRootElement textarea {
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 1.5em; }

li.product .BVRRPrimarySummary {
  padding-top: 10px;
  width: auto; }

li.product .BVRROverallRatingContainer {
  margin: 0; }

li.product .BVRROverallRatingContainer .BVRRRatingContainerStar {
  float: left; }

li.product .BVRRRatingEntry:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  width: 0; }

li.product .BVRRRatingNormal {
  clear: both;
  overflow: hidden; }

li.product .BVRRRatingNormalImage {
  float: left;
  padding-right: 8px; }

li.product .BVImgOrSprite {
  display: inline-block;
  overflow: hidden;
  width: 115px;
  height: 25px; }

li.product .BVRRRootElement img {
  border-width: 0;
  height: auto !important;
  width: auto !important; }

li.product .BVImgOrSprite img {
  display: block;
  margin: 0;
  width: 207px;
  height: 25px; }

li.product .BVRRRatingOverall .BVRRRatingNormalOutOf, li.product .BVRRRatingOverall .BVRRNumber {
  font-size: 14px; }

li.product .BVRRRatingNormalOutOf {
  color: #8D8C8A;
  display: inline;
  float: left;
  font-size: 11px;
  line-height: 1.5; }

li.product .BVRRRatingNormalOutOf .BVRRNumber {
  color: #8D8C8A;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5; }

li.product .BVRRRatingOverall .BVRRRatingRangeNumber {
  padding-right: 6px; }

li.product .BVRRRatingsHistogramButton {
  clear: right;
  float: left;
  padding: 2px 0 0; }

li.product .BVRRRatingsHistogramButtonImage {
  border-width: 0;
  cursor: pointer;
  margin-top: 4px; }

li.product .BVRRRatingsHistogramButtonPopin {
  display: none;
  margin: 7px 0 0 7px;
  outline: none;
  position: absolute;
  z-index: 10000000;
  display: none; }

li.product .BVRRHistogram {
  -moz-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-color: #999;
  border-style: solid;
  border-width: 1px;
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
  color: #000;
  font-size: 11px;
  height: auto;
  line-height: 1.5;
  overflow: hidden;
  padding: 5px;
  text-align: left;
  width: 260px; }

li.product .BVRRHistogramTitle {
  overflow: hidden;
  padding: 10px 10px 5px;
  zoom: 1; }

li.product .BVRRHistogramTitleText {
  color: #000;
  float: left;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase; }

li.product .BVRRHistogramTitle .BVRRCount {
  color: #8D8C8A;
  float: right;
  font-size: 11px;
  line-height: 1.6; }

li.product .BVRRHistogramContent {
  clear: both;
  padding: 5px 10px; }

li.product .BVRRHistogramBarRow {
  margin-bottom: 7px;
  overflow: hidden;
  position: relative;
  zoom: 1; }

li.product .BVRRHistStarLabel {
  float: left;
  font-weight: 700;
  margin-right: 5px;
  width: 55px; }

li.product .BVRRHistogramBarRowEmpty .BVRRHistStarLabel {
  font-weight: normal;
  text-transform: none;
  font-style: italic; }

li.product .BVRRHistogramBarRowEmpty .BVRRHistAbsLabel {
  visibility: hidden; }

li.product .BVRRHistogramBarRowEmpty .BVRRHistogramFullBar {
  background: #eeeeee; }

li.product .BVRRHistogramBarRowEmpty .BVRRHistogramBar {
  background-color: #cccccc; }

li.product .BVRRHistogramBar {
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  background-color: #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  left: 55px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 155px; }

li.product .BVRRHistogramFullBar {
  background-color: #CF1B25;
  float: left;
  height: 17px; }

li.product .BVRRHistAbsLabel {
  color: #8D8C8A;
  font-size: 11px;
  line-height: 1.5;
  position: absolute;
  right: 0;
  text-align: left;
  width: 25px; }

.product .mosthinted-label,
.product-hero .mosthinted-label {
  position: absolute;
  top: 10px;
  left: 10px; }

.es_ES li.product .BVRRHistogramBar {
  left: 70px; }

.es_ES li.product .BVRRHistStarLabel {
  width: 70px; }

.es_ES li.product .BVRRHistogram {
  width: 275px; }

div.BVRRRatingSummaryLinks {
  margin-left: 0px; }

/*Professional stylist*/
#verifiedStylistPopup p {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px; }

#verifiedStylistPopup input.no {
  background: url(/_ui/common/images/sprite.png) no-repeat 0 -1389px #000;
  padding-left: 30px;
  padding-right: 10px;
  margin-right: 12px; }

#verifiedStylistPopup div.actions {
  float: right;
  display: block;
  margin-bottom: 15px;
  margin-top: 15px; }

#verifiedStylistPopup h2 {
  text-transform: uppercase; }

#professionalRequest {
  margin-top: 35px;
  padding: 0px 20px; }

#professionalRequest h1 {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px; }

#professionalRequest input[type="text"], #professionalRequest textarea {
  width: 420px; }

#professionalRequest fieldset {
  margin: 0 auto; }

#professionalRequest input[type="submit"] {
  float: right;
  margin: 20px; }

#professionalRequest .formError {
  width: 410px; }

#inSalonRevokalPopUp .baskervilleItalic, #popUpThankYou .baskervilleItalic {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px; }

#popUpThankYou .calltoaction {
  padding: 20px 0 20px 0;
  text-align: center; }

#popUpThankYou .calltoaction a {
  outline: none; }

#socialProfileProfessional #salonAddress\.errors {
  margin-bottom: -100px;
  padding-bottom: 101px; }

#socialProfileProfessional #salonAddress {
  resize: none; }

.buyctaseparator {
  font-size: 1.6em;
  line-height: 1em;
  padding: 10px 0; }

#inSalonRevokalPopUp, #inSalonRequestPopUp {
  display: none; }

#filterForm .dateFilter {
  float: left; }

#filterForm .statusFilter {
  float: left;
  padding-top: 5px; }

#filterForm .filterSubmit {
  float: right;
  display: block;
  margin-top: 2px;
  margin-bottom: 10px; }

#filterForm .dateFilter .dateFilterBlock {
  display: inline-block;
  padding-top: 5px; }

#filterForm .dateFilter input[type=text] {
  width: 80px; }

p.nocommissions {
  clear: both; }

/* collect+*/
#checkout #checkoutDetails #errorFor_collectPlusStoreId {
  font-size: 12px;
  color: #fff;
  background: red url(../js/build/d47289309ffdbdb9e09469f0e501cf80.png) no-repeat 5px 2px;
  display: inline-block;
  padding: 5px 2px 6px 30px;
  margin: 2px 0 10px 0px;
  width: 400px; }
  @media screen and (min-width: 680px) {
    #checkout #checkoutDetails #errorFor_collectPlusStoreId {
      width: calc(100% - 32px); } }

#checkoutDetails .expiryDate .option .select,
#checkoutDetails .process-order .select {
  margin-bottom: -4px !important; }

#givexPaymentModeInfo {
  display: none; }

#add-gift-card-list-container {
  width: 100%;
  padding-top: 20px;
  display: table; }

#add-gift-card-list-container .gift-card-remove-container {
  width: 10%;
  display: table-cell;
  vertical-align: bottom;
  padding-left: 4px; }
  #add-gift-card-list-container .gift-card-remove-container .refresh-button {
    width: 30px;
    height: 30px; }

#add-gift-card-list-container .gift-card-list {
  width: 90%;
  text-align: center;
  display: table-cell; }

.gift-card-list-inner-container {
  width: 100%;
  display: table; }

#add-gift-card-list-container .gift-card-list .gift-card-header-row,
#add-gift-card-list-container .gift-card-list .gift-card-row {
  display: table-row;
  height: 30px; }

#add-gift-card-list-container .gift-card-list .gift-card-header-row .gift-card-header-cell,
#add-gift-card-list-container .gift-card-list .gift-card-row .gift-card-cell {
  display: table-cell;
  width: 18%;
  vertical-align: middle;
  border-right: 1px solid #cecece;
  border-top: 1px solid #cecece; }

#add-gift-card-list-container .gift-card-list .gift-card-header-row .gift-card-number,
#add-gift-card-list-container .gift-card-list .gift-card-row .gift-card-number {
  width: 28%;
  border-left: 1px solid #cecece; }

#add-gift-card-list-container .gift-card-list .gift-card-row .gift-card-cell {
  border-top: 1px solid #cecece; }

#add-gift-card-list-container .gift-card-list .gift-card-row:last-child .gift-card-cell {
  border-bottom: 1px solid #cecece; }

#add-gift-card-list-container .gift-card-list .gift-card-header-row .gift-card-header-cell.gift-card-control,
#add-gift-card-list-container .gift-card-list .gift-card-row .gift-card-cell.gift-card-control {
  border: 0; }

#add-gift-card-btn {
  margin: 0 8px; }

#add-gift-card-number-label {
  display: inline-block;
  width: 200px;
  font-size: 12px; }

#add-gift-card-number {
  border: 1px solid #cecece;
  padding: 7px;
  width: 170px; }

.add-gift-card-description {
  padding-top: 10px;
  font-size: 12px; }

#standard-payment-balance {
  padding-top: 20px;
  font-weight: bold;
  display: none; }

textarea.personalisedMessage {
  height: 30px;
  width: 410px; }

.personalisedMessage-container span.formError {
  padding-bottom: 58px; }

.error .personalisedMessage {
  margin-top: -9px; }

/*wishList button*/
#wishListSubmitHintButton, .wishlistSendHintButton {
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  -webkit-border-radius: 0;
  height: 40px;
  font-family: "AvantGardeGothicITCW02B 737103";
  font-size: 15px;
  text-transform: uppercase;
  text-align: left;
  background: #FFFFFF;
  width: 200px;
  display: block; }

#wishListSubmitHintButton.ghd-de, .wishlistSendHintButton.ghd-de {
  font-size: 11px; }

#wishListSubmitHintButton.ghd-it, .wishlistSendHintButton.ghd-it {
  font-size: 10px; }

#wishListSubmitHintButton.ghd-fr, .wishlistSendHintButton.ghd-fr {
  font-size: 11px; }

#wishListSubmitHintButton:hover, .wishlistSendHintButton:hover {
  background: #ac8c5f;
  color: #FFFFFF; }

.wishlistSendHintButtonWrapper {
  padding-top: 5px;
  clear: both; }

.extended-wish-container .smallWishButton {
  width: 89%;
  margin: 0 auto;
  padding-top: 14px; }

.extended-wish-container {
  text-transform: uppercase;
  font-family: Arial;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  padding: 20px 0;
  box-sizing: border-box;
  line-height: 26px; }

.extended-wish-container.ghd-de {
  font-size: 16px;
  padding-top: 10px; }

.extended-wish-container.ghd-es {
  font-size: 23px;
  line-height: 29px; }

.extended-wish-container.ghd-it {
  padding-top: 27px;
  line-height: 28px; }

.extended-wish-container.ghd-fr {
  font-size: 21px;
  line-height: 29px; }

#ui-dialog-title-wishListLightBox, #ui-dialog-title-wishListThankYouLightBox {
  display: block;
  float: right;
  text-transform: uppercase; }

.ui-dialog.wishListWidget {
  padding: 0; }

.wishListWidget + .ui-widget-overlay {
  opacity: .8; }

.wishListWidget > .ui-dialog-titlebar {
  color: #FFFFFF;
  font-family: "HelveticaNeueW01-45Ligh"; }

.wishListWidget > .ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick {
  text-indent: 0;
  background: none;
  font-weight: normal; }

.wishlist-thankyou {
  display: block;
  width: 768px;
  height: 994px;
  background: #FFFFFF url(../js/build/d91b485025140853bb184cdd112ba0c1.jpg) no-repeat;
  padding: 0;
  display: none; }

.wishListThankYouHead {
  color: #C6A15D;
  padding-top: 130px;
  padding-left: 363px;
  font-family: "AvantGardeGothicITCW02B 737103",'Arial Black', Gadget, sans-serif;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 30px;
  display: none; }

.wishListThankYouHead .shifted {
  padding-left: 20px; }

.wishListThankYouBody {
  padding-left: 376px;
  padding-right: 60px;
  padding-top: 10px;
  font-family: 'Arial', Gadget, sans-serif;
  font-size: 14px;
  display: none; }

.wishListThankYouBody p button.wishListThankYouContinueShoppingButton {
  color: #ffffff;
  font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif; }

.de_DE #wishListHeader > .descriptionText, .it_IT #wishListHeader > .descriptionText {
  margin-left: 425px; }

.es_ES #wishListHeader > .descriptionText {
  margin-left: 410px;
  font-family: "HelveticaNeueW01-45Ligh"; }

#wishListHeadLine > .headLine, #wishListHeadLine > .holiday {
  display: inline-block; }

#givexPaymentMode {
  padding-top: 20px; }

#add-gift-card-message {
  display: none;
  font-size: 12px;
  margin: 0 0 4px;
  padding: 9px 40px 9px;
  width: 100%;
  color: white;
  background: red url(../js/build/d47289309ffdbdb9e09469f0e501cf80.png) no-repeat 5px 6px;
  box-sizing: border-box; }
  @media screen and (max-width: 679px) and (min-width: 240px) {
    #add-gift-card-message {
      box-sizing: content-box;
      padding-left: 30px;
      width: 324px; } }
  @media screen and (max-width: 479px) and (min-width: 240px) {
    #add-gift-card-message {
      padding-right: 2px;
      width: 253px; } }

.grayed, #hintData .grayed {
  color: gray; }

.paymentaddressclearboth {
  clear: both; }

.paypal-verification-popup #flashMessage {
  font-size: 20px;
  margin: 10px 0;
  text-transform: none;
  font-family: "HelveticaNeueW01-45Ligh",Arial,"Lucida Grande",sans-serif; }

a.lightbox, a.kalturavideoplay, a.dialog-tooltip {
  cursor: pointer;
  text-decoration: underline; }

a.lightbox:hover {
  text-decoration: none; }

.address3 {
  display: none; }

.checkout-form .contact-details {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 480px) {
    .checkout-form .contact-details {
      flex-direction: row;
      justify-content: space-between;
      padding-bottom: 20px; } }
  .checkout-form .contact-details__header {
    padding-bottom: 0;
    display: block;
    float: none; }
  .checkout-form .contact-details .required-message {
    font-style: italic;
    color: #8F8F8F;
    margin-top: 4px; }
    @media only screen and (min-width: 480px) {
      .checkout-form .contact-details .required-message {
        margin-top: 0;
        font-style: normal; } }
    .checkout-form .contact-details .required-message__asterisk {
      padding-right: 4px; }

.top-bar__icon {
  background: none;
  height: auto;
  border-radius: 0; }

.dialog .dialog-content #content {
  min-height: 0; }
  .dialog .dialog-content #content #accountAdmin {
    width: auto; }
    .dialog .dialog-content #content #accountAdmin table th {
      max-width: 150px; }

#checkoutHead .checkout-header {
  float: none; }

#bvCurationsContainer * {
  box-sizing: border-box; }

#bvCurationsContainer .bv-curations {
  padding: 0; }
  #bvCurationsContainer .bv-curations__social .share .icon .fa {
    font-size: 16px;
    line-height: 1; }
  #bvCurationsContainer .bv-curations__load-more {
    border-radius: 0; }

#articlePage #postAside .featured.section img {
  width: 100%; }

@media screen and (max-width: 479px) and (min-width: 240px) {
  #articlePage {
    margin-left: -17.5px; }
    #articlePage div.cq-colctrl-lt0-c0, #articlePage div.cq-colctrl-lt0-c1 {
      width: 300px; }
  #postDetails {
    width: 100%; } }

.wishListWidget .ui-dialog-titlebar-close {
  width: auto;
  margin: 0;
  text-indent: 0; }

.wishListWidget .ui-button-icon.ui-icon-closethick {
  position: relative;
  top: 0;
  left: 0; }

/* General styles affecting all views */
.phone-portrait-visible, div#newbasket ul.item-attributes li.phone-visible {
  display: none !important;
  visibility: hidden; }

div#newbasket ul.item-attributes li.phone-landscape-visible {
  display: none;
  visibility: hidden; }

.shop-page #productFeatures h4.accordion-menu, #editCollection.editItemMeta fieldset .section input.hidden, #editCollection.editItemMeta fieldset .section textarea.hidden, .shop-page #productFeatures h4.accordion-menu, #editCollection.editItemMeta fieldset .section input.hidden, #editCollection.editItemMeta fieldset .section.selectWrapper.hidden {
  display: block;
  visibility: visible; }

.shop-page #postMain .accordion-section {
  display: block;
  visibility: visible; }

#editCollection.editItemMeta fieldset .section.selectWrapper select {
  margin-left: 0; }

.tablet-visible {
  display: none; }

.desktop-visible {
  display: block; }

.commissionTable {
  clear: both;
  border-top: 1px solid #CCCCCC; }

.commissionTable,
.values-table {
  display: block;
  width: 100%; }

.commissionTable .values,
.values-table .values {
  display: inline-block;
  width: 80px; }

.commissionTable .table-row .titles,
.commissionTable .table-row .scrollable,
.values-table .table-row .titles,
.values-table .table-row .scrollable {
  display: block;
  float: left; }

.commissionTable .table-row .titles,
.values-table .table-row .titles {
  width: 30%; }

.commissionTable .table-row .scrollable,
.values-table .table-row .scrollable {
  width: 70%; }

.commissionTable .table-row .cell,
.values-table .table-row .cell {
  display: block;
  height: 30px;
  padding: 15px 0; }

.commissionTable .table-row .cell.commission-totals {
  display: none; }

.commissionTable .scrollable,
.values-table .scrollable {
  overflow-y: hidden;
  overflow-x: auto; }

.values-table {
  white-space: nowrap; }

#filterForm {
  padding: 5px 0 20px; }

#filterForm .statusFilter, #filterForm .dateFilter {
  display: inline-block; }

#filterForm span {
  width: 70px;
  display: inline-block; }

.dateFilter .startDate, .dateFilter .endDate {
  display: inline-block;
  padding-right: 10px; }

/* Tablet and Desktop */
@media only screen and (min-width: 679px) {
  .commissionTable .values,
  .values-table .values {
    display: block;
    width: 100%; }
  .commissionTable .table-row .titles,
  .commissionTable .table-row .scrollable,
  .values-table .table-row .titles,
  .values-table .table-row .scrollable {
    float: none; }
  .commissionTable .table-row .titles,
  .values-table .table-row .titles {
    width: 100%; }
  .commissionTable .table-row .scrollable,
  .values-table .table-row .scrollable {
    width: 100%;
    clear: both; }
  .commissionTable .table-row .cell,
  .values-table .table-row .cell {
    display: block;
    float: left;
    width: 10%;
    border-bottom: 1px solid #e5e5e5; }
  .commissionTable .table-row .cell.commission-totals {
    float: right;
    border: none;
    display: inline; }
  .values-table .cell {
    width: 10%; }
  #filterForm .statusFilter span {
    width: 50px;
    display: inline-block; } }

/* Portrait / narrow tablet */
@media screen and (min-width: 240px) and (max-width: 1023px), only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .tablet-visible {
    display: block; }
  .desktop-visible {
    display: none; }
  input[type=button], .input-button, input[type=submit], button {
    -webkit-appearance: none; }
  /* Fundamental wrapper derived from CQ content pages*/
  .bodyPar {
    margin-top: 60px;
    padding-left: 0; }
  .parsys #feed, .producthero, #slides.shophub {
    margin-left: -10px;
    padding-left: 20px; }
  .parsys .text table {
    width: auto; }
  .product-page #postDetails #productExtras h3 {
    font-family: 'Baskerville W02 Regular', "New Baskerville", Baskerville, 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase; }
  #page {
    position: relative;
    overflow: hidden; }
  #header, #nav, #errorPage #topNavWrapper {
    display: none; }
  #errorPage #header, #errorPage #header .logo {
    display: block; }
  #errorPage #content {
    margin: 0; }
  .checkout-info-page #content {
    margin-top: 0; }
  #mainMenu, #secondary, #topNavWrapper {
    position: static;
    min-width: 100%; }
  #t1-bg, #t1-banner {
    display: none; }
  /* Showing elements */
  .phone-hidden, .desktop-hidden, #productDescription .phone-hidden, #editCollection .row.credit input.hidden {
    display: block;
    visibility: visible; }
  /* Hidden elements */
  .phone-visible, #editCollection .sortingNotes, #editCollections .sortingNotes, #productDescription .phone-visible, #postHeader h2.phone-visible, #mobileSocialToolsWrapper {
    display: none; }
  #pageslide #navBasket, #page #navwrap, #postMain .accordion-button {
    display: none; }
  #pageslide .phone-visible, #pageslide #navwrap, #pageslide nav {
    display: block; }
  /* Accordion */
  .accordion-menu {
    display: block;
    float: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png);
    background-position: right -223px;
    background-repeat: no-repeat; }
  .accordion-menu.active {
    background-position: right -264px; }
  .accordion-menu .accordion-title, .accordion-title {
    width: 100%;
    display: block;
    float: left;
    font-size: 1.7em; }
  .accordion-menu .accordion-subtitle {
    font-size: 16px;
    margin-top: 8px; }
  .accordion-button {
    height: 29px;
    text-indent: -999px;
    width: 30px; }
  /* pdp */
  .shop-page #postMain .accordion-section {
    display: block;
    visibility: visible; }
  #postMain #productExtras {
    margin: 20px 0;
    padding: 20px 0 0 0; }
  #postMain #postHeader.accordion-menu {
    background-image: none;
    cursor: auto; }
  #productDescription #productBar {
    width: 645px; }
  #product-upsell-items-list ol li, #product-xsell-items-list .product {
    margin-bottom: 15px; }
  #productPromotion img {
    max-width: 100%; }
  #pageslide .phone-hidden {
    display: none; }
  .shop-page #productFeatures h4.accordion-menu {
    cursor: auto; }
  #pageslide {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    min-height: 420px;
    zoom: 1;
    z-index: 1000;
    width: 260px;
    background-color: #000;
    color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible; }
  #pageslide #navwrap {
    min-height: 500px;
    -webkit-overflow-scrolling: touch; }
  #pageslide #navwrap #navTools {
    position: static; }
  .secondaryTier {
    height: auto; }
  #pageslide .secondaryNav {
    position: static;
    height: auto; }
  .secondaryNav.location {
    display: none; }
  #pageslide .secondaryNav.location.over {
    display: block; }
  #pageslide .secondaryTier {
    position: static; }
  #pageslide .secondaryTier ul li, #pageslide .secondaryNav ul {
    width: 100%;
    float: none; }
  #pageslide #storeSelector, .secondaryTier ul li {
    padding: 13px 15px; }
  #pageslide .tertiaryTier {
    position: absolute;
    left: 260px;
    top: 0;
    max-height: none;
    min-height: 100%;
    z-index: 100;
    width: 100%;
    visibility: visible !important;
    display: block !important;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0); }
  #pageslide .tertiaryTier a, #pageslide a {
    color: #fff; }
  #pageslide .tertiaryNav .navnodePar {
    position: static; }
  #pageslide #storeList, #pageslide #accountActionsList {
    position: absolute;
    left: 260px;
    top: 0;
    background-color: #000;
    width: 100%;
    height: 100% !important;
    border: none;
    z-index: 1; }
  #pageslide #storeSelector {
    background-color: #000;
    padding-bottom: 5px; }
  #pageslide #storeList ul {
    margin: 10px 0 0 20px; }
  #pageslide #storeList ul li {
    padding: 3px 0; }
  #pageslide #navTools #storeSelector a, #pageslide footer .text a {
    color: #7d7b7c; }
  #pageslide #navTools #storeSelector a.toolWithChildren {
    padding-left: 25px; }
  #pageslide footer, #pageslide .footer {
    position: static;
    margin: 0; }
  #pageslide footer .text ul {
    margin: 0 15px; }
  #pageslide footer #findUs {
    position: static; }
  #pageslide footer #findUs p {
    display: none; }
  #pageslide footer #findUs ul {
    float: none;
    margin: 0 0 0 10px; }
  #mobileSearch {
    background-color: #fff;
    height: 45px; }
  #mobileSearchInner {
    padding: 8px 11px; }
  #mobileSearch form {
    border: solid 1px #000;
    height: 25px; }
  #mobileSearch input {
    width: 200px;
    padding: 5px;
    float: left;
    border: none; }
  #mobileSearch button {
    dispay: inline;
    width: 23px;
    height: 25px;
    float: left;
    padding: 0;
    margin: 0 0 0 0;
    text-indent: -9999px;
    background-position: right -2059px;
    background-color: #fff; }
  #pageslide ul.primaryNav {
    width: 100%; }
  #pageslide ul.primaryNav li {
    width: 120px;
    border: none;
    text-align: center;
    background-color: #363636;
    padding: 13px 5px; }
  #pageslide ul.primaryNav li:last-child:nth-child(odd) {
    width: 100%; }
  #pageslide ul.primaryNav li a {
    background-color: transparent; }
  #pageslide ul.primaryNav li.active {
    background-color: #000; }
  #pageslide #navTools a, #pageslide footer a {
    text-decoration: none;
    color: #cecece; }
  #pageslide .secondaryNav ul {
    padding: 0; }
  #pageslide .secondaryNav li, #pageslide .navfeaturewrap, #pageslide .backBar {
    border-bottom: solid 1px #2b2b2b; }
  #pageslide #navwrap a.hasNodes, #pageslide #navwrap span.hasNodes {
    background: transparent url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) no-repeat 225px -33px; }
  #pageslide .secondaryNav .promoMessage {
    display: none; }
  #pageslide #navwrap #headerActions {
    height: auto;
    float: none;
    width: auto;
    background: #000; }
  #pageslide #headerActions ul {
    width: 100%;
    position: static !important;
    background: #000;
    margin: 10px 0; }
  #pageslide #headerActions .registerLogin a, #pageslide #navwrap #ajaxUploadPost {
    color: #000;
    background: #fff;
    -webkit-border-radius: 1.2em;
    -moz-border-radius: 1.2em;
    border-radius: 1.2em;
    line-height: 2em;
    margin: 0 15px;
    padding: 0 13px;
    height: auto; }
  #pageslide #navwrap #ajaxUploadPost {
    padding-left: 28px;
    background: #fff url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png) 4px -2090px no-repeat; }
  #pageslide #navwrap #accountActions {
    padding: 13px 0 13px 15px; }
  #pageslide #navwrap #accountActions .toolWithChildren {
    background-color: #000;
    cursor: pointer;
    height: auto;
    padding: 0px 0 0 0px;
    margin-top: 10px; }
  #pageslide #navwrap #accountActions .profileWrapper .toolWithChildren {
    padding-left: 50px; }
  #pageslide #navwrap #accountActions:hover #accountActionsList {
    display: none; }
  #pageslide #accountActionsList ul.accoutactions li {
    padding-bottom: 10px; }
  #pageslide .backBar a.backTier, #pageslide #navtools #storeSelector a.backTier {
    background: transparent url(../js/build/ced8c67b92533be38c104623c8da1800.png) no-repeat;
    display: block;
    height: 27px;
    width: 33px;
    text-transform: none;
    padding: 6px 0 0 12px;
    float: left;
    margin: 8px 0 0 15px;
    color: #fff; }
  #pageslide .backBar h3 {
    padding: 15px 0 13px 0;
    margin: 0 0 0 60px;
    text-align: center;
    width: auto; }
  #pageslide #navwrap #accountActions, #pageslide #navwrap #ajaxUploadPost {
    float: none; }
  #pageslide #accountActions:hover #accountActionsList {
    position: absolute; }
  #pageslide #navwrap #ajaxUploadPost {
    width: auto;
    display: inline-block;
    margin-top: 15px; }
  #pageslide .tertiaryNav {
    width: auto; }
  #pageslide .tertiaryNav .section, #pageslide .tertiaryNav .titleWrapper, #pageslide .tertiaryNav .navfeature, #pageslide .tertiaryNav .navrichtext {
    min-height: 0; }
  #pageslide .navfeature {
    width: auto;
    min-height: 0; }
  #pageslide .navfeature .narrow, #pageslide .navfeature .wide {
    width: auto;
    height: 45px;
    padding: 10px 0 10px 10px; }
  #pageslide .navfeature img {
    width: 45px;
    height: 45px; }
  #pageslide .navfeature .wide img {
    width: 220px;
    height: auto; }
  #pageslide .navfeature .imagewrapper {
    float: left;
    margin: 0 10px 0 0; }
  #pageslide .navfeature, #pageslide .navrichtext, #pageslide .tertiaryNav .section {
    float: none;
    clear: both; }
  #pageslide .tertiaryNav .navrichtext {
    border: none;
    padding: 0 0 0 10px; }
  #pageslide .navnodePar {
    left: 0 !important;
    padding: 0 0 0 0; }
  #pageslide .profileImageWrapper {
    display: inline-block;
    float: left; }
  #pageslide .profilePicture img {
    height: 40px;
    width: 40px;
    position: relative;
    top: -8px; }
  #pageslide #ajaxUploadPost {
    position: relative;
    top: 50px;
    z-index: 1; }
  #pageslide #accountActions .profileWrapper {
    position: relative;
    top: -45px; }
  /* New Basket */
  div#newbasket li.quantity a.substract-one-item-action, div#newbasket li.quantity a.add-one-item-action {
    display: none; }
  #checkout #mobileCartDetails {
    clear: both;
    width: 100%;
    max-width: 319px;
    float: left;
    padding: 10px;
    border: 1px solid #cccccc;
    margin-bottom: 20px; }
  #checkout #mobileCartDetails, #checkout #mobileCartDetails > * {
    background-color: #f3f3f3; }
  #checkout #mobileCartDetails h4 {
    background-position: right -236px;
    padding: 0 30px 0 10px;
    position: static;
    overflow: auto; }
  #checkout #mobileCartDetails a.editbasket, #checkout #mobileCartDetails h4, #checkout #mobileCartDetails span.numberItems {
    position: static;
    font-size: 14px; }
  #checkout #mobileCartDetails h4 a.editbasket {
    display: none; }
  #checkout #mobileCartDetails h4.accordion-menu.active a.editbasket {
    display: block;
    top: 0;
    color: #FFFFFF;
    padding: 2px 15px; }
  #checkout #mobileCartDetails span.numberItems.count {
    background-image: url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png);
    background-position: left -1256px;
    padding-left: 25px;
    background-repeat: no-repeat; }
  #checkout #mobileCartDetails h4.accordion-menu.active {
    background-position: right -276px; }
  #checkout #mobileCartDetails .entry {
    padding: 15px 0; }
  #checkout #mobileCartDetails .productImage, #checkout #mobileCartDetails .productTitle {
    float: left;
    margin: 0; }
  #checkout #mobileCartDetails .productTitle {
    float: right; }
  #checkout #mobileCartDetails .productImage, #checkout #mobileCartDetails .productImage img {
    height: 50px;
    width: 50px; }
  #checkout #mobileCartDetails .productPrice, #checkout #mobileCartDetails .productTitle {
    padding: 0;
    width: 233px;
    font-size: 13px;
    color: #000; }
  #checkout #mobileCartDetails .productPrice h3 {
    text-align: left; }
  #checkout #mobileCartDetails .productPrice {
    margin-top: 5px; }
  #checkout #mobileCartDetails .totals .delivery {
    font-size: 13px; }
  #checkout #mobileCartDetails .totals .total, #checkout #mobileCartDetails .totals .total .totalPrice {
    font-size: 15px; }
  #checkout #mobileCartDetails #deliveryInfoMessage {
    font-size: 12px; }
  .es_ES div#newbasket li.quantity, .it_IT div#newbasket li.quantity {
    padding-left: 56px;
    width: auto; }
  /* Account Admin */
  #accountAdmin {
    margin: 0; }
  div.tagsinput {
    border-color: white !important;
    border: 0;
    padding: 0;
    width: 285px !important;
    height: auto !important;
    overflow: hidden !important; }
  div.tagsinput .tag {
    background: #ffffff !important;
    border-color: #555555 !important;
    color: #555555 !important;
    height: 22px !important; }
  div.tagsinput span.tag {
    padding: 0 5px 0 5px !important; }
  div.tagsinput span.tag a {
    font-size: 15px !important;
    padding: 0 0 0 0 !important; }
  .ui-dialog-content fieldset .tagsinput {
    max-width: 216px; }
  /* Edit Collection */
  #accountAdmin .useAsCoverWrapper, #accountAdmin .useAsCoverWrapper > * {
    display: inline-block;
    position: static;
    margin-top: 0;
    vertical-align: text-top; }
  #accountAdmin .useAsCoverWrapper {
    width: 50%;
    margin: 10px 0; }
  #accountAdmin .useAsCoverWrapper label {
    max-width: 80%;
    float: none;
    padding-left: 5px; }
  #accountAdmin #editCollections .useAsCoverWrapper {
    width: 90%;
    margin-bottom: 10px; }
  .createCollectionForm .collectionTitle {
    width: 185px;
    float: left;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 10px; }
  .createCollectionForm .create {
    margin-top: 14px; }
  #editCollection #sortable li:first-child, #editCollections #sortable li:first-child {
    border-top: 4px solid #000000; }
  #editCollection div.tagsinput {
    max-width: 100%; }
  #editCollection.editItemMeta fieldset .section.selectWrapper select {
    margin-left: 0; }
  /* Upload page */
  #uploadPostsToCollectionRelationshipData div.mobile.createCollectionForm {
    margin-top: 15px; }
  #uploadPostsToCollectionRelationshipData a.info {
    display: none; }
  .editItemMeta .productSelector.simpleProductSelector {
    margin-left: 0;
    max-width: 100%; }
  #uploadPostsToCollectionRelationshipData fieldset.terms input, #uploadPostsToCollectionRelationshipData fieldset.terms label {
    margin: 0 0 0 5px;
    float: left; }
  #uploadPostsToCollectionRelationshipData div.tagsinput {
    max-width: 100%; }
  .editItemMeta.describeUpload .bodyPar {
    padding-left: 10px; }
  .editItemMeta .bodyPar {
    margin-top: 67px; }
  .editItemMeta {
    padding: 0 10px; }
  .editItemMeta fieldset .section.howto {
    clear: both;
    margin-right: 0;
    padding-top: 0;
    top: -45px; }
  .editItemMeta fieldset .section.howto {
    left: -218px;
    position: absolute;
    top: 207px; }
  .editItemMeta .applyMetaDataToPosts > li {
    padding-bottom: 25px; }
  .category-page h1 {
    font-size: 1.5em;
    margin-top: 0; }
  .createCollectionForm fieldset .formError {
    height: auto !important;
    margin-left: 0;
    padding: 9px 2px 9px 30px !important; }
  .editItemMeta input[type="button"].add {
    padding: 0 25px 1px 16px; }
  /*** profile creation steps ***/
  #profileCreation {
    margin-top: 80px;
    padding: 0 10px; }
  .home-page #slides {
    margin: 0; }
  /*
    *   Disable hover images for touch devices. Hovering doesn't work that great on touch devices as it
    *   requires users to doubletap to change text values
    */
  .collection:hover .meta, .post:hover .meta, .ugcpost:hover .meta {
    display: none;
    vertical-align: bottom; }
  /* Hero video overlay */
  #articlePage #postViewer #postWrapper .parsys .kalturavideo a.kalturavideoplay .videoOverlay {
    top: 200px;
    left: 430px; }
  #postDetails.missingPostWindow {
    margin-top: 0; }
  div#postDescription {
    padding-top: 0px; }
  .BVRRRatingSummary {
    padding-top: 10px; } }

@media screen and (max-width: 679px) and (min-width: 480px) {
  .shop-page div.cq-colctrl-lt10 .product {
    float: right;
    width: 290px;
    margin-top: -127px; } }

@media screen and (min-width: 240px) and (max-width: 1024px) {
  #searchResults #articlesAside {
    overflow: auto;
    display: none; } }

/*
   2 column - this is our '480px' iphone landscape
   */
@media screen and (min-width: 240px) and (max-width: 679px) {
  .tablet-visible {
    display: none; }
  /* Hidden elements */
  .hidden, #productDescription .phone-hidden, div#newbasket ul.item-attributes > li.price, #editCollection.editItemMeta fieldset .section.selectWrapper.hidden, #editCollection.editItemMeta fieldset .section input.hidden, #editCollection.editItemMeta fieldset .section textarea.hidden, .shop-page #postMain .accordion-section.hidden, #checkout a.add-address-field, .phone-hidden, .phone-visible.hidden, #postHeader h2.phone-visible.hidden #productDescription #thumbnailBrowser #productExtras, div#newbasket li.quantity input[type="submit"], #accountAside, #accountAside #badgeSash, #accountOverviewMain .latestCollections, #accountAdmin #profileCompleted .jobInfoRoundal, #professionalRequest a.add-address-field, #accountOverviewMain .phone-hidden {
    display: none !important;
    visibility: hidden; }
  div#newbasket ul.item-attributes li.phone-landscape-display-none {
    display: none; }
  /* Showing elements */
  .phone-visible, #productDescription .phone-visible, #postHeader h2.phone-visible, #mobileSocialToolsWrapper {
    display: block;
    visibility: visible; }
  div#newbasket ul.item-attributes li.phone-landscape-visible {
    display: block !important;
    visibility: visible !important; }
  div#newbasket #snipe.preorder {
    background-position: 0px -220px !important; }
  .mobile-georgia, #overviewRecentOrders span.ghdToLowerCase, #accountAdmin table td, #productExtras h3 {
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif; }
  .mobile-helvetica, #postHeader h2.phone-visible, #accountAdmin table th, .account-overview-page #accountAdmin h2, div#newbasket #cart-summary .action-buttons .continueshopping-wrapper a, div#newbasket li.quantity input[type="text"] {
    color: #000;
    font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif; }
  .mobile-baskervilleItalic {
    font-family: 'Baskerville W01 Italic', "New Baskerville Italic", Baskerville, 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: normal; }
  .mobile-button, div#newbasket #cart-summary .action-buttons .continueshopping-wrapper {
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll right -92px #D0A144;
    border: medium none;
    border-radius: 1.2em 1.2em 1.2em 1.2em;
    color: #FFFFFF;
    display: inline-block;
    float: none;
    font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif;
    font-size: 13px;
    height: 25px;
    margin-top: 17px;
    min-width: 144px;
    padding: 0 30px 1px 10px;
    position: static;
    text-align: center;
    text-transform: uppercase; }
  .mobile-blackButton, .account-overview-page .mobile-blackButton {
    height: auto;
    background-color: #000000;
    background-image: none;
    background-size: 20px auto;
    border-radius: 1.2em 1.2em 1.2em 1.2em;
    color: #FFFFFF;
    display: inline-block;
    left: 0;
    padding: 5px 32px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0; }
  /* Social */
  #socialTools li {
    padding-right: 30px; }
  #socialTools li.facebook {
    overflow: hidden; }
  #socialTools li.addthis, #socialTools li:nth-child(3) {
    display: none; }
  /* Accordion */
  .accordion-menu, #editCollection .postData .row.credit label, #editCollection .postData .row.description label, #postMain #postHeader.accordion-menu {
    display: block;
    float: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png);
    background-position: right -231px;
    background-repeat: no-repeat;
    clear: both; }
  .accordion-menu.active {
    background-position: right -264px; }
  .accordion-menu .accordion-title, .accordion-title {
    width: 100%;
    display: block;
    float: left;
    font-size: 1.7em; }
  .accordion-menu .accordion-subtitle {
    font-size: 16px;
    margin-top: 8px; }
  .accordion-button {
    height: 29px;
    text-indent: -999px;
    width: 30px; }
  #navBasket {
    height: 18px;
    width: 130px;
    max-width: 130px;
    font-size: .8em; }
  #navBasket #navBasketBrief {
    width: 121px;
    height: 13px;
    font-size: 1.2em;
    padding: 3px; }
  #navBasket #navBasketBrief .count {
    background-position: 0 -1259px; }
  #navBasket.hover #navBasketBrief {
    width: 121px;
    height: 8px;
    padding: 5px; }
  #navBasket.hover #navBasketBrief .count {
    background-position: 0 -209px; }
  #navBasket #navBasketInfo {
    width: 121px;
    background: 0 0 #ffffff;
    font-size: 1.4em;
    padding: 5px; }
  div#newbasket .promotion-code h3.accordion-menu {
    background-position: right -237px; }
  div#newbasket .promotion-code h3.accordion-menu.active {
    background-position: right -277px; }
  .calltoaction a {
    font-size: 1.2em;
    heigth: 16px; }
  .product-page #page, #page {
    width: 100%;
    overflow: hidden; }
  .bodyPar {
    padding: 0;
    width: 100%; }
  .bodyPar h1 {
    font-size: 2em; }
  .text .large {
    font-size: 1.3em !important; }
  /* Home page */
  .parsys .sharetools.section {
    position: relative;
    top: -35px;
    left: -20px; }
  #searchResults {
    margin: 0; }
  .home-page #feed {
    background-size: 100%;
    padding: 0 0 0 10px;
    background-position: 0 0; }
  /*
  #feed, #feed #searchContent, .feedIntro.ghd {
    width: 300px;
    margin: 0 auto;
    padding: 0;
  }
  .feedIntro.ghd img {
    float: none;
    width: 300px;
  }
  #feed .feedIntroFeature {
    padding: 5px;
    width: 290px;
  }
  .feedIntro h1 {
    font-size: 1em;
    padding-bottom: 10px;
  }
  .feedIntro h2 {
    font-size: 2em;
    line-height: 1.1em;
    padding: 0;
  }
  #content #feed .titleWrapper h1 span {
    font-size: 1.2em !important;
  }

   */
  /* !important can be removed if we remove the style attribute on the element */
  #feed .text p, #articlePage .standfirst p, .text .standfirst p {
    font-size: 1.2em; }
  .home-page .editorial {
    width: 185px;
    padding: 5px; }
  .home-page .article .overlap {
    margin: -18px 0 20px; }
  .home-page .article .editorialColumn {
    width: 195px; }
  .home-page div.parsys_column .editorialColumn .nested2 .section {
    margin-left: 0; }
  .home-page div.parsys_column .editorialColumn .nested2 img {
    width: 195px; }
  #articlePage #slides img {
    height: 250px;
    width: auto; }
  #articlePage .carosel #slides, #articlePage .adaptivecarousel #slides,
  #articlePage .carosel .slidescontainer, #articlePage .adaptivecarousel .slidescontainer,
  #articlePage .carosel .slidescontainer .section, #articlePage .adaptivecarousel .slidescontainer .section {
    height: 280px; }
  #postDetails {
    width: 420px;
    margin-left: 0;
    border: none; }
  #postAside {
    width: 100%; }
    #postAside .featured a {
      display: block; }
  #postDetails .textWrapper.callout {
    width: auto !important; }
  .parsys #feed {
    height: auto;
    background-color: #000;
    padding-left: 5px;
    background-position: right top;
    background-size: 450px auto;
    width: 100%;
    min-height: 0 !important;
    margin: 0; }
  .parsys #feed {
    background-size: 480px auto;
    width: 480px; }
  .home-page #slides {
    margin: 0 -10px 0 -10px; }
  .slidescontainer, .slides_control > .section {
    width: 480px; }
  .home-page #slides, .home-page #slides .slidescontainer, .home-page #slides .slides_control > .section {
    min-height: 330px;
    height: 100%; }
  .home-page #slides #feed {
    height: 100%;
    margin-top: -10px; }
  .home-page #slides #feed .feedPar {
    padding-left: 5px; }
  .paginationwrapper {
    margin: -25px auto 10px; }
  .paginationwrapper ul {
    left: 45%; }
  div.parsys_column.cq-colctrl-lt6, div.parsys_column.cq-colctrl-lt3, div.parsys_column.cq-colctrl-lt0 {
    width: 300px;
    margin: 0 auto;
    float: none; }
  .cq-colctrl-lt3 .parsys_column, div.cq-colctrl-lt0-c0, div.cq-colctrl-lt0-c1, div.cq-colctrl-lt7-c0, div.cq-colctrl-lt7-c1 {
    width: 145px;
    padding-right: 10px; }
  .cq-colctrl-lt3 .cq-colctrl-lt3-c1, .cq-colctrl-lt3 .cq-colctrl-lt3-c3, div.cq-colctrl-lt0-c1, div.cq-colctrl-lt7-c1 {
    padding-right: 0; }
  .featured.section img, .imagetext img {
    width: 145px; }
  div.cq-colctrl-lt6-c0, .cq-colctrl-lt6-c0 .featured.section img, .cq-colctrl-lt6-c0 .imagetext img {
    width: 300px; }
  div.cq-colctrl-lt3 .imagetext .copy {
    width: 105px; }
  div.cq-colctrl-lt7-c2, .cq-colctrl-lt7-c2 .featured.section img, .cq-colctrl-lt7-c2 .imagetext img {
    width: 300px; }
  /* 4 column layout stack*/
  div.cq-colctrl-lt10 {
    border-top: 1px solid #CECECE;
    padding: 20px 0; }
  div.cq-colctrl-lt10-c0, div.cq-colctrl-lt10-c1, div.cq-colctrl-lt10-c2, div.cq-colctrl-lt10-c3 {
    width: 100%;
    padding: 0 0 0 0; }
  div.cq-colctrl-lt10-c0 .richtext, div.cq-colctrl-lt10-c0 .spacer {
    display: block;
    padding-bottom: 15px; }
  div.cq-colctrl-lt10-c0 .section {
    width: auto; }
  div.cq-colctrl-lt10 .product {
    float: right;
    width: 210px;
    margin-top: -40px; }
  #feed .cq-colctrl-lt6-c0 {
    width: 300px;
    padding: 0; }
  #feed .cq-colctrl-lt6-c1, #feed .cq-colctrl-lt6-c2 {
    width: 145px;
    padding-right: 10px; }
  #feed .cq-colctrl-lt6-c2 {
    padding: 0; }
  div.cq-colctrl-lt6-c0 {
    width: 300px; }
  div.cq-colctrl-lt6-c1, div.cq-colctrl-lt6-c2 {
    width: 140px; }
  div.bodyPar .standardtitle h3 {
    font-size: 1.1em; }
  .standardtitle a {
    padding: 3px 25px 0 0;
    background-position: right -2091px; }
  .imagetext .copy {
    min-height: 95px; }
  #feed div.cq-colctrl-lt0-c0, #feed div.cq-colctrl-lt0-c1 {
    width: 100%; }
  #feed .section.article .article {
    min-height: 0; }
  #feed .section.article, #feed .section.article img {
    width: 300px; }
  #feed .editorial, #feed .article .featured {
    width: 125px; }
  #feed .article .featured img, #feed .article .editorialColumn, #feed .nestedPost, #feed .article .editorialColumn img, #feed .article .nested img {
    width: 145px; }
  #feed .ugcpost, #feed .ugcpost img {
    width: 140px;
    height: 140px;
    min-height: 140px; }
  #feed #searchContent .ugc {
    margin-right: 10px; }
  #feed .ugcpost .videoOverlay, #feed .featured .videoOverlay {
    top: 37px;
    left: 37px; }
  #feed .ugcpost .meta, .featuredStylistImage {
    display: none !important; }
  .featured .right {
    float: none; }
  #feed .article {
    min-height: 0; }
  #feed .article .parsys .article img {
    width: 300px; }
  #nav {
    margin-top: 40px; }
  .support-badge {
    display: none; }
  /* Category Products page */
  .hair-straighteners #category-details, .limited-edition-ghds #category-details {
    margin-top: -6px; }
  #category-details #carousel {
    display: none; }
  #horizontalNav ol li {
    padding: 0 17px 0 0; }
  #prevAndNext ol li.previous {
    background-position: -5px -610px;
    padding: 0 8px 0 15px; }
  #prevAndNext ol li.next {
    background-position: 58px -590px;
    padding: 0 15px 0 8px; }
  .productherodetails {
    display: none; }
  .carouselPar {
    height: auto; }
  #carousel .producthero {
    margin: 0; }
  .producthero, .shop-page .carosel {
    display: none; }
  .producthero .wrapper {
    background-image: none !important;
    max-width: 100%;
    background-size: 460px auto !important;
    min-height: 190px;
    margin-top: 6px;
    height: 180px;
    min-height: 0 !important; }
  /* !important can be removed if we remove the style attribute on the element is also forcing the size of the hero image */
  fieldset, #horizontalNav, #category-details #products, #category-details #featuredVideo, #category-details #sortBy, #searchResults {
    margin-left: 0; }
  #category-details #products {
    padding: 0 0 20px;
    max-width: 100%; }
  #products .product {
    width: 200px; }
  #productDescription #productBar {
    width: 100%; }
  /*full width for smaller devices*/
  #products ol {
    margin: 0 auto;
    width: 440px; }
  #sortBy {
    text-align: center; }
  #sortBy .select {
    width: 100%;
    margin: 0; }
  #sortOptions select {
    display: block; }
  #featuredVideo .parsys_column.cq-colctrl-lt3-c0 {
    width: 100%;
    height: auto;
    display: block; }
  #category-details #featuredVideo .standardtitle h2.bodoni {
    font-size: 2em;
    margin: 0; }
  .category-page div.parsys_column .section {
    height: auto;
    width: 100%; }
  #featuredVideo .parsys_column.cq-colctrl-lt3-c0 ~ .parsys_column {
    width: 220px;
    height: auto;
    display: block; }
  #featuredVideo a.kalturavideoplay .videoOverlay {
    position: absolute;
    top: 30%;
    left: 30%; }
  .kalturavideo h3 {
    font-size: 1.4em;
    padding: 5px 0;
    text-transform: uppercase;
    min-height: 32px; }
  #featuredVideo .item {
    width: 100%; }
  /* Product Description page */
  #postMain .accordion-title {
    display: block;
    float: left;
    font-size: 14px; }
  .shop-page #postMain .accordion-subtitle {
    display: none;
    visibility: hidden; }
  .product-page #header {
    height: 40px;
    padding: 0; }
  .product-page .addtocart {
    text-align: left;
    margin-top: 10px;
    clear: both; }
  .product-page #postDetails {
    width: 100%; }
  .product-page #thumbnailBrowser h1 {
    margin-bottom: 10px; }
  #productDescription {
    height: auto;
    margin: 0; }
  #productDescription #postWindow {
    margin: 15px 0; }
  #horizontalNav {
    margin-left: 10px;
    margin-top: 10px; }
  #prevAndNext ol li.next.noprevious {
    padding-left: 5px;
    padding-right: 15px;
    background-position: right -587px; }
  #postViewer img {
    width: 100%; }
  #productDescription #thumbnailBrowser {
    height: auto;
    left: 0;
    max-width: 100%;
    overflow: visible;
    width: 100%;
    position: static;
    margin: 10px 0 5px 0;
    width: 100%;
    padding: 0; }
  #productDescription #thumbnailBrowser .topPanel {
    height: 100%;
    padding: 0 15px; }
  #productDescription #postViewer, #productDescription #postWindow {
    height: auto;
    min-height: 0;
    max-width: 100%; }
  #productDescription #thumbnailBrowser #productDetails {
    height: 100%;
    min-height: 0; }
  .product-page .product {
    display: inline-block;
    max-width: 200px; }
  .product-page .product .price {
    padding: 0;
    margin-top: 5px; }
  #thumbnailBrowser .listprice {
    margin-top: 13px;
    float: none;
    display: inline-block;
    clear: none; }
  #thumbnailBrowser .availability {
    font-size: 1.5em;
    float: none;
    clear: none;
    margin-top: 0; }
  .product-page .product .delivery {
    padding: 0;
    clear: both; }
  .product-page .product .offer {
    height: 37px; }
  #productDescription #productExtras {
    margin-top: 10px;
    padding-top: 10px; }
  #productDescription #productExtras h3 {
    font-size: 1.6em;
    padding: 4px; }
  #productDescription #productExtras a.kalturavideoplay {
    padding: 15px; }
  .product-page #productDeals .category {
    font-size: 1.2em; }
  #productDescription #postDetails {
    padding: 5px 0;
    margin: 15px 0 0 0;
    max-width: 450px; }
  #postMain {
    max-width: 100%;
    padding: 0;
    margin: 0; }
  #postHeader {
    display: none; }
  #postHeader .accordion-title {
    display: none;
    visible: invisible; }
  #productFeatures .column {
    width: 100%;
    padding: 0;
    position: relative; }
  #descriptionHeader {
    border-top: 1px solid #CCCCCC; }
  .shop-page #postMain .accordion-menu, #postMain #postHeader.accordion-menu {
    background-color: #FAFAFA;
    border-bottom: 1px solid #CCCCCC;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    padding: 10px 0 10px 10px;
    width: 100%; }
  .shop-page #postMain .accordion-section {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    font-size: 13px;
    font-weight: normal;
    padding: 15px 10px 10px; }
  #productFeatures ul {
    padding: 6px 0 0; }
  #mobileSocialToolsWrapper {
    margin-top: 15px; }
  #postHeader #socialTools {
    width: 100%; }
  #postDetails #socialTools {
    margin: 0;
    position: static; }
  #product-upsell-items-list ol li, #product-xsell-items-list .product {
    margin-bottom: 15px; }
  #product-xsell-items-list .third .productMeta {
    margin: 10px 0 10px 0; }
  #productDeals .crosssell .third {
    clear: left;
    padding-right: 20px !important; }
  #product-xsell-items-list .product.third .listprice {
    margin-top: 19px; }
  #product-xsell-items-list .product .listprice {
    margin-top: 17px; }
  /* lets do the fieldset funk */
  fieldset, fieldset .formError {
    width: auto; }
  fieldset label, fieldset #registration label {
    position: static;
    dispaly: block;
    width: 100%; }
  fieldset label.blackselectedFilter, fieldset label.salon-locator-filter-label {
    width: 100%; }
  fieldset label, dl.review dt {
    margin: 8px 0 5px 0; }
  fieldset input[type="text"], fieldset input[type="email"], fieldset input[type="password"], fieldset textarea, fieldset .radio-pair, fieldset .select, fieldset select, fieldset span.staticfield, fieldset .support, #uploadProfilePictureInput, fieldset .captcha, fieldset .opts, fieldset #deliveryModes .opts-list, #registerContent input[type="text"], #registerContent input[type="password"], #registerContent .formError, #checkoutDetails fieldset input[type="email"], #checkoutDetails fieldset input[type="tel"] {
    margin-left: 0; }
  fieldset .formError, #checkout #checkoutDetails .formError {
    display: flex;
    margin: 10px 0 0 0;
    padding-bottom: 9px;
    padding-left: 14px;
    width: 90%; }
    fieldset .formError#errorFor_termsAccepted, #checkout #checkoutDetails .formError#errorFor_termsAccepted {
      margin-bottom: 4px; }
    fieldset .formError::before, #checkout #checkoutDetails .formError::before {
      content: "";
      display: inline;
      padding-left: 16px; }
  #checkoutDetails fieldset input[type="text"], #checkoutDetails fieldset input[type="email"], #checkoutDetails fieldset input[type="tel"], #registerContent input[type="text"], #registerContent input[type="password"], #registerContent .formError, #socialProfile input[type="text"], #socialProfile fieldset textarea, #socialProfile fieldset .multiInput input[type="text"], #editAccountData input[type="text"], #professionalRequest fieldset input[type="text"], #professionalRequest fieldset input[type="email"], #professionalRequest fieldset input[type="tel"], #professionalRequest fieldset select, textarea.personalisedMessage {
    width: 90%;
    clear: both; }
  fieldset input[type="text"].salon-locator__query {
    clear: both; }
  fieldset .postcode input, fieldset .ccNumber input, #checkoutDetails fieldset .postcode input[type="text"], #checkoutDetails fieldset .ccNumber input[type="text"], #checkoutDetails input#card_issueNumber {
    width: 80px; }
  #checkoutDetails fieldset, #checkoutDetails, #chekoutReview {
    width: 420px;
    float: none; }
  fieldset #registration .opts label {
    width: 90%; }
  /* Checkout */
  #checkout #mobileCartDetails {
    max-width: 432px; }
  .checkout-info-page #content, #socialProfile fieldset, #socialProfile div.fieldset {
    width: 450px;
    padding: 0 5px; }
  #checkout {
    width: 100%; }
  #checkoutDetails #termsHolder label {
    width: auto; }
  #subscribe span.privacy {
    padding-left: 0; }
  #checkoutDetails .ccNumber .tooltip {
    left: 105px;
    top: 30px; }
  #checkoutDetails .giftCardSendDate .tooltip {
    left: unset;
    right: 0; }
  .checkout #nav {
    display: none; }
  #cartDetails, #thankyouAside {
    width: 100%;
    margin-top: 40px; }
  #checkout-progress {
    margin: 0 0 20px 0; }
  #checkout .chekoutinfo {
    padding: 20px 10px 10px; }
  #checkoutDetails label, #checkoutDetails input {
    clear: both; }
  #payment .opts label, #checkoutDetails #termsHolder label {
    clear: none; }
  #delivery, #deliveryAddressContainer, #checkoutDetails fieldset {
    max-width: 100%; }
  #checkout #checkoutDetails #contact fieldset {
    margin: 0; }
  #checkout #checkoutDetails #flashMessage {
    margin: 10px 0; }
  #checkout #cardType {
    clear: both; }
  #chekoutReview .buttons.bottomPage #ccPlaceOrder {
    margin-top: 10px; }
  #chekoutReview hr {
    display: none; }
  #chekoutReview .review.row {
    border-top: 1px solid #CCCCCC;
    padding-top: 15px;
    width: 100%; }
  #checkout .chekoutinfo select {
    max-width: 100%; }
  #chekoutReview .buttons.ghd-de {
    visibility: visible;
    display: block; }
  #paymentModeOptions span {
    display: block;
    margin: 0 0 10px 0; }
  #paymentModeOptions input {
    width: auto; }
  #checkoutDetails span.visible-hint {
    margin: 0; }
  fieldset .postcode.error button {
    bottom: 105px;
    top: 73px; }
  /* Registration */
  #registerContent .ghd {
    border-left: none;
    padding-left: 0;
    margin-top: 40px; }
  #registerContent .select, #registerContent .radio-pair, #registerContent .opts {
    margin-left: 0; }
  #registerContent .facebook .text {
    margin-right: 0; }
  .option-stylist, .option-mortal {
    float: none;
    width: auto;
    margin: 10px 0 20px 0; }
  .option-stylist {
    background-position: 81px 30px; }
  .option-mortal {
    background-position: -354px 30px; }
  .loginWithFacebook {
    width: auto; }
  /*** profile creation steps ***/
  #profileCreation {
    width: 440px; }
  #profileSteps {
    padding: 0;
    background: none; }
  #profileSteps li {
    width: auto;
    float: none;
    border: none; }
  #profileSteps li div {
    text-align: left; }
  #profileSteps li em {
    text-align: center; }
  #profileSteps li em, #profileSteps li, #profileSteps li div, #profileSteps li.first div {
    margin: 0;
    padding: 0; }
  #profileSteps li {
    padding: 5px 0; }
  #profileSteps li em, #profileSteps li span {
    display: inline-block; }
  #profileSteps li div {
    position: static; }
  #profileSteps li.memberBadge {
    display: none; }
  #profilePreview {
    display: none; }
  #profileCreation .facebookConectAuth .fb_iframe_widget {
    position: static; }
  #socialProfile fieldset p.about, #professionalRequest fieldset p.about {
    padding-left: 0; }
  #uploadProfilePictureInput, .imageSelector .selected {
    width: auto; }
  /* Product Registration */
  #product-registration .tooltip {
    padding-left: 5px;
    position: static;
    float: left; }
  /* Basket */
  table#basket td.title, table#basket td.price, table#basket td.quantity, table#basket td.total {
    padding: 0; }
  table#basket td.price, table#basket td.total, table#basket td.title, table#basket td.edit, table#basket dl {
    width: auto; }
  table#basket td.title h2 {
    font-size: 1.2em; }
  table#basket td.quantity form {
    left: 10px; }
  table#basket td.quantity input[type="submit"], table#basket li input[type="submit"] {
    display: block; }
  table#basket td.sumof dl {
    width: 280px; }
  table#basket dl dd {
    width: 100px; }
  table#basket {
    margin-bottom: 400px; }
  #promoCode input {
    width: 100px; }
  /* Upload Post page */
  .deleteNewPostInput {
    display: none; }
  .postThumbnail {
    padding-bottom: 20px; }
  .postThumbnail img {
    max-width: 100%; }
  .applyMetaDataToPosts {
    margin: 0;
    width: 440px; }
  .editItemMeta fieldset .section input, .editItemMeta fieldset .section textarea, .editItemMeta fieldset .section {
    width: 100%; }
  .editItemMeta fieldset .section {
    margin: 0; }
  div.tagsinput {
    max-height: 100px;
    max-width: 430px; }
  div.tagsinput span.tag {
    padding: 8px; }
  div.tagsinput span.tag a {
    font-size: 15px;
    padding: 5px; }
  .editItemMeta fieldset .section.howto {
    left: 0;
    position: relative;
    top: 0; }
  .editItemMeta .applyMetaDataToPosts > li {
    padding-bottom: 0px; }
  /* Account Overview */
  #accountAdmin {
    padding-top: 35px; }
  #accountAdmin p.viewProfile {
    padding-top: 0; }
  #accountAdmin h2, #accountAdmin a.info {
    padding: 0;
    margin: 0; }
  #accountAdmin .profileOverviewStep {
    display: none; }
  #accountAdmin #overviewSlot .profileOverviewStep {
    display: block;
    clear: both;
    float: none;
    padding: 0 0 30px 0; }
  .profileOverviewStep h3, .profileOverviewColumn1 h3, .profileOverviewColumn2 h3 {
    padding-bottom: 10px; }
  .profileOverviewStep.completed span.completed {
    margin-top: -10px; }
  #accountContent #dynamicDeliveryMessages {
    min-height: 125px; }
  #accountAdmin, .overviewCompletionSlot h2.salutation, .overviewCompletionSlot p.standfirst, .overviewCompletionSlot #profileCompleted, #accountAdmin #profileCompleted #contentSlot {
    width: 100%; }
  #badgeSash h2 {
    width: 80%; }
  #accountAdmin #badgeSash {
    width: 100%; }
  #accountOverviewMain {
    width: 100%; }
  #accountAside .followers, #accountAside .following, #accountAside #stats {
    width: 31%;
    display: inline-block;
    border-top: none;
    border-right: 1px solid #CCCCCC; }
  /* should I use .friends and #stats instead of listing every element? */
  #accountAside > div > h2 {
    padding: 0 5px; }
  #accountAside #stats {
    margin-bottom: 0;
    position: relative;
    top: -43px;
    padding: 10px 5px; }
  #latestCollectionsHeaders {
    height: auto; }
  #accountAdmin #latestCollectionsHeaders h2, #latestCollectionsHeaders a.info, #latestCollectionsHeaders a.all {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 24px;
    float: none; }
  #accountAdmin #latestCollectionsHeaders h2 {
    width: 370px;
    position: static; }
  #latestCollectionsHeaders a.info {
    right: 65px;
    top: 0; }
  #latestCollections #latestCollectionsHeaders a.all {
    top: 0;
    right: 20px; }
  #latestCollections li {
    margin-top: 5px;
    margin-bottom: 5px; }
  .callOutBox {
    padding: 5px 10px; }
  #accountAdmin .callOutBox h2 {
    padding: 20px 0 20px;
    width: 42%; }
  .callOutBox a, .callOutBox #addressCount {
    display: inline-block; }
  .callOutBox #addressCount {
    margin-left: 10px; }
  .account-overview-page #accountAdmin #mobileComponents h2 {
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase; }
  #accountAdmin #accountTabs, .sortingNotes {
    display: none; }
  #mobileComponents .friends {
    width: 228px;
    display: inline-block; }
  #stats {
    margin: 0 0 20px; }
  #stats dt, #stats dd {
    display: inline-block;
    float: none; }
  #stats dt {
    width: 180px; }
  #stats dd {
    width: 100px; }
  #accountAdmin table td, #accountAdmin table th {
    padding: 5px 10px;
    border: medium none;
    font-size: 12px;
    font-weight: normal; }
  #accountAdmin table td li {
    margin-top: 10px; }
  #accountAdmin table th {
    border-bottom: 1px solid #CCCCCC;
    font-size: 13px; }
  #accountAdmin table tr {
    border: medium none; }
  #accountAdmin table {
    margin: 0; }
  /* Edit Profile */
  #accountAdmin #socialProfile fieldset select {
    clear: both; }
  #editCollection .postData .row.credit label, #editCollection .postData .row.description label, #editCollection .postData .row.productSelector > label, .editItemMeta .postData .row.credit label, .editItemMeta .postData .row.description label, .editItemMeta .postData .row.productSelector > label {
    background-image: url(../js/build/f6651206fd63f6608e2791e248ae9900.png);
    background-position: -102px 1px;
    background-size: 125px auto;
    background-repeat: no-repeat;
    padding: 5px 0 5px 30px;
    margin-top: 0; }
  #editCollection .postData .row.credit label.active, #editCollection .postData .row.description label.active, #editCollection .postData .row.productSelector > label.active, .editItemMeta .postData .row.credit label.active, .editItemMeta .postData .row.description label.active, .editItemMeta .postData .row.productSelector > label.active {
    background-image: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png);
    background-position: 0 -1110px;
    background-size: 22px auto; }
  #accountAdmin #accountTabs, .sortingNotes, .allowComments, #accountAdmin .editItemMeta .info, #accountAdmin p.viewProfile, #accountAdmin p.backto, #editCollections .meta {
    display: none; }
  #editCollections .collectionData {
    width: 340px; }
  #editCollections .collectionData h3 {
    width: auto;
    padding: 0;
    color: #000000;
    margin-top: -4px; }
  #editCollections .collectionData, #editCollections .collectionThumbnail {
    float: left; }
  #editCollections .collectionThumbnail, .editItemMeta .postThumbnail, #editCollections .collectionThumbnail img, .editItemMeta .ugcpost {
    width: 100px;
    height: 100px;
    min-height: 100px; }
  #editCollections .ugcpost, .editItemMeta .ugcpost {
    background: url(../js/build/7689aa5df7fd7b73e65b0d576add0c72.gif) no-repeat scroll 40px 40px #000000; }
  #editCollections .deleteCollectionInput, #editCollections .removeFeaturedInput, .editItemMeta .deletePostInput, .editItemMeta .deleteNewPostInput {
    height: 100px;
    background-position: -36px 45px; }
  #editCollections .deleteCollectionInput:hover, #editCollections .removeFeaturedInput:hover, .editItemMeta .deletePostInput:hover, .editItemMeta .deleteNewPostInput:hover {
    background-position: -4px 45px; }
  #editCollections .videoOverlay {
    top: 15px;
    left: 18px; }
  #editCollection #sortable li:first-child, #editCollection #sortable li, #editCollections #sortable li:first-child, #editCollections #sortable li, .editItemMeta li {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC; }
  #editCollections .buttons {
    clear: both;
    margin: 0;
    padding: 12px 0 20px 0; }
  #editCollections #sortable li {
    border-top: none; }
  #editCollections .buttons a.upload {
    float: none;
    background-image: none;
    background-color: #D0A144;
    padding: 5px 15px 3px; }
  #editCollections fieldset {
    height: 100px; }
  #editCollections .collectionThumbnail .meta {
    display: none !important; }
  #editCollections .editCollection {
    float: none;
    background-color: #000000; }
  #editCollections .collectionInfo, #editCollections .editCollection {
    position: static; }
  #editCollections .collectionInfo, #editCollections .featuredStylist .stylist {
    color: #000000; }
  #editCollections .collectionInfo {
    padding: 0 0 5px 0; }
  .collectionSelectBoxMobile, #newCollectionForm {
    width: 300px;
    padding: 0 0 0 0; }
  #newCollectionTitle {
    width: 150px; }
  input#newCollectionCreate.create {
    margin: 7px 0 0 10px; }
  .deleteCollectionDialog .deleteThumbnail,
  .deletePostDialog .deleteThumbnail {
    float: none; }
  /* Edit Collection */
  #accountAdmin #latestCollectionsHeaders h2 {
    margin-top: 0; }
  #accountAdmin .useAsCoverWrapper {
    margin: 0; }
  #editCollection #editTitle {
    width: 100%;
    margin-bottom: 10px; }
  #editCollection input#title {
    width: 200px !important; }
  #editCollection .ugcpost .meta {
    display: none; }
  #editCollection input.updateButton, #editCollection input.add {
    display: inline !important;
    margin: 0 0 0 0 !important; }
  #editCollection input.add {
    float: left !important; }
  #editCollection input.updateButton {
    float: right !important; }
  .editItemMeta div.post img, .editItemMeta .applyMetaDataToPosts .postThumbnail img {
    width: 100px;
    height: 100px;
    overflow: hidden !important; }
  #editCollection .newHeaders {
    width: 300px !important; }
  #editCollection .ui-dialog {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important; }
  #editCollection #sortable fieldset {
    width: 100%; }
  .editItemMeta .postThumbnail {
    padding-bottom: 0;
    margin-bottom: 10px; }
  #editCollection .postThumbnail .videoOverlay {
    top: 17px;
    left: 17px; }
  .editItemMeta div.row.tags {
    margin-bottom: 15px; }
  .editItemMeta div.tagsinput {
    max-height: none;
    max-width: none; }
  .editItemMeta div.tagsinput span.tag, .editItemMeta div.tagsinput div input {
    position: relative;
    min-width: 125px;
    width: 125px;
    display: inline-block;
    border: 1px solid #000; }
  .editItemMeta div.tagsinput span.tag a {
    color: #000;
    position: absolute;
    right: 5px;
    font-weight: normal; }
  .editItemMeta .row.credit input {
    display: block;
    visibility: visible; }
  .editItemMeta .row.credit input.hidden {
    display: none;
    visibility: hidden; }
  .editItemMeta .simpleProductSelector {
    width: 100%;
    max-width: 285px; }
  .editItemMeta.describeUpload .bodyPar {
    padding: 0;
    max-width: 100%; }
  .editItemMeta div.row input, .editItemMeta div.row textarea, .editItemMeta fieldset .section input, .editItemMeta fieldset .section textarea, .editItemMeta fieldset .section {
    width: 285px;
    max-width: 285px; }
  .editItemMeta div.row, .editItemMeta .postData, #editCollection div.hero-selector.enabled, .graphicalSelector, .selectionPane {
    width: 285px; }
  #editCollections .deleteCollectionInput, #editCollections .removeFeaturedInput, .editItemMeta .deletePostInput, .editItemMeta .deleteNewPostInput {
    display: block !important;
    background-position: -36px 45px !important;
    float: left !important;
    border: 1px solid #E8E4E4 !important; }
  #editCollections .deleteCollectionInput:hover, #editCollections .removeFeaturedInput:hover, .editItemMeta .deleteNewPostInput:hover, .editItemMeta .deletePostInput:hover {
    background-color: #E8E4E4 !important;
    background-position: 4px 45px !important; }
  .editItemMeta .formError {
    width: 270px !important;
    height: 21px !important;
    margin: 10px 0 0 0 !important;
    padding: 9px 2px 0 30px !important; }
  .editItemMeta .postData {
    margin: 10px 0 0 0 !important; }
  .editItemMeta li {
    border-bottom: solid 0 #ffffff !important; }
  .editItemMeta.describeUpload input.deleteNewPostInput {
    display: none !important; }
  /* Profile Intro Mini */
  #profileIntroMini .info {
    width: 381px; }
  /* Profile View */
  #profilePage {
    min-height: 0; }
  #profilePage #profileIntroMini #profileName a {
    cursor: text;
    pointer-events: none; }
  #profilePage #profileIntroMini #profileName a:after {
    background: none; }
  #profilePage #profileButtons {
    margin: 10px 0; }
  #profilePage #profileButtons #moreBtn {
    display: block; }
  #profilePage #profileButtons #backBtn {
    display: none; }
  #profilePage #profileDetail {
    display: none;
    width: 456px;
    margin: 0;
    padding: 0; }
  #profilePage #profileDetail .jobInfoRoundal {
    display: none; }
  #profilePage #profileDetail .profilePicture {
    display: none; }
  #profilePage #profileDetail #badgeSash {
    margin: 0;
    padding: 10px 0 10px; }
  #profilePage #profileDetail #badgeSash li {
    margin: 0 10px 10px 0; }
  #profilePage #profileDetail p.ithink {
    padding: 0 0 10px; }
  #profilePage #profileDetail #socialTools li.twitter {
    width: 65px; }
  #profilePage #profileDetail #socialTools li.addthis {
    float: left;
    width: 50px; }
  #profilePage #profileCollections {
    width: 456px;
    margin: 0;
    padding-bottom: 10px; }
  #profilePage #profileCollections .meta {
    display: none; }
  #profilePage #profileCollections .collection:nth-child(odd) {
    padding: 0;
    margin: 10px 0 0 0;
    min-height: 0; }
  #profilePage #profileCollections .collection:nth-child(even) {
    padding: 0;
    margin: 10px 10px 0 0;
    min-height: 0; }
  #profilePage #profileCollections .collection,
  #profilePage #profileCollections .collection img {
    width: 223px;
    background-position: 95px 95px; }
  #profilePage #profileCollections .collection .meta {
    width: 193px; }
  #profilePage #profileCollections .featured,
  #profilePage #profileCollections .featured img {
    width: 456px;
    background-position: 212px 146px;
    min-height: auto; }
  #profilePage #profileCollections .featured .meta {
    width: 426px; }
  #profilePage #profileCollections .videoOverlay {
    top: 75px;
    left: 75px; }
  #profilePage dl.attributes dd {
    text-transform: none;
    font-size: 1.1em; }
  #profilePage dl.attributes dd .websiteUrl:after {
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll -2px -2088px transparent;
    content: "";
    position: absolute;
    float: right;
    width: 26px;
    height: 26px;
    margin: -4px 0 0 -2px; }
  #profilePage .friends {
    padding: 10px 0 20px; }
  #profilePage .friends ol li {
    height: 110px;
    margin: 0 5px 0 0;
    padding: 0; }
  #profilePage .friends ol li img {
    width: 110px;
    height: 110px; }
  #profilePage .friends ol li:nth-child(n) {
    display: block; }
  .more #profilePage #profileButtons #moreBtn {
    display: none; }
  .more #profilePage #profileButtons #backBtn {
    display: block; }
  .more #profilePage #profileDetail {
    display: block; }
  .more #profilePage #profileCollections {
    display: none; }
  .more #profilePage .friends ol li:last-child {
    margin-right: 0; }
  .showBadgeDetailsPopup {
    width: 100% !important; }
  .followersDialog, .followingDialog {
    width: 100% !important; }
  .followersDialog .followNetwork ul,
  .followingDialog .followNetwork ul {
    max-height: none; }
  .followNetwork ul li:nth-child(n) {
    clear: none; }
  .followNetwork ul li:nth-child(2n+3) {
    clear: left; }
  /* Post View Page */
  #postViewPage #profileIntroMini {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  #postViewPage .featureThiscollection {
    display: none; }
  #postViewPage #collectionMini {
    display: block;
    border-bottom: 1px solid #CCC;
    padding: 5px 0 10px;
    margin-bottom: 10px; }
  #postViewPage #collectionMini .links {
    width: 405px; }
  #postViewPage #postWindow {
    margin: 0;
    width: 100%;
    height: auto; }
  #postViewPage #postViewer {
    width: 100%;
    height: auto; }
  #postViewPage #postDetails #postAside {
    display: none; }
  #postViewPage #postDetails #postMain {
    width: 100%; }
  #postViewPage #postDetails {
    margin: 0;
    width: 100%; }
  #postViewPage #postViewer #postWrapper img {
    width: auto;
    max-height: 259px; }
  #postViewPage #postViewer #container {
    height: 259px; }
  #postViewPage #postViewer #container .player {
    width: 100%;
    height: 100%; }
  #postTools {
    display: block; }
  #postTools .navLinks ul li#postPrevious a,
  #postTools .navLinks ul li#postNext a {
    margin-top: -22px; }
  #postTools .navLinks ul li#postPrevious a {
    left: 45px; }
  #postTools .navLinks ul li#postNext a {
    right: 45px; }
  #postTools .actionLinks {
    display: none; }
  #postTools .actionLinks {
    margin-top: -100px; }
  #postTools .actionLinks ul li a {
    padding: 0 5px; }
  #postTools .navLinks ul li#postPrevious a {
    left: 0; }
  #postTools .navLinks ul li#postNext a {
    right: 0; }
  #postTools .navLinks ul li#postPrevious em, #postTools .navLinks ul li#postPrevious a:hover em {
    background-position: -295px -105px; }
  #postTools .navLinks ul li#postNext em, #postTools .navLinks ul li#postNext a:hover em {
    background-position: -332px -105px; }
  #postViewPage #postViewer {
    background-color: inherit; }
  #postViewPage #thumbnailBrowserWrapper {
    display: none; }
  #postViewPage #postMain {
    width: 240px;
    display: inline-block; }
  #postViewPage #postHeader {
    margin-top: 10px;
    border-bottom: none; }
  #postViewPage #postHeader h1 {
    width: 100%;
    margin-bottom: 10px; }
  #postViewPage #postHeader h1, #postDetails h2 {
    font-size: 1.4em; }
  #postViewPage #postDescription {
    padding-top: 5px; }
  #postViewPage #socialTools {
    width: 100%;
    float: left;
    margin: 0;
    position: relative; }
  #postViewPage #postTags {
    border-top: 1px solid #CCC; }
  #postViewPage #postComments {
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid #CCC; }
  #postViewPage #postComments h2 {
    margin: 0; }
  #postViewPage #postComments .underline {
    border-bottom: none; }
  #postViewPage #comments .fb_iframe_widget span,
  #postViewPage #comments .fb_iframe_widget span iframe {
    width: 460px !important; }
  #postViewPage #postAside {
    width: 210px;
    display: inline-block;
    margin-left: 10px; }
  .flagPopup, .repostPopup {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important; }
  #flagDialog, #repostDialog {
    overflow: hidden !important; }
  #repostDialogPanel {
    max-height: none; }
  /* Collection View page */
  #allCollectionView {
    margin: 10px 0 0 0; }
  #allCollectionView h1 {
    padding-top: 0; }
  #allCollectionView .meta {
    display: none; }
  ol#collectionPosts {
    width: 460px; }
  /* New Basket */
  ul#basket-hdr li, ul#basket-hdr li.cta {
    max-width: 100%;
    width: 100%; }
  div#newbasket li.quantity a.substract-one-item-action, div#newbasket li.quantity a.add-one-item-action {
    display: inline-block;
    visibility: visible; }
  div#newbasket li.image {
    width: 100px;
    height: 100px;
    padding: 20px 10px 0 0; }
  div#newbasket ul.item-attributes li.image img {
    height: 100%;
    width: 100%; }
  div#newbasket li.title {
    width: 120px; }
  div#newbasket li.quantity {
    width: 90px; }
  div#newbasket li.quantity, div#newbasket li.total, div#newbasket li.title {
    padding: 20px 10px 10px 0; }
  div#newbasket li.quantity form {
    float: none;
    position: static; }
  div#newbasket ul.item-attributes li.total {
    width: 70px;
    text-align: right; }
  div#newbasket li.quantity h3 {
    width: 100%;
    margin: 0;
    text-align: left; }
  div#newbasket li.quantity input[type="text"] {
    margin: 0;
    width: 30px;
    color: #000;
    border: none;
    text-align: center;
    cursor: default;
    font-size: 13px;
    padding: 0; }
  div#newbasket li.quantity a {
    border: 1px solid #CECECE;
    color: #8D8C8A;
    height: 15px;
    padding: 2px;
    width: 17px; }
  div#newbasket li.quantity a.substract-one-item-action,
  div#newbasket li.quantity a.add-one-item-action {
    background: none repeat scroll 0 0 transparent;
    display: inline-block !important;
    color: #8D8C8A;
    text-align: center;
    text-decoration: none;
    height: 18px;
    width: 18px; }
  div#newbasket li.edit {
    width: 20px;
    margin-left: 20px; }
  .es_ES div#newbasket li.quantity, .it_IT div#newbasket li.quantity {
    padding-left: 0; }
  #cart-summary {
    padding: 0; }
  div#newbasket #cart-summary {
    padding: 0; }
  div#newbasket #cart-summary li {
    margin-bottom: 5px;
    height: auto; }
  div#newbasket #cart-summary li, div#newbasket #cart-summary .details.sumof, div#newbasket #cart-summary div.ordertotals, div#newbasket #cart-summary div.delivery, div#newbasket #cart-summary div.promotion-code, div#newbasket .action-buttons .continueshopping-wrapper, div#newbasket .action-buttons .ctas input[type="submit"] {
    width: 100%;
    height: auto; }
  div#newbasket #cart-summary #promoCodeCell, div#newbasket #cart-summary .details.sumof li.phone-hidden {
    display: none; }
  div#newbasket #cart-summary .details.sumof ul {
    overflow: auto; }
  div#newbasket #cart-summary .details.sumof {
    height: auto;
    padding: 0px;
    border-bottom: 1px solid #ddd; }
  div#newbasket .details ul li {
    font-size: 13px;
    text-align: left;
    text-transform: none; }
  div#newbasket .details ul span.content, div#newbasket .details ul span.label {
    color: gray;
    text-align: left;
    padding: 0;
    border: none;
    width: 50%;
    padding-top: 7px;
    padding-bottom: 5px; }
  div#newbasket #cart-summary div.ordertotals .total-price {
    width: 50%;
    font-size: 1.5em;
    padding: 22px 0; }
  div#newbasket .details ul span.top-separator {
    border-top: 1px solid #CCCCCC; }
  div#newbasket .details ul span.content {
    text-align: right; }
  #deliveryInfoMessage {
    color: #BBBBBB;
    font-size: 15px;
    text-transform: none;
    font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif; }
  div#newbasket #cart-summary div.ordertotals {
    border-top: 1px solid #CCC;
    padding-top: 0;
    border-bottom: 1px solid #CCC; }
  div#newbasket #cart-summary div.ordertotals > div.border-bottom {
    border: none; }
  div#newbasket #cart-summary div.delivery {
    border: none;
    margin-bottom: 5px;
    padding: 5px 0; }
  div#newbasket #cart-summary div.promotion-code .accordion-menu {
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll transparent;
    background-position: right -352px;
    background-size: 22px auto;
    border: medium none;
    clear: both;
    display: block;
    height: 15px;
    margin-bottom: 20px;
    padding: 2px 25px 6px 0;
    text-transform: none;
    width: 140px;
    font-size: 15px; }
  div#newbasket #cart-summary .action-buttons {
    overflow: auto;
    position: relative;
    height: 105px; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper, div#newbasket .action-buttons .ctas {
    float: none;
    display: block;
    width: 80%;
    height: 25px;
    background-color: #000; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper {
    padding: 0;
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll left -1389px #000000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper a.continueshopping, div#newbasket .action-buttons .ctas input[type="submit"] {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #FFF; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper a.continueshopping {
    background-image: none;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    height: 12px;
    padding: 5px; }
  div#newbasket .action-buttons .ctas input[type="submit"] {
    height: 25px; }
  div#newbasket #cart-summary .action-buttons .ctas {
    padding: 0;
    margin: 17px auto 0 auto;
    background-color: #fff; }
  div#newbasket #cart-summary .action-buttons .ctas div {
    padding: 0; }
  div#newbasket #cart-summary .action-buttons .ctas form {
    text-align: center; }
  #cart-xsell-products-list .productMeta .productName {
    padding: 2px 0; }
  /* Salon Locator */
  #searchResults h1 {
    border-bottom: none; }
  #searchResults .text .salutation {
    font-size: 1.2em; }
  #searchResults .text .salutation em, #searchResults .text .salutation strong {
    font-family: Georgia, "Times New Roman", Times, serif; }
  #searchResults #filterSelect, #searchResults #searchOrder {
    display: block !important; }
  #filterSelect_input, #searchOrder_input {
    display: none !important; }
  .search-results .meta {
    display: none !important; }
  .copyrightPar .text p, .copyrightPar .text p i, .copyrightPar .text p em, .copyrightPar .text a {
    font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif;
    color: #999;
    text-transform: none; }
  /* Video Player dialog */
  .ui-dialog.videoPlayerDialog {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; }
  .ui-dialog.videoPlayerDialog .ui-dialog-titlebar {
    margin: 0 !important; }
  .ui-dialog.videoPlayerDialog .ui-dialog-content {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; }
  .help-contact-us-page div.cq-colctrl-lt4-c0, .help-product-registration-page div.cq-colctrl-lt4-c0, .help-website-checker-page div.cq-colctrl-lt4-c0, .help-returns-page div.cq-colctrl-lt4-c0 {
    width: 100%;
    float: none; }
  /* Salon Locator */
  #salonlocator {
    width: 100%;
    padding: 15px 0 0; }
  #salonlocator h1 {
    font-size: 20px;
    padding-bottom: 10px; }
  #salonlocator label {
    font-size: 12px;
    text-transform: none;
    margin-top: 2px; }
  #salonlocator input#submit-button {
    margin-top: 8px; }
  #salonlocator .baskervilleItalic {
    font-size: 16px; }
  #salonlocator .results .helvetica {
    font-size: 16px; }
  .en_GB #salonlocator .banner.wetline,
  .en_IE #salonlocator .banner.wetline,
  .en_AU #salonlocator .banner.wetline,
  .en_US #salonlocator .banner.wetline,
  .en_ZA #salonlocator .banner.wetline,
  .en_SK #salonlocator .banner.wetline {
    display: none; }
  .en_GB #salonlocator .banner.feed,
  .en_IE #salonlocator .banner.feed,
  .en_AU #salonlocator .banner.feed,
  .en_US #salonlocator .banner.feed,
  .en_ZA #salonlocator .banner.feed,
  .en_SK #salonlocator .banner.feed {
    display: none; }
  #map-container {
    height: 300px;
    width: 100%;
    float: none;
    clear: both;
    padding-top: 30px; }
  #salon-profile-map-container {
    height: 100%;
    width: 100%;
    margin: 9px 0 0 11px; }
  #socialProfileForUpdate #salon-profile-map-container {
    height: 280px;
    width: 265px;
    float: left; }
  #salon-container {
    float: left;
    width: 100%;
    height: 220px;
    padding-bottom: 40px; }
  #salon-locator #filterLabel {
    display: block; }
  #salon-locator #selectedFilter_input {
    margin-left: 0px; }
  #salon-locator #salonLocatorSubmit {
    clear: both; }
  /* Search Results */
  #searchResults #articlesAside, .search-results.articlesPane-true {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding-right: 0;
    float: none; }
  #searchResults #articlesAside {
    overflow: auto;
    display: none; }
  #searchResults .CQSnippet {
    display: inline-block;
    margin-right: 10px; }
  #searchResults .CQSnippet * {
    max-width: 100%; }
  #searchResults .CQSnippet img {
    width: 100%; }
  .search-results .searchItem, .search-results .searchItem .ugcpost, .search-results .searchItem .profile .profilePicture, search-results .searchItem img, .search-results .searchItem .ugcpost img, .search-results .searchItem .profile .profilePicture img {
    width: 200px; }
  .search-results .searchItem {
    margin: 20px 10px 0 0; }
  .search-results .searchItem .productMeta .addtocart {
    display: none; }
  .search-results .searchItem .productMeta .productName, .search-results .productName a {
    height: auto; }
  .search-results .searchItem .productMeta .price {
    font-size: 1.3em; }
  .product-name-overflow {
    display: none; }
  /* Hero video overlay */
  #articlePage #postViewer #postWrapper .parsys .kalturavideo a.kalturavideoplay .videoOverlay {
    top: 75px;
    left: 200px; }
  #filterForm .statusFilter {
    float: none;
    clear: both;
    padding-top: 5px; }
  #wishListForm #wishListSubmitHintButton, #productDetails .wishlistSendHintButton {
    width: 100%; }
  .wishlistSendHintButtonWrapper {
    display: none; }
  /*WishList PopUps*/
  .ui-widget-overlay {
    display: none !important; }
  #wishListLightBox > #wishListHeader > .descriptionText {
    margin: 0;
    text-align: left; }
  #wishListLightBox {
    -webkit-text-size-adjust: 100%;
    min-height: 100%; }
  #wishListHeadLine .rightText {
    margin-left: 38px; }
  .wishlist-lightbox {
    clear: both; }
  .wishlist-lightbox .wishlist-form {
    clear: both !important;
    overflow: hidden !important; }
  .wishlist-lightbox .wishlist-form .wishlist-submit-btn-container {
    width: 100%; }
  #wishListForm > #hintData > div {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    float: none;
    width: 100%;
    clear: both; }
  #wishListForm .labelAbove {
    margin-bottom: 15px; }
  #wishListForm > #hintData > div > input[type=text], #wishListForm > #hintData > div > input[type=email], #wishListForm > #hintData > div > textarea {
    width: 100%; }
  #wishListForm #wishListSubmitHintButtonContainer {
    float: none;
    margin-bottom: 10px; }
  #wishListForm .inputHint {
    bottom: 1px;
    right: 4px; }
  #wishListForm textarea + .inputHint {
    bottom: 16px; }
  .wishListThankYouHead .shifted {
    padding-left: 8px; }
  .hiddenMobilePopupBackground {
    display: none; }
  #add-gift-card-number-label {
    width: 100px; }
  #add-gift-card-list-container .gift-card-remove-container {
    width: 100%;
    display: block;
    padding: 10px 0 0 0; }
  #add-gift-card-list-container .gift-card-list {
    width: 100%;
    display: block; }
  #filterForm .filterSubmit {
    float: none;
    display: block;
    margin-top: 5px; } }

/*
   1 column - this is our '320px' iphone portrait - changed from the 240 we had thought they may go with, device agnostic no more...
   */
@media screen and (min-width: 240px) and (max-width: 479px) {
  #featuredVideo .product .item {
    overflow: visible; }
  .product-page #page, #page {
    width: 90%;
    padding: 0 10px; }
  #content, .checkout-info-page #content {
    width: 100%; }
  .bodyPar {
    margin: 0;
    padding: 0;
    width: 100%; }
  #checkoutDetails .ccNumber .tooltip {
    left: 91px;
    top: 26px; }
  /* Hidden elements */
  .add-gift-card-details .tooltip,
  .phone-portrait-hidden,
  #checkoutDetails .giftCardSendDate .tooltip,
  #page footer #findUs,
  #latestCollectionsHeaders a.info,
  #accountAdmin #accountAside a.otherwise,
  .account-overview-page #accountTabs,
  .cart-page #basket-hdr li.cta,
  #breadcrumb li a,
  #chekoutReview dl.review dt,
  .category-page #featuredVideo .featuredPar .kalturavideo h3,
  .category-page #featuredVideo .spacer hr,
  .category-page #featuredVideo .spacer,
  .cart-page #cart-xsell-products-list .addtocart,
  div#newbasket ul.item-attributes > li.total,
  .category-page #prevAndNext,
  .category-page #breadcrumb li {
    display: none !important;
    visibility: hidden !important; }
  /* Showing elements */
  .phone-portrait-visible, div#newbasket ul.item-attributes > li.totalPhone, #checkout a.add-address-field, #breadcrumb li a.baskervilleItalic:last-of-type, .category-page #breadcrumb li.helvetica {
    display: block !important;
    visibility: visible !important; }
  .mobile-georgia, #accountAdmin table td, #overviewRecentOrders span.ghdToLowerCase, #accountAdmin table th, #productExtras h3 {
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif; }
  .mobile-helvetica, #accountAdmin table th, .account-overview-page #accountAdmin h2, .shop-page #postMain .accordion-menu .accordion-title, #thankyou h2, #thankyou .text p.large > strong, .add-address-field, div#newbasket #cart-summary .action-buttons .continueshopping-wrapper a {
    color: #000;
    font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif; }
  .mobile-baskervilleItalic {
    font-family: 'Baskerville W01 Italic', "New Baskerville Italic", Baskerville, 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: normal; }
  .mobile-baskerville, .callOutBox #addressCount .label, #thankyou .text p.large > strong.email, #thankyou .text p.large em > strong, #thankyou fieldset label, #thankyou .text p.large em, #checkout-progress li span, #checkoutDetails .deliveryOptionsWrapper legend, div#newbasket #cart-summary div.promotion-code.phone-portrait-visible h3 {
    font-family: 'Baskerville W02 Regular', "New Baskerville", Baskerville, 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase; }
  .mobile-button, div#newbasket #cart-summary .action-buttons .continueshopping-wrapper {
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll right -92px #D0A144;
    border: medium none;
    border-radius: 1.2em 1.2em 1.2em 1.2em;
    color: #FFFFFF;
    display: inline-block;
    float: none;
    font-family: "HelveticaNeueW02-77BdCn 694066", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif;
    font-size: 13px;
    height: 25px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    min-width: 144px;
    padding: 0 30px 1px 10px;
    position: static;
    text-align: center;
    text-transform: uppercase; }
  .mobile-blackButton {
    text-decoration: none;
    background-color: #000;
    color: #fff;
    padding: 5px 32px;
    text-transform: uppercase;
    background-size: 20px;
    background-image: none;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    border-radius: 1.2em 1.2em 1.2em 1.2em; }
  .mobile-blackButton:hover, a.mobile-blackButton:visited {
    color: #FFF; }
  .applyMetaDataToPosts, #socialProfile fieldset, #socialProfile div.fieldset, #professionalRequest fieldset {
    width: 240px; }
  #checkoutDetails .requiredCopy {
    position: static;
    margin-bottom: 20px; }
  #productDescription #productBar {
    font-size: 1.0em; }
  #productDescription #postDetails {
    width: 100%; }
  #postMain #postHeader #socialToolsWrapper {
    display: none; }
  #product-xsell-items-list .product .listprice {
    margin-top: 4px; }
  #product-xsell-items-list .product.third .listprice {
    margin-top: 6px; }
  /* call to action text with black arrow */
  .textWithBlackArrow, #accountAdmin .callOutBox a, div#newbasket #cart-summary div.promotion-code.phone-portrait-visible h3 {
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll transparent;
    background-position: right -352px;
    background-size: 22px auto;
    border: medium none;
    clear: both;
    display: block;
    height: 15px;
    padding: 5px 30px 6px 0;
    text-transform: none;
    font-size: 15px; }
  #deliveryInfoMessage {
    font-family: "HelveticaNeueW01-45Ligh", Arial, "Lucida Grande", sans-serif; }
  /* Form Errors */
  fieldset .formError, #checkout #checkoutDetails .formError {
    width: 90%;
    margin: 5px 0;
    padding-left: 6px; }
    fieldset .formError::before, #checkout #checkoutDetails .formError::before {
      padding-left: 24px; }
  .singleRow .formError {
    width: 49%; }
  fieldset .singleRow .formError, #checkout #checkoutDetails .singleRow .formError {
    width: 90%; }
  /* Article */
  #articlePage #slides img {
    height: 150px;
    width: auto; }
  #articlePage .carosel #slides, #articlePage .adaptivecarousel #slides,
  #articlePage .carosel .slidescontainer, #articlePage .adaptivecarousel .slidescontainer,
  #articlePage .carosel .slidescontainer .section, #articlePage .adaptivecarousel .slidescontainer .section {
    height: 180px; }
  #postDetails {
    width: 100%;
    margin-left: 10px; }
  .parsys #feed {
    background-size: 320px auto;
    width: 320px; }
  .slidescontainer, .slides_control > .section {
    width: 320px; }
  .home-page #slides, .home-page #slides .slidescontainer, .home-page #slides .slides_control > .section {
    min-height: 305px; }
  /* Mobile Headers */
  #basket-hdr h1, #checkoutHead h1, #accountAdmin h1, #professionalRequest h1 {
    font-size: 20px;
    width: 100%;
    float: none; }
  .category-page #horizontalNav, .shop-page #horizontalNav, .hair-straighteners #horizontalNav, .bodyPar {
    margin: 0; }
  /* Account Overview */
  #accountAdmin {
    padding-top: 0; }
  .account, .account #nav {
    background-image: none; }
  #accountAdmin #content {
    margin: 20px 0; }
  .account-overview-page #accountAdmin h1 {
    margin: 33px 0 20px 0;
    padding: 20px 0 0;
    border-top: 1px solid #C3C3C3; }
  .account-overview-page #accountAdmin p.viewProfile {
    display: block;
    position: static;
    left: 0;
    top: 0;
    padding: 0; }
  #accountAdmin p.viewProfile a {
    background-color: #D0A145;
    background-position: right -93px;
    position: absolute;
    right: 0;
    top: -38px; }
  #accountContent #dynamicDeliveryMessages {
    min-height: 100px; }
  #accountAdmin h2.salutation {
    font-size: 20px; }
  #mobileComponents > div > h2 {
    padding: 0 0; }
  #dynamicDeliveryMessages .profileOverviewStepWrapper {
    margin-top: 15px; }
  #dynamicDeliveryMessages #contentSlot {
    margin-bottom: 10px; }
  #accountAdmin h2 {
    font-size: 15px;
    font-weight: normal; }
  #accountAdmin #mobileComponents a.all {
    font-size: 13px;
    float: right;
    margin: 3px 20px 0 0;
    right: 0; }
  #accountAdmin #mobileComponents #badgeSash {
    margin-bottom: 0;
    margin-top: -10px; }
  #accountAdmin #mobileComponents #badgeSash ul {
    clear: both;
    padding-top: 10px; }
  #accountAdmin #mobileComponents #badgeSash li {
    margin: 0 10px 10px 0;
    padding: 12px; }
  #accountAdmin #badgeSash span.count {
    left: 35px;
    top: 2px; }
  #accountAdmin .noFriends h2 {
    margin: 0;
    text-transform: uppercase; }
  #mobileComponents .followers, #mobileComponents .following, #mobileComponents #stats {
    width: 100%;
    border: none;
    padding: 15px 0;
    position: static;
    border-top: 1px solid #CCCCCC; }
  #mobileComponents .followers, #mobileComponents .following {
    width: 50%;
    max-width: 148px;
    display: inline-block;
    float: left; }
  #accountContent .component {
    clear: both; }
  #stats dt, #stats dd {
    clear: left;
    float: left;
    margin-top: 10px; }
  #stats dt {
    clear: left;
    min-width: 150px; }
  #stats dd {
    margin-left: 10px;
    clear: none; }
  #accountAdmin #latestCollectionsHeaders h2 {
    width: 100%;
    margin-bottom: 20px; }
  #latestCollections li {
    width: 140px;
    height: 140px;
    padding: 0;
    margin-left: 5px; }
  .friends ol li {
    width: 70px;
    height: 70px;
    padding: 0;
    margin-left: 5px; }
  #latestCollections li.last-item {
    color: #FFF;
    font-size: 13px; }
  .friends ol li img, #content #latestCollections li img, #content #latestCollections li a#ajaxUploadNewCollectionPost, #content #latestCollections li a {
    width: 100%;
    height: 100%;
    padding: 0; }
  #content #latestCollections li a.add {
    background-position: 63px 30px; }
  #content #latestCollections li a.add span {
    padding-top: 70px; }
  #accountOverviewMain .latestCollections {
    display: none; }
  #latestCollections .videoOverlay {
    top: 38px;
    left: 38px; }
  #accountAdmin p.standfirst {
    font-size: 18px; }
  #mobileComponents #stats {
    margin-bottom: 0;
    padding-bottom: 25px; }
  #stats dt, #stats dd {
    float: none;
    display: inline-block; }
  #stats dt {
    width: 180px; }
  #stats dd {
    width: 100px; }
  #accountAdmin .callOutBox h2 {
    padding: 0 0 5px;
    width: auto;
    margin-bottom: 10px; }
  .callOutBox #addressCount {
    border: medium none;
    font-size: 15px;
    margin: 0;
    padding: 0;
    position: static; }
  #mobileComponents, #accountOverviewMain {
    padding: 0; }
  #accountAdmin .callOutBox {
    background-image: none;
    border: none;
    border-top: 1px solid #CCCCCC;
    padding: 20px 0 30px 0;
    margin: 0 0 20px 0; }
  .callOutBox #addressCount .label {
    font-size: 15px;
    text-transform: none; }
  #accountAdmin .callOutBox a {
    position: absolute;
    bottom: 0;
    font-size: 13px; }
  /* for salon profiles */
  #salonGetStarted .profileOverviewStep {
    display: inline-block;
    float: none;
    width: 45%;
    margin-bottom: 10px; }
  #salonGetStarted .profileOverviewStep p {
    min-height: 0; }
  .profileOverviewStep.completed span.completed {
    margin-top: -5px; }
  .profileOverviewStep h3 {
    padding-bottom: 10px; }
  /* hidden elements of */
  #accountAside .component, #accountAside #stats, #accountAside #badgeSash, #accountAside .friends {
    display: none; }
  /* Edit Profile */
  #editCollections .collectionData {
    width: 164px; }
  /* Edit Collection */
  #editCollection div.tagsinput {
    min-width: 100%; }
  .editItemMeta div.row input, .editItemMeta div.row textarea, .editItemMeta fieldset .section input, .editItemMeta fieldset .section textarea, .editItemMeta fieldset .section {
    width: 265px;
    max-width: 265px; }
  /* Profile Intro Mini */
  #profileIntroMini .info {
    width: 223px; }
  /*** profile creation steps ***/
  #profileCreation {
    margin-top: 0;
    padding: 0 10px;
    width: 280px; }
  /* Profile View */
  #profilePage #profileDetail {
    width: 296px; }
  #profilePage #profileCollections {
    width: 296px;
    margin: 0;
    padding-bottom: 10px; }
  #profilePage #profileCollections .collection,
  #profilePage #profileCollections .collection img {
    width: 143px;
    background-position: 53px 53px; }
  #profilePage #profileCollections .collection .meta {
    width: 113px; }
  #profilePage #profileCollections .featured,
  #profilePage #profileCollections .featured img {
    width: 296px;
    background-position: 132px 86px;
    height: auto; }
  #profilePage #profileCollections .featured .meta {
    width: 266px; }
  #profilePage #profileCollections .videoOverlay {
    top: 36px;
    left: 36px; }
  #profilePage .friends ol li {
    height: 70px; }
  #profilePage .friends ol li img {
    width: 70px;
    height: 70px; }
  .followersDialog .followNetwork ul li,
  .followingDialog .followNetwork ul li {
    width: 120px; }
  .followersDialog .followNetwork ul li .profilePicture img,
  .followingDialog .followNetwork ul li .profilePicture img {
    width: 118px;
    height: 118px; }
  /* Post View page */
  #postViewPage #collectionMini .links {
    width: 245px; }
  #postViewPage #comments .fb_iframe_widget span,
  #postViewPage #comments .fb_iframe_widget span iframe {
    width: 300px !important; }
  #postTools .actionLinks {
    margin-top: -60px; }
  #postTools .actionLinks ul li a {
    padding: 0 3px; }
  #postTools .actionLinks ul li a span {
    display: none; }
  #postViewPage #postViewer img {
    height: auto;
    max-width: 260px; }
  /* Upload Post page */
  div.tagsinput {
    width: 260px !important; }
  div.graphicalSelector.collectionSelector {
    width: 260px; }
  div.graphicalSelector.collectionSelector label {
    width: 160px;
    padding: 0; }
  div.graphicalSelector.collectionSelector .selectionPane {
    width: 260px; }
  div.graphicalSelector.collectionSelector #newCollectionForm {
    width: 240px; }
  div.graphicalSelector.collectionSelector #newCollectionForm #newCollectionTitle {
    width: 200px; }
  div.graphicalSelector.collectionSelector #newCollectionForm input.create {
    float: none; }
  div.graphicalSelector.collectionSelector #newCollectionForm fieldset .formError {
    width: auto;
    height: auto;
    padding-bottom: 6px; }
  /* Product Description page */
  .hair-straighteners #horizontalNav, .hair-straighteners #horizontalNav, .limited-edition-ghds #horizontalNav {
    display: none; }
  .product-page #header {
    height: 40px;
    padding: 0; }
  .product-page .addtocart {
    text-align: left;
    margin-top: 10px;
    clear: both; }
  #product-upsell-items-list .addtocart, #product-upsell-items-list #productDescription .notifyWhenInStock {
    position: relative;
    left: -90px; }
  #header .searchGesture {
    display: none; }
  #thumbnailBrowser > div {
    margin-bottom: 20px; }
  #mobileThumbnailBrowser h1 {
    line-height: 0.95em;
    font-size: 2.9em;
    letter-spacing: -0.02em;
    margin: 0 0 17px; }
  #mobileThumbnailBrowser .standfirst {
    margin-bottom: 13px;
    max-width: 240px;
    padding: 0;
    font-size: 1.6em;
    line-height: 1em; }
  #productDescription {
    height: auto; }
  #productDescription #postWindow {
    margin: auto; }
  #horizontalNav {
    margin-left: 10px;
    margin-top: 10px; }
  #prevAndNext ol li.next.noprevious {
    padding-left: 5px;
    padding-right: 15px;
    background-position: right -587px; }
  .product-page #productDescription #postWindow {
    margin: 15px 0 0 0;
    width: 300px;
    position: relative;
    z-index: 0; }
  #productDescription #postWindow #postViewer {
    width: 300px; }
  #productDescription #postWindow #postViewer img {
    width: 100%; }
  #productDescription #thumbnailBrowser {
    height: auto;
    left: 0;
    max-width: 100%;
    overflow: visible;
    width: 100%;
    position: relative;
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 0;
    margin: 20px 0 0; }
  #productDescription #thumbnailBrowser #productDetails, #productDescription #thumbnailBrowser #productExtras {
    width: 300px;
    margin: 0 auto; }
  #productDescription #thumbnailBrowser .topPanel {
    height: 100%;
    padding: 0; }
  #productDescription #thumbnailBrowser .topPanel .standFirst p {
    font-size: 14px; }
  #productDescription #thumbnailBrowser .topPanel .offer {
    margin-top: 12px; }
  #productDescription #thumbnailBrowser h1 {
    font-size: 21px;
    margin-bottom: 10px; }
  #productDescription #postViewer {
    height: auto;
    min-height: 0;
    max-width: 100%; }
  #thumbnailBrowser .standfirst {
    max-width: 240px;
    padding: 0;
    margin-bottom: 25px; }
  .product-page .product {
    display: inline-block;
    max-width: 145px; }
  /*#thumbnailBrowser #productDetails .offer {height:auto;}*/
  /*#thumbnailBrowser #productDetails .price, #thumbnailBrowser #productDetails .availability {padding:0;line-height:20px;font-size:2em;margin:0;}*/
  /*#thumbnailBrowser #productDetails .listprice {font-size:1.3em;margin:-6px 0 0 6px;}*/
  /*#thumbnailBrowser #productDetails .availability {font-size:14px;line-height:14px;margin:7px 0 0 23px;}*/
  /*#thumbnailBrowser #productDetails .delivery {padding: 5px 0 0;}*/
  /*#thumbnailRibbon {width:100%;max-height:117px;height:auto;}*/
  /*#thumbnailRibbon ol {width:100%;}*/
  #thumbnailBrowser .delivery {
    margin: 0 0 8px 0; }
  #postDetails #socialTools {
    padding: 0; }
  #productDescription #thumbnailBrowser #productExtras {
    margin-top: 0;
    padding: 25px 0 10px; }
  #productPromotion img {
    margin-bottom: 20px;
    padding: 0; }
  .product-page #postDetails #productExtras h3, #category-details #featuredVideo .standardtitle h2.bodoni, div.cq-colctrl-lt10 .standardtitle h2.bodoni {
    font-style: normal;
    font-size: 16px;
    padding: 0;
    margin: 0 0 20px 10px;
    text-transform: uppercase;
    font-weight: normal;
    max-width: 300px;
    border-bottom: none; }
  #productDescription #productExtras div.kalturavideo {
    margin-left: 0;
    max-width: 300px;
    text-align: center;
    width: 100%; }
  #productDescription #productExtras a.kalturavideoplay {
    padding: 0;
    margin: auto;
    width: 300px;
    display: block; }
  #productDescription #productExtras a.kalturavideoplay img {
    width: 100%;
    margin: auto; }
  #productDescription #productExtras a.kalturavideoplay div.videoOverlay {
    left: 119px;
    top: 118px; }
  .product-page #postDetails #productExtras h3 {
    border-top: 1px solid #C3C3C3;
    margin-left: -10px;
    padding: 30px 0 0 10px;
    width: 300px;
    font-size: 18px; }
  #productDescription #postDetails {
    border: 0;
    padding: 5px 0;
    margin: 15px 0 0 0;
    max-width: 320px; }
  #postMain {
    max-width: 100%;
    padding: 0;
    margin: 0;
    float: none; }
  .accordion-menu, #postMain #postHeader.accordion-menu {
    display: block;
    float: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png);
    background-position: right -231px;
    background-repeat: no-repeat; }
  .accordion-menu.active {
    background-position: right -231px; }
  .accordion-menu .accordion-title, .accordion-title {
    width: 100%;
    display: block;
    float: left;
    font-size: 1.7em; }
  .accordion-menu .accordion-subtitle {
    font-size: 16px;
    margin-top: 8px; }
  .accordion-button {
    height: 29px;
    text-indent: -999px;
    width: 30px; }
  #postHeader h1, #postHeader h2 {
    max-width: 300px; }
  .shop-page #postMain .accordion-menu, #postMain #postHeader.accordion-menu {
    background-color: #FAFAFA;
    border-bottom: 1px solid #CCCCCC;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 15px;
    margin-left: -10px;
    max-width: 300px;
    padding: 10px;
    width: 100%; }
  .shop-page #postMain .accordion-section {
    padding: 15px 10px 10px 10px;
    border-bottom: 1px solid #CCC;
    clear: both;
    font-size: 13px;
    font-weight: normal; }
  .shop-page #postMain .accordion-title {
    display: block;
    float: left;
    font-size: 14px; }
  .shop-page #postMain .accordion-menu .accordion-title, .shop-page #postDetails .accordion-menu .accordion-subtitle {
    width: 220px; }
  .shop-page #postMain .accordion-subtitle {
    display: none;
    visibility: hidden; }
  .shop-page #postMain .accordion-button {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px; }
  .shop-page #productExtras.phone-hidden {
    display: none; }
  .shop-page #productExtras {
    padding: 30px 0;
    display: block; }
  .shop-page #productFeatures {
    width: 100%;
    padding: 0;
    position: relative; }
  .shop-page #productFeatures .column {
    width: 100%;
    padding: 0;
    position: relative;
    margin: 0; }
  .shop-page #productDeals h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    border-bottom: none;
    max-width: 100%; }
  .shop-page div.cq-colctrl-lt10 .product {
    float: right;
    width: 149px;
    margin-top: -127px; }
  #productDeals {
    width: 100%; }
  #productDeals .crosssell ol li, #productDeals .crosssell .product, .category-page #featuredVideo .featuredPar .parsys_column .parsys_column, #cart-xsell-products-list .entry, #featuredVideo .parsys > .parsys_column {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    display: block;
    padding: 0;
    position: relative;
    height: auto;
    overflow-y: hidden; }
  #productDeals .crosssell .productImage, #productDeals .crosssell .productMeta, .category-page #products .product .productMeta, .category-page #featuredVideo .featuredPar .kalturavideo, .category-page #featuredVideo .featuredPar .product, #cart-xsell-products-list .productImage, #cart-xsell-products-list .productMeta {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    max-width: 190px; }
  .category-page #products .product .productMeta {
    min-width: 200px; }
  .category-page #products ol {
    width: 200px;
    margin: 0 auto; }
  .category-page #featuredVideo .featuredPar .parsys_column .parsys_column {
    padding-bottom: 15px; }
  #productDeals .crosssell .productImage, #productDeals .crosssell .productImage img, #product-xsell-items-list ol li .product img,
  .kalturavideo, .kalturavideo .videoWrapper,
  .kalturavideo .videoWrapper img,
  #cart-xsell-products-list .productImage img {
    width: 75px;
    height: auto;
    display: inline-block; }
  /* Hero image for kaltura video */
  #articlePage #postViewer #postWrapper .parsys .kalturavideo {
    width: 300px;
    max-width: 300px; }
  /* Hero video overlay */
  #articlePage #postViewer #postWrapper .parsys .kalturavideo a.kalturavideoplay .videoOverlay {
    top: 50px;
    left: 140px; }
  #productDeals .crosssell .productMeta,
  .category-page #featuredVideo .featuredPar .product,
  .parsys_column > .product, #cart-xsell-products-list
.productMeta {
    clear: none;
    padding: 4px 0;
    margin-left: 15px; }
  #productDeals .crosssell .productMeta .productName,
  .whatweused h5,
  .cart-page .xsellproducts .productMeta h3 {
    margin: 0;
    padding-bottom: 5px;
    line-height: 15px;
    border: none;
    font-size: 15px; }
  #productDeals .crosssell .productMeta .price, .category-page #featuredVideo .product .price, .cart-page .xsellproducts .productMeta .price {
    line-height: 22px;
    margin: 0;
    font-size: 18px; }
  .product-page .product .price {
    float: left; }
  #thumbnailBrowser .listprice {
    top: 0px; }
  #productDeals .crosssell .math.plus {
    left: 20px;
    top: 67px;
    z-index: 1; }
  #productDeals .crosssell .third {
    clear: left;
    padding-right: 0px !important; }
  #productDeals .crosssell .product.third .productMeta {
    margin: 0; }
  #productDeals .crosssell .product.third .productMeta input[type="submit"] {
    margin-top: 20px; }
  #product-upsell-items-list ol li, #product-xsell-items-list .product {
    margin-bottom: 20px; }
  #product-upsell-items-list input[type="submit"] {
    margin-top: 10px; }
  #page #productDeals .crosssell {
    padding: 30px 10px 0 10px;
    border-top: 1px solid #c3c3c3;
    margin-left: -10px;
    width: 300px; }
  .cart-page .xsellproducts .productMeta {
    margin-top: 10px; }
  /* Category page */
  #sortBy .select input#subcategories_input, #sortBy .select input#sort_input {
    display: none;
    visibility: hidden; }
  #categories select, #sortOptions select {
    display: inline !important;
    visibility: visible;
    width: 145px;
    margin-top: 5px; }
  .category-page #carousel #image img {
    width: 300px !important;
    height: auto;
    float: left; }
  .category-page .promo img {
    display: none; }
  #category-details #featuredVideo .standardtitle h2.bodoni, div.cq-colctrl-lt10 .standardtitle h2.bodoni {
    margin: 0; }
  #category-details #sortBy {
    margin-right: 0; }
  a.kalturavideoplay .videoOverlay {
    background-position: 1px -22px;
    background-repeat: no-repeat;
    background-size: 100px auto;
    height: 35px;
    position: absolute;
    width: 35px; }
  .product .item, .product .whatweused {
    padding: 0; }
  .kalturavideo, .parsys_column > .product {
    margin-top: 10px;
    padding: 0; }
  .standardtitle h2 {
    margin-bottom: 10px; }
  /* New Basket */
  ul#basket-hdr li {
    max-width: 100%;
    width: 100%; }
  .cart-page ul, ol {
    margin-left: 0; }
  #basket-hdr h1, #checkoutHead h1 {
    font-size: 20px;
    width: 100%;
    float: left; }
  div#newbasket li.total.phone-hidden, div#newbasket li.quantity input[type="submit"].phone-hidden {
    display: none; }
  div#newbasket ul.item-attributes {
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    padding-left: 100px; }
  div#newbasket ul.item-attributes > li {
    width: 136px;
    display: inline-block;
    height: auto;
    margin-left: 20px; }
  div#newbasket li.cart-item {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 0; }
  div#newbasket ul.item-attributes li.image {
    height: 100px;
    padding: 0;
    width: 100px;
    margin-top: 5px;
    position: absolute;
    left: 0;
    margin-left: 0; }
  div#newbasket ul.item-attributes li.image img {
    height: 100%;
    width: 100%; }
  div#newbasket li.title {
    height: 47px;
    padding: 2px;
    margin-bottom: 6px; }
  div#newbasket li.title h2 {
    margin: 0;
    font-size: 15px; }
  div#newbasket li.price {
    height: 17px;
    padding: 2px;
    text-align: left; }
  div#newbasket li.price h3, div#newbasket ul.item-attributes > li.totalPhone p {
    font-size: 19px;
    padding: 0;
    display: inline-block; }
  div#newbasket ul.item-attributes > li.totalPhone p.listprice {
    font-size: 1em;
    text-decoration: line-through; }
  div#newbasket li.price h3 {
    height: 100%;
    width: auto;
    display: none; }
  div#newbasket ul li.quantity {
    padding: 2px;
    height: auto;
    width: 141px;
    margin-top: 20px; }
  div#newbasket li.quantity div.readonlyitem input {
    margin-top: 2px; }
  div#newbasket li.quantity form {
    left: 0;
    width: 155px; }
  div#newbasket li.quantity h3 {
    margin-right: 8px;
    float: left;
    width: auto;
    padding: 3px 0 2px 0; }
  div#newbasket li.quantity a {
    color: #8D8C8A;
    border: 1px solid #CECECE;
    padding: 2px;
    height: 15px;
    width: 17px; }
  div#newbasket li.quantity a.substract-one-item-action, div#newbasket li.quantity a.add-one-item-action {
    display: inline-block !important; }
  div#newbasket ul.item-attributes li.edit {
    padding: 0;
    position: absolute;
    top: 0;
    width: 15px;
    height: 100%;
    margin-left: 20px; }
  div#newbasket li.edit form {
    margin: 0;
    height: 100px;
    border: 1px solid #E8E4E4; }
  div#newbasket li.edit input[type="submit"] {
    height: 100%;
    background-position: -4px -424px;
    max-height: 130px;
    margin: auto 0;
    width: 15px;
    border: none; }
  div#newbasket #cart-summary {
    padding: 0; }
  div#newbasket #cart-summary li {
    height: auto; }
  div#newbasket #cart-summary li, div#newbasket #cart-summary .details.sumof, div#newbasket #cart-summary div.ordertotals, div#newbasket #cart-summary div.delivery, div#newbasket #cart-summary div.promotion-code, div#newbasket .action-buttons .continueshopping-wrapper, div#newbasket .action-buttons .ctas input[type="submit"] {
    width: 100%;
    height: auto; }
  div#newbasket #cart-summary #promoCodeCell, div#newbasket #cart-summary .details.sumof li.phone-hidden {
    display: none; }
  div#newbasket #cart-summary .details.sumof ul {
    overflow: auto; }
  div#newbasket #cart-summary .details.sumof {
    padding: 0px;
    border-bottom: 1px solid #ddd; }
  div#newbasket .details ul li {
    font-size: 13px;
    text-align: left;
    text-transform: none; }
  div#newbasket .details ul span.top-separator {
    border-top: 1px solid #CCCCCC; }
  div#newbasket .details ul span.content {
    text-align: right; }
  #deliveryInfoMessage {
    color: #8D8C8A;
    font-size: 15px;
    text-transform: none; }
  div#newbasket #cart-summary div.ordertotals .label, div#newbasket #cart-summary div.ordertotals span.content {
    float: left;
    width: 50%; }
  div#newbasket #cart-summary div.ordertotals .label, div#newbasket #cart-summary div.ordertotals .total-price-field .label {
    text-align: left;
    font-size: 15px;
    line-height: 15px;
    float: left;
    width: 50%; }
  div#newbasket #cart-summary div.ordertotals .total-price-field .label, div#newbasket #cart-summary div.ordertotals .total-price-field span.content {
    font-size: 17px;
    line-height: 17px;
    padding: 22px 0; }
  div#newbasket #cart-summary div.ordertotals {
    border-top: 1px solid #CCC;
    padding-top: 0;
    border-bottom: 1px solid #CCC; }
  div#newbasket #cart-summary div.ordertotals > div.border-bottom {
    border: none; }
  .ordertotals .priceMarkerMessage {
    margin: 0px; }
  div#newbasket #cart-summary div.delivery {
    border: none;
    margin-bottom: 5px;
    padding: 5px 0; }
  div#newbasket #cart-summary div.promotion-code.phone-portrait-visible h3 {
    margin-bottom: 20px;
    width: 135px;
    font-size: 15px; }
  div#newbasket #cart-summary .action-buttons {
    overflow: auto;
    position: relative;
    height: 105px; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper, div#newbasket .action-buttons .ctas {
    float: none;
    display: block;
    width: 80%;
    height: 25px;
    background-color: #000; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper {
    padding: 0;
    background: url(../js/build/bbfeec40fe387532c3131ebe528f0fa0.png) no-repeat scroll left -1389px #000000;
    margin-top: 35px; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper a.continueshopping, div#newbasket .action-buttons .ctas input[type="submit"] {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #FFF; }
  div#newbasket #cart-summary .action-buttons .continueshopping-wrapper a.continueshopping {
    background-image: none;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    height: 12px;
    padding-top: 5px; }
  div#newbasket .action-buttons .ctas input[type="submit"] {
    height: 25px; }
  div#newbasket #cart-summary .action-buttons .ctas {
    padding: 0;
    margin: 17px auto 0 auto;
    background-color: #fff; }
  div#newbasket #cart-summary .action-buttons .ctas div {
    padding: 0; }
  div#newbasket #cart-summary .action-buttons .ctas form {
    text-align: center; }
  div#newbasket #snipe.preorder {
    display: none; }
  #cart-xsell-products-list .productMeta .productName {
    padding: 2px 0; }
  div#newbasket li.quantity select {
    margin: 0px; }
  div#newbasket #preorderCartDeliveryMessage {
    text-transform: uppercase; }
  div#newbasket #preorderCartDeliveryMessage .dispatchDateMessage {
    font-size: 12px; }
  /* Checkout */
  .checkout-info-page #page {
    padding: 0 10px;
    width: 300px; }
  #checkout hr {
    margin: 20px 0; }
  #checkoutDetails, #checkout #checkout-progress {
    width: 100%; }
  #checkoutHead {
    border: none;
    margin: 0; }
  #checkout #mobileCartDetails, #checkout .checkoutinfo {
    width: 100%;
    max-width: 318px; }
  #checkout-progress {
    width: 100%;
    margin: 0; }
  #checkout-progress li {
    width: 150px;
    margin: 0;
    text-align: center;
    padding: 14px 0;
    text-transform: uppercase;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    line-height: 13px; }
  #checkout-progress li span {
    background-image: none;
    color: #000000;
    float: none;
    height: auto;
    margin: 0 3px 0 0;
    padding: 0;
    width: auto; }
  #checkout-progress li span:after {
    content: '.'; }
  #checkout-progress li.null {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    background-color: #f3f3f3;
    color: #b3b3b3;
    height: 10px;
    margin-top: 3px; }
  #checkout-progress li.checkoutStep3 {
    width: 148px; }
  #checkout .chekoutinfo {
    border: 1px solid #CCCCCC;
    border-top: none; }
  #contact .requiredCopy {
    float: none;
    height: auto;
    margin: 0;
    position: absolute;
    left: 0;
    top: 22px;
    font-style: italic; }
  #checkoutDetails fieldset {
    width: 100%; }
  #checkoutDetails .radio-pair {
    padding: 5px 0;
    width: 100%; }
  #checkoutDetails .radio-pair span {
    width: 60px; }
  #checkoutDetails .radio-pair label {
    padding-top: 0;
    margin-top: 0; }
  #checkoutDetails .radio-pair input[type="radio"] {
    float: left; }
  #checkoutDetails label {
    max-width: calc(100% - 12px); }
  #checkoutDetails input, #professionalRequest input[type=text] {
    width: auto;
    padding: 3px; }
  #checkoutDetails #paymentModeInfo input[type="button"] {
    padding: 3px 30px; }
  #checkoutDetails .option > label {
    width: 100%; }
  #checkoutDetails .option span {
    margin-right: 10px; }
  #deliveryAddressContainer > *, #paymentAddressContainer > *, #checkoutDetails .option select, #checkoutDetails .option select #delivery, #deliveryAddressContainer, #checkoutDetails fieldset, fieldset div {
    max-width: 273px; }
  #checkout #checkoutDetails .warning {
    margin-top: 50px; }
  #checkout #checkoutDetails #contact fieldset {
    margin: 0; }
  #checkout #checkoutDetails #contact {
    position: relative; }
  #checkout #checkoutDetails #flashMessage {
    margin: 10px 0; }
  #checkoutDetails .option select {
    clear: both; }
  #checkoutDetails #deliveryAddressContainer > div {
    width: 100%;
    display: inline-block; }
  #checkoutDetails fieldset .postcode input {
    display: inline-block; }
  #checkoutDetails #sameAsDelivery input, #checkoutDetails #sameAsDelivery label {
    clear: none; }
  #checkoutDetails .deliveryOptionsWrapper legend {
    text-transform: none; }
  #checkoutDetails .deliveryOptionsWrapper #deliveryModes p {
    color: #8F8F8F; }
  #checkoutDetails .deliveryOptionsWrapper fieldset legend {
    display: none; }
  fieldset#contact div {
    margin-bottom: 10px; }
  #checkoutDetails .addressDetailsContainer div.hidden-by-default-mobile {
    display: none; }
  .add-address-field {
    background-color: #000000;
    bottom: 0;
    color: #FFFFFF;
    font-size: 16px;
    padding: 1px 6px;
    position: absolute;
    right: -6px;
    text-decoration: none; }
  #checkoutDetails .expiryDate .option .select,
  #checkoutDetails .process-order .select {
    margin: 0 !important; }
  #checkoutDetails #termsHolder {
    border-bottom: none;
    border-top: 1px solid #CCCCCC;
    padding: 15px 0 0;
    margin-top: 20px; }
  #checkoutDetails #termsHolder label {
    float: none;
    max-width: 90%; }
  #chekoutReview, #chekoutReview .buttons, #chekoutReview .review, #chekoutReview dl.review dd {
    width: 100%; }
  #chekoutReview .buttons.ghd-de {
    visibility: visible;
    display: block; }
  #chekoutReview h4 {
    font-size: 14px;
    margin-bottom: 8px;
    padding: 0; }
  #chekoutReview h5 {
    font-size: 12px;
    font-weight: normal;
    margin-top: 18px;
    text-transform: none; }
  #chekoutReview .review {
    padding: 0; }
  #chekoutReview dl.review dd {
    font-size: 12px; }
  #checkout #mobileCartDetails {
    clear: both;
    width: 100%;
    float: left;
    padding: 10px 0;
    border: 1px solid #cccccc; }
  #checkout #mobileCartDetails, #checkout #mobileCartDetails > * {
    background-color: #f3f3f3; }
  #checkout #mobileCartDetails h4 {
    background-position: right -236px;
    padding: 0 30px 0 10px;
    position: static;
    overflow: auto; }
  #checkout #mobileCartDetails a.editbasket, #checkout #mobileCartDetails h4, #checkout #mobileCartDetails span.numberItems {
    position: static;
    font-size: 14px; }
  #checkout #mobileCartDetails h4 a.editbasket {
    display: none; }
  #checkout #mobileCartDetails h4.accordion-menu.active a.editbasket {
    display: block;
    top: 0;
    color: #FFFFFF;
    padding: 2px 15px; }
  #checkout #mobileCartDetails span.numberItems.count {
    background-image: url(../js/build/4cd7d8aece205ce3f314c389095aa5c9.png);
    background-position: left -1256px;
    padding-left: 25px;
    background-repeat: no-repeat; }
  #checkout #mobileCartDetails h4.accordion-menu.active {
    background-position: right -276px; }
  #checkout #mobileCartDetails .entry {
    padding: 15px 0; }
  #checkout #mobileCartDetails .productImage, #checkout #mobileCartDetails .productTitle {
    float: left;
    margin: 0; }
  #checkout #mobileCartDetails .productTitle {
    float: right; }
  #checkout #mobileCartDetails .productImage, #checkout #mobileCartDetails .productImage img {
    height: 50px;
    width: 50px; }
  #checkout #mobileCartDetails .productPrice, #checkout #mobileCartDetails .productTitle {
    padding: 0;
    width: 233px;
    font-size: 13px;
    color: #000; }
  #checkout #mobileCartDetails .productPrice h3 {
    text-align: left; }
  #checkout #mobileCartDetails .productPrice {
    margin-top: 5px; }
  #checkout #mobileCartDetails .totals .delivery {
    font-size: 13px; }
  #checkout #mobileCartDetails .totals .total, #checkout #mobileCartDetails .totals .total .totalPrice {
    font-size: 15px; }
  #checkout #mobileCartDetails #deliveryInfoMessage {
    font-size: 14px; }
  #checkout #mobileCartDetails .cart-entries {
    padding: 0 5px; }
  /* Thank You page */
  .bodyPar.thankyou-page {
    padding: 10px 0 0; }
  .thankyou-page h1, #thankyou .text p.salutation, #thankyou .text p.large em, #thankyou .text p.large em > strong, #thankyou .text p.large > em, #thankyou .text p.large > strong, #thankyou fieldset .radio-pair span label, #thankyou fieldset .radio-list span label, #thankyou fieldset label, #thankyou .text p.large > strong.email {
    font-size: 16px;
    line-height: 16px; }
  .thankyou-page h1 {
    border: none; }
  fieldset .radio-pair {
    padding: 0; }
  fieldset .radio-list span {
    margin: 5px 0; }
  fieldset .select input[type="text"] {
    width: 44px; }
  #thankyou {
    width: 100%;
    padding: 0; }
  #thankyou .text p.salutation {
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    margin: 5px 0 15px 0;
    max-width: 100%;
    padding: 15px 10px;
    margin-right: 5px; }
  #thankyou .text p.large em {
    color: #777; }
  #thankyou .text p.large em > strong {
    font-style: normal;
    color: #777777;
    text-transform: none; }
  #thankyou .text p.large strong {
    font-size: 14px;
    font-weight: normal;
    text-transform: none; }
  #thankyou .text p.large > em, #thankyou .text p.large > strong {
    width: 100%;
    display: block;
    text-transform: none; }
  #thankyou h2 {
    border-bottom: medium none;
    border-top: 1px solid #CCCCCC;
    font-size: 15px;
    margin: 15px 0;
    padding: 16px 0 0;
    line-height: 15px;
    text-transform: uppercase; }
  #thankyou fieldset .radio-pair span {
    width: 145px; }
  #thankyou fieldset .radio-pair span label, #thankyou fieldset .radio-list span label {
    font-weight: normal;
    text-transform: none;
    width: 80%; }
  #thankyou fieldset .radio-pair input {
    margin-right: 5px; }
  #postPurchaseSurvey {
    max-width: 100%; }
  #postPurchaseSurvey .surveyQuestions > div {
    padding: 10px 0; }
  fieldset .radio-list input[type="radio"] {
    margin-right: 5px;
    clear: left; }
  #thankyou fieldset label {
    text-transform: none; }
  #thankyou .text p.large > strong.email {
    font-family: baskerville;
    margin-bottom: 20px;
    text-transform: none; }
  #postPurchaseSurvey .buttons {
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
    overflow-y: auto; }
  #postPurchaseSurvey .buttons input {
    float: left;
    margin: 0;
    background-image: none;
    padding: 0 40px; }
  /* Registration */
  .option-stylist, .option-mortal {
    background: none; }
  .registerOptions .badge, .registerOptions .badge .offer, .registerOptions .badge a {
    color: #000; }
  .registerOptions .badge, .registerOptions .badge .offer {
    min-height: 0;
    margin: 20px 0; }
  .registerOptions h2 {
    margin: 0; }
  /* Search */
  #searchResults .CQSnippet {
    width: auto; }
  .search-results .searchItem, .search-results .searchItem .ugcpost, .search-results .searchItem .profile .profilePicture, #collectionPosts .post, .search-results .searchItem img, .search-results .searchItem .ugcpost img, .search-results .searchItem .profile .profilePicture img, #collectionPosts .post img, .search-results .searchItem .product {
    width: 140px;
    min-height: 140px; }
  .search-results .searchItem img, .search-results .searchItem .ugcpost img, .search-results .searchItem .ugcpost, .search-results .searchItem .profile .profilePicture img, #collectionPosts .post img, #feed .ugcpost img {
    height: 140px; }
  .search-results .searchItem .profile {
    height: auto; }
  .search-results .searchItem, #collectionPosts .post {
    margin: 10px 10px 0 0; }
  .search-results .searchItem .ugcpost {
    background-position: 52px 52px; }
  .search-results .searchItem .ugcpost .videoOverlay {
    top: 34px;
    left: 34px; }
  #collectionSearchInput {
    width: 300px; }
  ol#collectionPosts {
    width: 300px; }
  /* uploadProfilePictureInput */
  #uploadProfilePictureInput p {
    margin-left: 67px;
    margin-top: -42px; }
  #uploadProfilePictureInput input {
    margin-left: 35px;
    margin-top: -100px; }
  #website-checker div.textContainer {
    float: right;
    width: 88%;
    clear: none; }
  #checkoutDetails div .cardMobileErrorsContainer.hasErrors {
    display: block;
    visibility: visible; }
  fieldset .ccNumber {
    margin: 0 0; }
  textarea.personalisedMessage {
    padding: 3px; } }

@media screen and (min-width: 680px) {
  .carosel .carousel-slide--align-right .titleWrapper h1 {
    margin-left: 457px;
    width: 50%;
    padding-top: 70px; }
  .carosel .carousel-slide--align-right .calltoaction, .carosel .carousel-slide--align-right p.carosel_body_pad {
    margin-left: 463px;
    padding-top: 40px; }
  .carosel .carousel-slide--align-right p.carosel_body_pad {
    width: 400px;
    padding-top: 0; } }

@media screen and (max-width: 679px) {
  .carosel .carousel-slide--align-right .titleWrapper h1 {
    margin-left: 185px; }
  .carosel .carousel-slide--align-right p.carosel_body_pad {
    top: auto;
    bottom: 40px;
    font-size: 17px; } }

@media screen and (max-width: 479px) {
  .carosel .carousel-slide--align-right .titleWrapper h1 {
    margin-left: 110px; }
  .carosel .carousel-slide--align-right p.carosel_body_pad {
    top: auto;
    bottom: 30px;
    font-size: 17px; } }

@media screen and (min-width: 680px) {
  .post-video {
    width: 880px;
    height: 528px; } }

@media screen and (max-width: 479px) {
  .post-video {
    width: 100%;
    height: 250px;
    display: block; } }

@media screen and (max-width: 1023px) {
  .ui-dialog {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 679px) {
  #checkoutDetails #termsHolder label {
    max-width: 90%; } }

@media screen and (max-width: 992px) {
  #checkout-progress {
    margin: 0 0 20px 0; } }

@media screen and (max-width: 640px) {
  div.cq-colctrl-lt1-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt1-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt1-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt1-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt2-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt2-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt2-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt2-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt3-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt3-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt3-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt3-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt4-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt4-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt4-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt4-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt5-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt5-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt5-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt5-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt6-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt6-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt6-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt6-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt7-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt7-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt7-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt7-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt8-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt8-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt8-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt8-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt9-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt9-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt9-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt9-c3 {
    width: 100% !important; }
  div.cq-colctrl-lt10-c0 {
    width: 100% !important; }
  div.cq-colctrl-lt10-c1 {
    width: 100% !important; }
  div.cq-colctrl-lt10-c2 {
    width: 100% !important; }
  div.cq-colctrl-lt10-c3 {
    width: 100% !important; } }

@media screen and (min-width: 480px) and (max-width: 679px) {
  #articlePage .carosel #slides {
    height: 1vh;
    position: relative;
    margin: 0 auto; }
  #articlePage .carosel .slidescontainer {
    margin: 2% auto 0 auto;
    height: 100%; }
  #postDetails {
    width: 95%;
    margin: 0 auto; }
  .slides {
    min-height: 250px; }
  #articlePage .slides .paginationwrapper {
    position: absolute;
    bottom: 0; } }

@media screen and (min-width: 240px) and (max-width: 479px) {
  #page {
    padding: 0; }
  #articlePage {
    margin: 0; }
  #articlePage .carosel #slides {
    height: 1vh;
    position: relative; }
  #articlePage .carosel .slidescontainer {
    margin: 2% auto 0 auto;
    height: 100%; }
  #postDetails {
    margin-left: 0; }
  .slides {
    min-height: 150px; }
  #articlePage .slides .paginationwrapper {
    position: absolute;
    bottom: 0; } }


/*# sourceMappingURL=legacy.css.map*/