.container-frame {
  padding: 0 17px 3px 15px;
/*overflow:hidden;*/
}
.box-side {
  text-align: right;
}
.box-holder .upgrade-ie {
  float: right;
}
.price-holder {
  margin: 0 0 15px;
  color: #706652;
  font: 14px/16px Georgia, "Times New Roman", Times, serif;
  vertical-align: baseline;
  padding: 5px 0 0;
}
.price-holder dt {
  margin: 0 5px 0 0;
  display: inline;
  vertical-align: baseline;
}
.price-holder dd {
  margin: 0;
  vertical-align: baseline;
  display: inline;
}
.price-desc-holder,
.back-holder,
.neck-holder {
  text-align: center;
  display: inline;
  position: relative;
  font-style: italic;
}
/* hack for ie7 http://www.dynamicsitesolutions.com/css/filters/star-plus-html/ */
* +html .price-desc-holder {
  margin-left: -4px;
}
* +html .back-holder {
  margin-left: -4px;
}
* +html .neck-holder {
  margin-left: -4px;
}
.numbers {
  font-size: 18px;
  line-height: 20px;
}
.price-desc,
.back,
.neck {
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  bottom: 19px;
  left: 0;
  width: 100%;
  text-align: center;
  font-style: italic;
}
* +html .price-desc {
  bottom: 21px;
}
* +html .back {
  bottom: 21px;
}
* +html .neck {
  bottom: 21px;
}
.result {
  color: #000;
  font-size: 24px;
  line-height: 26px;
  margin: 0 3px 0 0;
  font-style: italic;
}
.text-red {
  color: #b83d38;
}
.box-holder .form-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.add-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cwsadd-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.label-description-blurb {
  margin-top: -12px;
  margin-left: 17px;
  display: block;
}
.cart-form .add-box input.text {
  border: 1px solid #9e9e9e;
  width: 60px;
  color: #424242;
  height: 30px;
  margin: 0;
  background: #fff;
  font: 18px/20px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  text-align: center;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.cart-form .submit {
  text-transform: uppercase;
  font: 14px/37px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  padding: 0 0 3px;
  margin: 0 0 0 7px;
  width: 136px;
  height: 37px;
  cursor: pointer;
}
.submit:hover {
  cursor: pointer;
}
.container-frame h2 {
  color: #b93028;
  font: 24px/26px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .container-frame h2 {
    font: 18px/18px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  }
}
.container-frame.wine-site {
  margin-top: 0px;
}
.container-frame .text-title {
  margin-left: 12px;
}
.container-frame .title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.container-frame .box-holder,
.container-frame .label-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.container-frame .box-holder {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.tab-holder {
/*	overflow:hidden;*/
  margin: 0 0 10px;
}
.tabset {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  font: 15px/16px Roboto, Geneva, sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabset li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 154px;
  max-width: 20%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.tabset a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: #e8e8e8;
  border: 1px solid #d2d2d2;
  border-width: 1px 1px 0;
  color: #616161;
  padding: 6px 4px 6px;
  margin-right: 6px;
  border-radius: 10px 10px 0 0;
  padding: 13px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.tabset li:last-child a {
  margin-right: 0;
}
.tabset a:hover,
.tabset .active {
  color: #b93028;
  background: #f4f4f4;
  text-decoration: none;
  border-color: #d2d2d2;
  position: relative;
  border-bottom: 0;
  margin-bottom: -1px;
  z-index: 1;
}
.tab-section {
  background: #f4f4f4;
  border: 1px solid #d2d2d2;
  color: #6f6f6f;
  font: 12px/14px Georgia, "Times New Roman", Times, serif;
  padding: 18px 18px 10px 26px;
  position: relative;
  min-height: 300px;
}
@media screen and (max-width: 400px) {
  .tabset {
    display: block;
  }
  .tabset li {
    display: inline;
  }
  .tabset a {
    border-radius: 0;
    margin-right: 0;
  }
}
.tab-section.loading {
  position: relative;
}
.tab-section.loading::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url("/assets/images/labelEditor/loading-spinner.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
  z-index: 999;
}
.tab-section.loading .add,
.tab-section.loading .comments-holder,
.tab-section.loading .arrow {
  display: none;
}
.tab-content {
  display: none;
}
.tab-content.tab-active {
  display: block;
}
.tab-section p {
  margin: 0 0 8px;
}
.instructions {
  font-size: 14px;
}
.information {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  list-style: none;
  padding-left: 0;
}
.information li {
  display: inline-block;
}
.information li.ls-title:not(:first-child):before {
  content: '•';
  padding: 0.5em;
}
.information .title {
  margin: 0 0.5ex 3px 0;
  display: inline;
  vertical-align: baseline;
  margin-right: 0.25em;
}
.information .desc,
.shapes .size-box {
  color: #000;
  font-size: 12px;
  line-height: 14px;
  margin: 0 3em 0 0;
  vertical-align: baseline;
  display: inline;
}
.information .size,
.shapes .size-box .size {
  font-size: 18px;
  line-height: 20px;
}
.information .size.height {
  margin-right: 0.25ex;
}
.information .size .frac,
.shapes .size-box .size .frac {
  margin-left: 0.5ex;
}
.information .x,
.shapes .size-box .x {
  margin: 0 0.25ex;
}
.information sup,
.shapes .size-box sup {
  font-size: 10px;
}
.label-area {
  padding: 0 0 0;
  position: relative;
  text-align: center;
}
.label-holder {
  text-align: center;
}
.label-holder.hidden {
  display: none;
}
.label-icons {
  padding-left: 0;
  margin: 0;
  list-style: none;
  float: right;
/*width:110px;*/
}
.label-icons .visual-holder {
  position: relative;
}
.label-icons canvas.labelEditor,
.li-icons img {
  display: block;
  position: relative;
  margin: 0 auto 8px;
  -webkit-box-shadow: 0px 5px 10px #c19a66;
  box-shadow: 0px 5px 10px #c19a66;
}
.label-icons li {
  position: relative;
  text-align: center;
  font: 12px/14px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  margin: 0 0 25px;
  max-width: 128px;
}
.label-icons li:first-child {
  margin-top: 10px;
}
.label-icons .add {
  padding: 3px 0 0 25px;
  margin: 0 0 0 -6px;
  line-height: 14px;
  cursor: pointer;
  background: url("/assets/images/labelEditor/ico-add.png") no-repeat;
  display: block;
  min-height: 23px;
}
.label-icons .text-black {
/*display:block;*/
  text-align: left;
}
.label-icons a:hover,
.label-icons a:hover span {
  text-decoration: underline;
}
.label-editors {
  padding: 11px 0 0;
  margin: 0 0 0 auto;
  list-style: none;
  font: 12px/14px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  color: #7d786e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.label-editors li {
  text-align: center;
  vertical-align: top;
  position: relative;
  z-index: 10;
}
.LabelImage {
  z-index: 9;
}
.label-editors li:first-child {
  margin-left: 0;
}
.visual-box {
  margin: 0 0 17px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
}
canvas.labelEditor {
  position: relative;
  display: block;
  -webkit-filter: drop-shadow(0px 3px 3px #888);
          filter: drop-shadow(0px 3px 3px #888);
}
.label-holder canvas.box-shadow {
  z-index: 9;
}
.label-holder canvas.icon-overlay {
  z-index: 10;
  position: absolute;
}
* +html .visual-box {
  display: inline;
}
.text-black {
  color: #010101;
}
.remove {
  color: #7d786e;
  padding: 1px 0 0 25px;
  display: inline-block;
  background: url("/assets/images/labelEditor/ico-remove.png") no-repeat 0 3px;
  line-height: 24px;
}
.label-box {
  display: inline-block;
  text-align: center;
  padding: 0 0 0 50px;
  vertical-align: top;
  margin: 17px 0 0 18px;
}
* +html .label-box {
  display: inline;
}
.label-holder .arrow {
  position: absolute;
  top: 106px;
  left: -87px;
  background: url("/assets/images/labelEditor/arrow.png") no-repeat;
  width: 107px;
  height: 29px;
  font: 16px/15px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: -1px -1px 0 #76201c;
  padding: 10px 0 8px 10px;
  text-align: left;
  text-transform: uppercase;
  z-index: 11;
}
.generic-button.left-arrow:active,
.generic-button.left-arrow.active {
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  opacity: 0.7;
}
.generic-button.left-arrow {
  background: url("/assets/images/labelEditor/l-arrow-generic.png") no-repeat;
  width: 141px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 38px;
  padding: 6px 1px 6px 16px;
  text-align: center;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: 3px 0;
  margin-left: -12px;
}
.label-holder .arrow a {
  color: #fff;
}
/*.label-holder .arrow:hover{text-decoration:none;}*/
.comments-holder {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
.comments-holder textarea {
  width: 100%;
  resize: vertical;
}
#tab-3 .add,
.comments-holder .add {
  display: inline-block;
  padding: 0 0 0 30px;
  font-size: 11px;
  line-height: 23px;
  background: url("/assets/images/labelEditor/ico-add.png") no-repeat;
  color: #7d786e;
}
#tab-3 .add {
  min-height: 23px;
  vertical-align: middle;
  margin-left: 0.5em;
}
.colors {
  padding: 14px 0 0;
  margin: 0 0 -6px -8px;
  list-style: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
* +html .colors {
  margin-left: -12px;
  width: 880px;
}
.colors > li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 277px;
  padding-top: 3px;
}
* +html .colors li {
  display: inline;
  margin-left: 9px;
}
.colors a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  padding: 0px 12px 12px 12px;
}
.shapes .selected,
.colors .selected {
  -webkit-box-shadow: 0 0 5px 2px #4d90fe;
          box-shadow: 0 0 5px 2px #4d90fe;
  background-color: #dbdbdb;
}
.shapes .show-selected,
.colors .show-selected {
  display: none;
}
.shapes .selected .show-selected,
.colors .selected .show-selected {
  display: block;
}
.colors .name {
  color: #706652;
  font-weight: bold;
  width: 195px;
}
.colors > li:hover,
.colors .active a {
  background: url("/assets/images/labelEditor/bg-hover.png") repeat-x 0 100%;
  background-size: 100% 100%;
}
.colors .visual-box {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
ul.colors .addon-box {
  position: relative;
  display: inline-block;
}
ul.colors .addons {
  width: 81px;
  margin-left: -15%;
  position: relative;
  padding-top: 20px;
}
ul.colors canvas.paletteOption {
  position: relative;
  -webkit-filter: drop-shadow(0px 3px 3px #888);
          filter: drop-shadow(0px 3px 3px #888);
}
/*ul.colors .addons canvas.paletteOption*/
.shapes {
  padding: 34px 0 0;
  margin: 0 0 0 -1px;
  list-style: none;
  font: 12px/14px Georgia, "Times New Roman", Times, serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
* +html .shapes {
  margin-left: -5px;
  width: 860px;
}
.shapes li {
  display: inline-block;
  margin: 0 0 32px 4px;
  vertical-align: top;
  width: 24%;
  width: calc(25% - 4px);
  min-width: 200px;
}
* +html .shapes li {
  display: inline;
  margin-left: 8px;
}
.shapes a {
  display: block;
  padding: 0 0 25px;
  color: #000;
  text-align: center;
  vertical-align: top;
}
.shapes .selected a {
  padding-bottom: 11px;
}
.shapes a:hover,
.shapes .active a {
  background: url("/assets/images/labelEditor/bg-hover.png") repeat-x 0 100%;
  background-size: auto 100%;
  text-decoration: none;
}
.shapes a:hover span,
.shapes a:hover strong {
  text-decoration: none;
}
ul.shapes > li {
  position: relative;
}
ul.shapes > li.hidden {
  display: none;
}
.shapes canvas.shape {
  position: relative;
  -webkit-filter: drop-shadow(0px 3px 3px #888);
          filter: drop-shadow(0px 3px 3px #888);
}
.name {
  font: 14px/16px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  color: #bd3e38;
/*display:block;*/
}
.shapes .size-box {
/*	font:13px/18px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
	color:#797979;*/
  display: block;
  margin: 0 0 8px;
}
.shape-box {
  display: block;
  margin: 0 0 17px;
}
.shape-box canvas {
  min-width: 172px;
  max-width: 100%;
}
.description {
  width: 170px;
  padding: 0 17px;
  display: block;
}
.choice-section {
  overflow: hidden;
  color: #797979;
  font: 12px/14px Georgia, "Times New Roman", Times, serif;
  padding: 0 0 0 11px;
}
.form-section {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
  padding: 14px 0 0;
}
.form-col {
  float: left;
  width: 305px;
  padding: 0 15px 0 0;
}
.choice-section h3 {
  color: #000;
  font: 13px/16px 'proxima-nova', 'Montserrat', Helvetica, Arial, sans-serif;
  margin: 0 0 9px;
}
.cart-form .choice-section .row {
  width: 100%;
  overflow: hidden;
  padding: 0 0 9px;
  line-height: 22px;
}
.cart-form .choice-section .simple-list .row {
  padding-bottom: 28px;
}
.cart-form .radio,
.cart-form .checkbox {
  padding: 0;
  vertical-align: text-top;
  display: inline-block;
}
.cart-form label {
  float: left;
}
.cart-form #tab-4 label {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.cart-form #tab-4 .form-col label {
  width: 280px;
}
.simple-list {
  padding: 0;
  margin: 0 0 0 -40px;
  list-style: none;
  width: 900px;
  overflow: hidden;
}
* +html .simple-list {
  margin-left: -44px;
  width: 902px;
}
.simple-list li {
  display: inline-block;
  vertical-align: top;
  width: 178px;
  margin: 0 0 0 39px;
}
* +html .simple-list li {
  display: inline;
  margin-left: 42px;
}
.section {
  width: 100%;
  overflow: hidden;
  padding: 0 0 10px;
}
.social {
  float: left;
  color: #706652;
  font: 12px/14px Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 10px 0 0;
}
.social.updating {
  opacity: 0.5;
  cursor: wait;
}
.social.updating .st_set_url {
  pointer-events: none;
  position: relative;
}
.social.updating .st_set_url:after {
  content: ' ';
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("/assets/images/labelEditor/loading-spinner.svg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.social dt {
  margin: 2px 9px 0 0;
  float: left;
}
.social dd {
  margin: 0 5px 0 0;
  float: left;
}
.label-info-holder {
  position: absolute;
  top: 0;
  right: 0;
}
.cart-form .reset {
  width: 136px;
  height: 37px;
  cursor: pointer;
}
.reset:hover {
  cursor: pointer;
}
/*.cart-form .tab-content {
	display:none;
}

.cart-form #tab-1.tab-content {
	display:block;
}*/
#labelFonts {
  position: absolute;
  height: 1px;
  line-height: 1px;
  width: 1px;
  top: -1px;
  left: -1px;
  visibility: hidden;
  overflow: hidden;
}
.media-quality.generic-button {
  margin-left: 24px;
  height: 18px;
  line-height: 9px;
  width: 18px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 0px;
}
.row.mediatype label {
  color: #000;
}
.warning-dialog {
  max-height: 50vh;
  overflow-y: auto;
}
.cw90 {
  -webkit-transform: rotate(90deg) translate(0px, 0.5px);
  -ms-transform: rotate(90deg) translate(0px, 0.5px);
      transform: rotate(90deg) translate(0px, 0.5px);
  display: block;
}
.ccw90 {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  display: block;
}
button.generic-button.rotate-cw:hover,
button.generic-button.rotate-ccw:hover {
  text-decoration: none;
}
.label-image-edit {
  background: #fff;
  background: rgba(255,255,255,0.5);
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 7px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.label-image-edit.big input[type=range].scale-slider {
  width: 280px;
  margin-left: -70px;
}
.label-image-edit.big {
  width: 300px;
  margin-left: -70px;
  padding-left: 77px; /*7px padding default*/
}
.label-image-rotate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 138px;
}
.label-image-rotate label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.label-image-rotate button {
  font-size: 200%;
}
.label-image-edit label {
  display: block;
}
.LabelImageButtons {
  z-index: 10;
  position: absolute;
}
.LabelImageButtons.side {
  z-index: 11;
}
.LabelImageButtons.side .generic-button.compact {
  margin: 4px 1px 0;
}
.LabelImageButtons .label-image-reset .generic-button.compact {
  display: block;
  width: 135px;
  margin: 2px 2px;
}
.LabelImageButtons.overlay {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  pointer-events: none;
}
.LabelImageButtons.overlay input {
  pointer-events: all;
}
.LabelImageButtons.overlay button.select,
.LabelImageButtons.overlay button.upload {
  pointer-events: all;
  position: relative;
  width: 60px;
  max-width: 100%;
  max-height: 100%;
  min-width: 20px;
  min-height: 20px;
  border-top-left-radius: 60%;
}
.LabelImageButtons.overlay button.select:after,
.LabelImageButtons.overlay button.upload:after {
  content: '';
  padding-bottom: 100%;
  display: block;
}
.LabelImageButtons.overlay button.select > div,
.LabelImageButtons.overlay button.upload > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.LabelImageButtons.overlay button.select img,
.LabelImageButtons.overlay button.upload img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 5%;
  -webkit-filter: drop-shadow(1px 1px 5px white);
  -moz-filter: drop-shadow(1px 1px 5px white);
  -ms-filter: drop-shadow(1px 1px 5px white);
  filter: drop-shadow(1px 1px 5px white);
}
body.iele11 .LabelImageButtons.overlay button.select img,
body.iele11 .LabelImageButtons.overlay button.upload img {
  width: 100px;
  height: 100px;
}
.LabelImageButtons.overlay button.select:hover img,
.LabelImageButtons.overlay button.upload:hover img {
  -webkit-filter: drop-shadow(0 0 2px black) drop-shadow(1px 1px 5px white);
  -moz-filter: drop-shadow(0 0 2px black) drop-shadow(1px 1px 5px white);
  -ms-filter: drop-shadow(0 0 2px black) drop-shadow(1px 1px 5px white);
  filter: drop-shadow(0 0 2px black) drop-shadow(1px 1px 5px white);
}
.LabelImageButtons.overlay .drag-target {
  font-size: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 5px;
  border: 3px dashed #fff;
  background-color: rgba(255,255,255,0.25);
}
.LabelImageButtons.overlay .drag-target img {
  max-width: 80%;
  max-height: 80%;
  -webkit-filter: drop-shadow(0 0 5px white);
  -moz-filter: drop-shadow(0 0 5px white);
  -ms-filter: drop-shadow(0 0 5px white);
  filter: drop-shadow(0 0 5px white);
}
.LabelImageButtons.overlay .drag-target:after {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px dashed #000;
  content: '';
}
input[type=range].scale-slider {
/*
	for vertical slider (so broken!)
	writing-mode: bt-lr;
	-webkit-appearance: slider-vertical;
*/
  -webkit-appearance: none !important;
/*ie11 range input with % width is MESSED UP */
  width: 136px;
}
input[type="range"].scale-slider::-ms-thumb,
input[type="range"].scale-slider::-webkit-slider-thumb,
input[type="range"].scale-slider::-webkit-media-slider-thumb {
  border-radius: 5px;
  background-color: #e4bc79;
  -webkit-box-shadow: inset 0 -9px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 -9px 2px rgba(0,0,0,0.05);
  border: 1px solid #999;
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 500px) {
  .container-frame {
    padding-left: 0;
    padding-right: 0;
    margin-left: -8px;
    margin-right: -8px;
  }
  .container-frame .title-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
  }
  .tab-section {
    padding: 0;
  }
  .label-holder {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .label-holder .label-icons {
/* leave room for .label-info-holder */
    margin-right: 22px;
  }
  .label-holder .label-editors,
  .label-holder .label-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#preview-container  {
	overflow:hidden;
	height:700px;
	position:relative;
}
#webgl-container  {
	cursor: all-scroll;
	position:absolute;
}
#label-controls  {
	position: absolute;
	width: 170px;
	font: 14px/16px Verdana, Geneva, sans-serif;
    color: #000;
    background-color: rgba(244, 244, 244, 0.75);
	text-align: left;
}
#orbit-icon   {
	left: 170px;
    position: absolute;
	margin:10px;
}
#orbit-icon img{
	width:54px;
	height:32px;
}
#preview-controls {
	position:absolute;
	right: 0px;
	font:14px/16px Verdana, Geneva, sans-serif;
	width:140px;
	color: #000;
	padding:0px 5px 10px 10px;
	background-color:rgba(244, 244, 244, 0.75);
}
.preview-control-title {
	font-size:12px;
	padding: 10px 0px 10px 0px;
    font-weight: 600;
}
img.thumbnail {
	overflow: hidden;
}
img.thumbnail:hover {
	opacity: 0.8;
	cursor: pointer;
}
.media-type-prev {
	float: none !important;
	font-size: 12px;
}
.nav-arrows{
	margin:auto;
	margin-top:73px;
}
.bottle-selection {
	background-color: white;
    border-radius: 15px;
	height: 165px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.bottle-selection img {
	width:34px;
	height:100px;
}
.bottle-selection-controls {
	margin-bottom:10px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
}
.bottle-selection-container {
	overflow-y: scroll;
	height:300px;
}
#add-back-label{
	position:absolute;
	top:0px;
	background: rgba(255, 255, 255, .9);
    padding: 10px;
    border-radius: 0px 0px 10px 0px;
	font-size: 11px;
    font-weight: bold;
	color: #b93028;
	-webkit-box-shadow: 3px 7px 5px -5px rgba(41,41,41,0.34);
    box-shadow: 3px 7px 5px -5px rgba(41, 41, 41, 0.34);
}
#add-back-label:hover {
	text-decoration: none;
	background: rgba(240, 240, 240, .9);
}
#bottleslider {
  overflow: hidden;
}
#bottleslider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 165px;
  list-style: none;
}
#bottleslider ul li {
  position: relative;
  float: left;
  width: 70px;
  height: 165px;
  text-align: center;
}
#foilslider, #colorslider {
  overflow: hidden;
  margin: auto;
}
#foilslider ul, #colorslider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 20px;
  list-style: none;
}
#foilslider ul li, #colorslider ul li {
  position: relative;
  float: left;
  width: 70px;
  height: 20px;
  text-align: center;
}
#label-front, #label-back {
  overflow: hidden;
}
#size-error {
	font:11px/14px Verdana, Geneva, sans-serif;
	margin-top: 10px;
	width: 120px;
	padding: 35px 10px 10px 10px;
	background-color: #fff6a3;
	border-radius: 12px;
    border-color: #c0b44e;
    border-style: solid;
    border-width: 1px;
	text-align: center;
	background-image: url(/assets/images/icons/warning.png);
    background-repeat: no-repeat;
    background-position: 50% 7px;
	font-weight: 700;
}
.slider-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
}
a.bottle_style_prev, a.bottle_style_next {
  background: #5a5a5a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
}
a.bottle_style_prev:hover, a.bottle_style_next:hover {
  background-color: #000;
  text-decoration: none;
}
a.foil_color_prev, a.foil_color_next, a.bottle_color_prev, a.bottle_color_next {
    background-color: #5a5a5a;
    color: #fff;
	border-radius: 50%;
    text-decoration: none;
    display: inline-block;
    padding: 8px 13px;
}
.pan-controls {
   position: absolute;
   top: 20px;
   right:170px;
   background: #525252;
   border-radius: 28px;
   padding: 5px;
}
a.pan-button {
    background-color: #959595;
    color: #f4f4f4;
	border-radius: 50%;
    text-decoration: none;
    display: inline-block;
    padding: 12px 13px;
}
a.pan-button:hover {
	background-color: #757575;
	text-decoration:none;
}
.pan-text {
    font:11px/30px Verdana, Geneva, sans-serif;
	color: #fff;
	text-align:center;
	font-weight:700;
}
#hidecontrols{
    position: absolute;
	top: 220px;
    right: 130px;
}
#hidelabels{
    position: absolute;
	top: 220px;
    left: 140px;
}
.collapse-panel {
    text-align: center;
    background: #ccc;
    width: 90px;
    font-size: 12px;
    padding: 5px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
        transform: rotate(270deg);
	color: #f4f4f4;
}
.collapse-panel:hover {
	background: #aaa;
	text-decoration: none;
}
a.collapse-button  {
    color: #f4f4f4;
}
a.collapse-button:hover  {
	text-decoration: none;
}
a.foil_color_prev:hover, a.foil_color_next:hover, a.bottle_color_prev:hover, a.bottle_color_next:hover {
	background-color: #000;
	text-decoration: none;
}
.preview-disclaimer {
	padding-top:20px;
	font:10px/12px Verdana, Geneva, sans-serif;
	color: #4c4b4b;
}
.color-controls {
	text-align:center;
	padding:5px;
	display: flex;
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.color-option {
	font-size: 12px;
  margin: auto;
}
.bottle-name {
	margin: auto;
  font-size: 12px;
	text-align: center;
}
.sub-text {
	margin: auto;
    font-size: 10px;
	text-align: center;
	line-height:12px;
}
.bottle-description-box {
    margin:auto;
}