#design-studio{
  margin:auto;
  width:970px;
}
#design-studio a:hover{
  text-decoration:none;
}
#design-studio > div {
  float:left;
}
#design-area .columns {
  height:520px;
}
/* ##### styles for the studio 'canvas', garment nav ###### */
#design-studio #studio-wrapper{
  margin-right:15px;
  width:779px;
}
/* PARTNER/STUDIO NAV */
#studios-header-container{
  clear:both;
  height:90px;
  width:970px;
  margin:auto;
}
#partner-promo{
  float:left;
  height:90px;
  width:700px;
  /*width:730px;*/
  clear:right;
}
#partners-nav > LI.partner{
  position:relative;
}
#studio-partner-wrapper{
  width:256px;
  height:90px;
  margin:-2px 10px 5px 0;
  position:relative;
  float:left;
  font:normal 12px/16px avenir, arial, sans-serif;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#studio-partner-wrapper #studio-tabs{
  width:258px;
  margin: 0 0 -1px;
  padding: 0 0 0 1px;
  position:relative;
}
#studio-partner-wrapper #studio-tabs > LI{
  float:left;
  margin:0;
  padding: .25em .25px 0;
  position:absolute;
  overflow:hidden;
  z-index:1;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  max-height:35px;
}
#studio-partner-wrapper #studio-tabs > LI.selected{
  z-index: 5;
  max-height:30px;
}
#studio-partner-wrapper #studio-tabs > LI > DIV{
  cursor:pointer;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  background-color:#CFBDDD;
  color:#fff;
  /*background-color:#D8EDFA;*/
  /*color:#009fb2;*/
  font-family:'LatoBold','Lato',serif;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  text-align: center;
  border:1px solid #61238E;
  /*uncomment for site redesign*/
  /*border:1px solid #B9B9B9;*/
  /*-webkit-box-shadow:0 0 5px #888888;*/
  /*-moz-box-shadow:0 0 5px #888888;*/
  /*box-shadow:0 0 5px #888888;*/
  border-bottom:0;
  height:28px;
  width:98%;
  padding:5px 0;
}
#studio-partner-wrapper #studio-tabs > LI#partners{
  left:11px;
  width:109px;
}
#studio-partner-wrapper #studio-tabs > LI#junior-partners{
  left: 118px;
  width: 147px;
}
#studio-partner-wrapper #studio-tabs > LI.selected > DIV{
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  background-color:#fff;
  color:#61238E;
  /*color:#464646;*/
  font-weight:800;
  font-family:'LatoBlack','Lato',serif;
  height:auto;
  cursor:default;
}
#studio-partner-wrapper #the-shadow-knows{
  clear:left;
  position:relative;
  background-color:#FFF;
  border:1px solid #61238E;
  /*uncomment for site redesign*/
  /*border:1px solid #B3B3B3;*/
  /*-webkit-box-shadow:0 0 5px #888888;*/
  /*-moz-box-shadow:0 0 5px #888888;*/
  /*box-shadow:0 0 5px #888888;*/
  padding:4px 4px 12px 4px;
  margin:30px 0 0 11px;
  z-index:3;
  height:46px;
  width:243px;
  overflow:hidden;
}
#studio-partner-wrapper #the-shadow-knows.partners{
  -webkit-border-radius:0 10px 10px 10px;
  -moz-border-radius:0 10px 10px 10px;
  border-radius:0 10px 10px 10px;
}
#studio-partner-wrapper #the-shadow-knows.junior-partners{
  -webkit-border-radius:10px 0 10px 10px;
  -moz-border-radius:10px 0 10px 10px;
  border-radius:10px 0 10px 10px;
}
#studio-list-container{
  height:50px;
  width:400px;
  overflow:hidden;
}
/*Nav Scroll*/
#studio-left-arrow.studio-scroller{
  left:-5px;
  top:5px;
  padding:0 10px;
  background-color:#fff;
  z-index:20;
  position:absolute;
  height:50px;
  width:10px;
}
#studio-left #left-arrow-outer{
  border-bottom: 13px solid transparent;
  border-right: 12px solid #61238E;
  border-top: 13px solid transparent;
  left: 11px;
  position: absolute;
  top: 12px;
  cursor:pointer;
}
#studio-left #left-arrow-inner{
  border-bottom: 9px solid transparent;
  border-right: 8px solid #DC498D;
  border-top: 9px solid transparent;
  left: 13px;
  position: absolute;
  top: 16px;
}
#studio-right-arrow.studio-scroller{
  left:231px;
  top:5px;
  padding-right:10px;
  background-color:#fff;
  z-index:20;
  position:absolute;
  height:50px;
  width:15px;
}
#studio-right #right-arrow-outer{
  border-bottom: 13px solid transparent;
  border-left: 12px solid #61238E;
  border-top: 13px solid transparent;
  left: 4px;
  position: absolute;
  top: 12px;
  cursor:pointer;
}
#studio-right #right-arrow-inner{
  border-bottom: 9px solid transparent;
  border-left: 8px solid #DC498D;
  border-top: 9px solid transparent;
  left: 6px;
  position: absolute;
  top: 16px;
  cursor:pointer;
}
#studio-left-fade{
  position:absolute;
  left:24px;
  top:0;
  height:100%;
  width:12px;
  z-index:20;
  background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  /*background: linear-gradient(to left,  #ffffff 0%,#ffffff 100%);*/
}
#studio-right-fade{
  position:absolute;
  right:19px;
  top:0;
  width:12px;
  height:100%;
  z-index:20;
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  /*background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%);*/
}
#left-arrow-inner.disabled{
  border-right-color:#d2d2d2 !important;
  cursor:default !important;
}
#left-arrow-outer.disabled{
  border-right-color:#C1B8B3 !important;
  cursor:default !important;
}
#right-arrow-inner.disabled{
  border-left-color:#d2d2d2 !important;
  cursor:default !important;
}
#right-arrow-outer.disabled{
  border-left-color:#C1B8B3 !important;
  cursor:default !important;
}
#studio-list-container > DIV{
  float:left;
  height:100%
}
#studio-partner-wrapper .studio-list{
  height:50px;
  background-color:#fff;
  position:absolute;
  left:21px;
  top:5px;
  width:1125px;
  overflow-y:hidden;
}
#studio-partner-wrapper .studio-list LI{
  font-size:15px;
  float:left;
  font-weight:bold;
  border:1px #b3b3b3 solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius:10px;
  margin:1px 5px;
  height:46px;
  width:74px;
  overflow:hidden;
}
#studio-partner-wrapper .studio-list LI > IMG{
  /*border:1px #b3b3b3 solid;*/
  -webkit-border-radius: 8px;
  z-index:3;
  height:46px;
  width:74px;
}
#studio-partner-wrapper .studio-list LI.selected,
#studio-partner-wrapper .studio-list LI:hover,
#studio-partner-wrapper .studio-list LI.selected:hover{
  border: 2px #61238E solid;
  /*border: 2px #009fb2 solid;*/
  margin:0 4px;
}
#studio-partner-wrapper .studio-list LI:hover{
  cursor:pointer;
}
#studio-partner-wrapper .studio-list LI.selected:hover{
  cursor:default;
}
/* DESIGN AREA -- INCLUDES ITEM SELECTOR, CANVAS AND INSPIRATION COLUMN */
#design-area{
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  float: left;
  padding:10px;
  width: 765px;
}
/* ##### design-studio pallettes section of design area ###### */
#design-area #design-pallettes{
  background-color:#fff;
  border:solid 1px #61238e;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  float: left;
  min-height: 478px;
  _height: 478px;
  padding:5px 5px 10px 5px;
  position: relative;
  width: 174px;
  z-index:1000;
  overflow:hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

}
#design-area #design-pallettes > div H6{
  /*  color:#123761;
  */  font:bold 14px/17px arial, helvetica, sans-serif;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}
#design-area #design-pallettes > div p.directions{
  border-bottom:2px solid #123761;
  /*  color:#123761;
  */  font:normal 11px/17px arial, helvetica, sans-serif;
  margin-bottom:5px;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}
#design-area #design-pallettes > div div.sorter{
  height:50px;
}
#design-area #design-pallettes .outer-wrapper{
  width: 179px;
  height:485px;
  overflow-y:auto;
  overflow-x:hidden;
  position:relative;
  z-index:10;
}
#design-area #design-pallettes #design-garments .outer-wrapper{
  height:440px;
}
#design-area #design-pallettes #design-embellishments .outer-wrapper{
  height:462px;
}
#design-area #design-pallettes .inner-wrapper{
  width: 175px;
  z-index:5;
}
#design-area #design-pallettes .fade{
  height:30px;
  width:169px;
  position:absolute;
  left:0;
  z-index:5556;
}
#design-area #design-pallettes .fade.top{
  top:45px;
  background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  /*background-image: linear-gradient(to top, #ffffff 0%,#ffffff 100%);*/
}
#design-area #design-pallettes .fade.bottom{
  top:501px;
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.0) 0%, #fff 100%);
  /*background-image: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);*/
}
#design-area #design-pallettes #design-garments .fade.top{
  top:86px;
}
#design-area #design-pallettes #design-embellishments .fade.top{
  top:64px;
}
#design-area #design-pallettes #design-garments .fade.bottom,
#design-area #design-pallettes #design-embellishments .fade.bottom{
  top:497px;
}
/* GARMENTS STUFF */
#design-area #design-pallettes #design-garments #garment-list{
  /*height:383px;*/
  padding: 0;
  margin: 0;
}
#design-area #design-pallettes #garment-categories #category-list > LI,
#design-area #design-pallettes #design-garments #garment-list > LI,
#design-area #design-pallettes #embellishment-themes #theme-list LI,
#design-area #design-pallettes #design-embellishments #embellishment-list LI{
  background:#fff;
  border:solid 1px #61238E;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  float:left;
  height:90px;
  margin:0 5px 4px 0;
  width:77px;
  text-align:center;
  position:relative;
}
#design-area #design-pallettes #garment-categories #category-list > LI > DIV.image-wrapper,
#design-area #design-pallettes #embellishment-themes #theme-list LI > DIV.image-wrapper{
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  position:absolute;
  top:0;
  left:0;
  height:90px;
  width:77px;
  background-color:#fff;
}
#design-area #design-pallettes DIV.category-theme-overlay{
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  position:absolute;
  top:0;
  left:0;
  height:90px;
  width:77px;
  background-color: #61228E;
  opacity:0.8;
  cursor:pointer;
}
#design-area #design-pallettes DIV.category-theme-overlay:hover {
  background-color: #40155F;
}
#design-area #design-pallettes DIV.category-theme-overlay > span{
  margin:35px auto;
  color:#fff;
  z-index:2;
  font-size:15px;
  font-family:'lato', sans-serif;
  font-weight:bold;
  text-shadow:0px 2px 0px #180625;
  width:100%;
  position:absolute;
  top:0;
  left:0;
}
#design-area #design-pallettes #garment-categories #category-list > LI,
#design-area #design-pallettes #embellishment-themes #theme-list LI {
  box-shadow: 0px 1px 1px #180625;
}
#design-area #design-pallettes #garment-categories #category-list > LI:active,
#design-area #design-pallettes #embellishment-themes #theme-list LI:active {
  top: 1px;
  box-shadow: 0px 0px 1px #180625;
}
#design-area #design-pallettes #embellishment-theme #theme-list img.new-icon-img,
#design-area #design-pallettes #design-embellishments #embellishment-list img.new-icon-img{
  position:absolute;
  left:0;
  top:-14px;
  z-index:2;
}

#design-area #design-pallettes #garment-categories #category-list > LI:nth-child(even),
#design-area #design-pallettes #design-garments #garment-list > LI:nth-child(even){
  margin-right:0;
}
#design-area #design-pallettes #garment-categories #category-list > LI img.category-img,
#design-area #design-pallettes #design-garments #garment-list > LI img.garment-img{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  max-height: 80px;
  max-width: 76px;
}
#design-area #design-pallettes #design-garments #garment-list > LI img.size-icon-img{
  position:absolute;
  left:2px;
  top:58px;
  z-index:5555;
}
#design-area #design-pallettes #design-garments #garment-list > LI img.new-icon-img{
  position:absolute;
  left:0px;
  top:-5px;
  z-index:5555;
}

#design-area #design-pallettes #design-garments #garment-list .garment-image-size-icon {
  position: relative;
}
#design-area #design-pallettes #design-garments #garment-list > LI.garment-item.chosen{
  border-style: solid;
  border-width: 2px;
  width:75px !important;
  height:88px !important;
}
#content #category-list li,
#content #garment-list li,
#content #color-list li,
#content #embellishment-list li{
  cursor: pointer;
}
/* SIZES STUFF */
#design-area #design-pallettes #design-sizes{
  width: 100%;
  position: relative;
  min-height: 480px;
  height: 480px;
  display: none;
}
#design-area #design-pallettes .size-map{
  margin-top:5px;
  width:166px;
}
#design-area #design-pallettes #size-map-header{
  color:#61238e;
  font: bold 11px/13px arial,helvetica,sans-serif;
  margin-bottom:0;
  width:166px;
}
#design-area #design-pallettes #size-map-header > span{
  clear:none;
  float:left;
}
#design-area #design-pallettes #size-map-header span.size-table{
  margin-left:19px;
}
#design-area #design-pallettes div.form-box div.radio-box > input{
  float:left;
  margin:11px 0 8px 0;
  width:auto;
}
#design-area #design-pallettes div.form-box div.radio-box > span{
  display:block;
  float:left;
  margin:10px 0;
  text-align:center;
}
#design-area #design-pallettes span.size-table{
  width:35px;
}
#design-area #design-pallettes span.weight-table{
  text-align:center;
  width:55px;
}
#design-area #design-pallettes span.height-table{
  border-right:none!important;
  text-align:center;
  width:45px;
}
#design-area #design-pallettes span.weight-table,
#design-area #design-pallettes span.height-table{
  border-left:solid 1px;
}
#design-area #design-pallettes div.form-box{
  background-color:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  font:bold 11px/15px arial,helvetica,san-serif;
  padding:0px 5px 25px 5px;
}
#design-area #design-pallettes div.form-box form{
  margin-bottom:10px;
}
#design-area #design-pallettes div.form-box div.radio-box{
  border-bottom:solid 1px #919292;
}
#design-area #design-pallettes div.form-box div.radio-box:last-child{
  border-bottom:solid none;
}
#design-area #design-pallettes div.form-box > #size-chart-link,
#design-area #design-pallettes div.form-box > #measuring-tips-link{
  text-align:center;
  text-decoration:underline;
}
#design-area #design-pallettes div.form-box > #size-chart-link:hover,
#design-area #design-pallettes div.form-box > #measuring-tips-link:hover{
  text-decoration:none;
}

#design-area #design-pallettes div.form-box > #size-chart-link{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat -318px -248px;
  display:block;
  float:left;
  height:80px;
  margin-bottom:22px;
  width:153px;
}
#design-area #design-pallettes div.form-box > #measuring-tips-link{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat -318px -149px;
  display:block;
  float:left;
  height:80px;
  width:153px;
}
#design-area #design-pallettes div.form-box > #size-chart-link > span,
#design-area #design-pallettes div.form-box > #measuring-tips-link > span{
  display:block;
  margin:78px auto 10px;
}
/* COLORS STUFF */
#design-area #design-pallettes #design-colors{
  float:left;
  width:100%;
}
#design-area #design-pallettes #design-colors #color-list{
  background-color:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color:#8c0381;
  font:normal 11px/15px arial,helvetica,san-serif;
  /*height:383px;*/
  margin:5px 0;
  padding:8px;
}
#design-area #design-pallettes .color {
  float: left;
  width: 100%;
  display: none;
}
#design-area #design-pallettes .color UL LI A{
  float: left;
  width: 100%;
  cursor: pointer;
}
#design-area #design-pallettes .color UL LI{
  text-align: center;
  padding: 0px;
  float: left;
  margin: 0 3px;
  list-style: none;
}
#design-area #design-pallettes .color UL LI:HOVER SPAN.title{
  text-decoration: underline;
}
#design-area #design-pallettes .color UL LI DIV.pict{
  border:solid 1px #d1d1d1;
  height:67px;
  width:65px;
}
#design-area #design-pallettes .color UL LI SPAN.title{
  color: #3e3e3e;
  float: left;
  font-size: 11px;
  text-align: center;
  width: 69px;
}
/* EMBELLISHMENTS STUFF */
#content #embellishment-list{
  /*height:383px;*/
  margin:0;
  padding:0;
}
#content #theme-list li img,
#content #embellishment-list li img {
  display:block;
  max-height: 80px;
  max-width: 76px;
  margin-left:auto;
  margin-right:auto;
}
#content #theme-list li img{
  margin-top:14px;
}
#design-area #design-pallettes #embellishment-themes #theme-list > LI:nth-child(even),
#design-area #design-pallettes #design-embellishments #embellishment-list > LI:nth-child(even){
  margin-right:0;
}
#design-area #design-pallettes .embellishment UL LI.active {
  background: url("../../images/bg/left-garment-bg-selected.gif") no-repeat left top;
}
#design-area #design-pallettes .embellishment{
  display: none;
  float: left;
  /*height:525px;*/
  position:relative;
  width: 100%;
}
#design-area #design-pallettes .embellishment #styled-drop-down-wrapper{
  background-color:#cdbde1;
  margin-bottom:10px;
  padding:3px;
}
#design-area #design-pallettes .embellishment #styled-drop-down{
  background:url("../../images/pull-down-image.png") 139px 0px no-repeat #fff;
  border:solid 1px #5d228e;
  height:18px;
  overflow:hidden;
  width:160px;
}
#design-area #design-pallettes .embellishment #embellishment-filter{
  background-color:transparent;
  border:none;
  font-size:14px;
  height:18px;
  padding-left:2px;
  width:187px;
  -webkit-appearance: none;
}
#design-area #design-pallettes .embellishment #get-started-mask{
  background:rgb(140,3,129);
  background:rgba(140,3,129,0.8);
  display: none;
  position:absolute;
  height:480px;
  left:0;
  top:45px;
  width:170px;
  z-index: 99999;
}
#design-area #design-pallettes .embellishment #get-started-mask p{
  font:bold 15px/18px arial,helvetica,sans-serif;
  color:#fff;
  width:90%;
  margin:10px auto;
  text-align:center;
}
#design-area .buttonContainer A,
#design-area .buttonContainerAlt A,
#design-area .customizeButtonContainer A{
  color:#fff !important;
  font:bold 14px/26px arial, helvetica, sans-serif !important;
  text-align:center;
}
#design-area #design-pallettes .embellishment .buttonContainer .get-started-button{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 0 transparent;
  display:block;
  height:28px;
  width:131px;
  margin:5px auto;
}

#design-area #design-pallettes .embellishment .design-options{
  float: left;
  width: 100%;
  background: url("../../images/bg/blank-grid-design-op.gif") no-repeat left top;
  height: 383px;
  margin-top: 3px;
}
#design-area #design-pallettes .embellishment .design-options P{
  font-size: 20px;
  color: #504f4f;
  font-weight: bold;
  margin-top: 40px;
}
/* LABELS* STUFF */
#design-area #design-pallettes .pager{
  float:left;
  margin-top:5px;
  padding:0 3px;
  width: 168px;
}
#design-area .pager SPAN{
  font:bold 11px/15px arial,helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  float: left;
  text-align:center;
  width: 130px;
}
#design-area .pager A {
  line-height: 100%;
  display:block;
  font-size: 17px;
  width: 15px;
  height: 17px;
  float:left;
  text-decoration: none;
}
#design-area .pager A.angle-left{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat -3px -251px;
}
#design-area .pager A.angle-right{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat -21px -251px;
}
#design-area .pager A.angle-left:hover{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat -40px -251px;
}
#design-area .pager A.angle-right:hover{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat -61px -251px;
}
#design-area #design-pallettes  A.design-label{
  background: url("../../images/bg/design-your-label.gif") no-repeat left bottom;
  width: 175px;
  height: 43px;
  float: left;
  line-height: 0px;
  font-size: 1px;
  position: absolute;
  left: 8px;
  bottom: 5px;
  text-decoration: none;
}
#design-area #design-pallettes .label{
  float: left;
  width: 100%;
  display: none;
}
#design-area #design-pallettes .disabled{
  display: block;
  width: 171px;
  background: url("../../images/bg/blank-grid-design-labels.gif") no-repeat left top;
}
#design-area #design-pallettes .label .top-label{
  float: left;
  text-align: center;
  width:165px;
}
.go_to_collection{
  /*  height: 32px;
    margin:20px auto;
  */}
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper a.customize-this:hover {
  background-color:#cfbddd;
}
#design-area #design-pallettes .label .top-label .buttonContainerAlt .new-label-btn,
.label_creator_content .ctr .buttons .label_save,
.label_creator_content .ctr .buttons .label_cancel,
.label-prompt-content .answers .buttonContainer a.no,
.label-prompt-content .answers .buttonContainer a.yes,
.go_to_collection{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -1px -28px transparent;
  display:block;
  height:28px;
  width:133px;
  margin:5px auto;
}
.label_creator_content .ctr .buttons .buttonContainer{
  width:150px;
  float:left;
  font-weight:bold;
  text-align:center;
}
.label_creator_content .ctr .buttons a.label_save,
.label_creator_content .ctr .buttons a.label_cancel,
.label-prompt-content .answers .buttonContainer a.no,
.label-prompt-content .answers .buttonContainer a.yes{
  color:#fff !important;
  line-height:28px!important;
  float:left;
}
.label_creator_content .ctr .buttons a.label_cancel,
.label-prompt-content .answers .buttonContainer a.no{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -1px -349px transparent;
}
.label_creator_content .ctr .buttons a.label_save:hover,
.label_creator_content .ctr .buttons a.label_cancel:hover,
.label-prompt-content .answers .buttonContainer a.no:hover,
.label-prompt-content .answers .buttonContainer a.yes:hover{
  background: url("../../images/design_studio/button-hover-sprite.png");
  text-decoration:none;
}
.label_creator_content .ctr .buttons a.label_cancel:hover,
.label-prompt-content .answers .buttonContainer a.no:hover{
  background: url("../../images/design_studio/button-hover-sprite.png") no-repeat scroll -1px -278px transparent;
}
#design-area #design-pallettes .label .center-label{
  background-color: #e3e4e4;
  float: left;
  width: 165px;
  margin-left: 1px;
  display: inline;
  font-size: 12px;
  color: #666;
  text-align: center;
  height: 21px;
  line-height: 21px;
}
#design-area #design-pallettes .label .top-label .buttonContainerAlt A.new-label-btn:hover{
  background: url("../../images/design_studio/button-hover-sprite.png");
  text-decoration:none;
}
#design-area #design-pallettes .label .bottom-label {
  float: left;
  height: 402px;
  text-align: center;
  width:165px;
}
#design-area #design-pallettes .label .bottom-label .flipper li img{
  max-width: 165px;
  border: 2px solid #000;
  margin-top: 3px;
}
#design-area #design-pallettes .label .bottom-label .flipper li img.browse {
  border: 2px solid #FEC7E3;
}
/* PREVIEW STUFF */
#design-area #design-pallettes #design-preview{
  background-color:#fff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  height:508px;
  padding:8px;
  width:150px;
}
#design-area #design-pallettes #design-preview h6{
  font:bold 19px/15px arial,helvetica,sans-serif;
}
#design-area #design-pallettes #design-preview p{
  border-bottom:none;
}
#design-area #design-pallettes #design-preview p.directions{
  font:normal 11px/17px arial,helvetica,sans-serif;
  margin:10px 3px;
}
#design-area #design-pallettes #design-preview p.directions.next{
  font:bold 12px/17px arial,helvetica,sans-serif;
}
#design-area #design-pallettes #design-preview #roomShot{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -318px 0px transparent;
  height:136px;
  width:146px;
}
#design-area #design-pallettes #design-preview .add-to-bag{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -1px -119px transparent;
  display:block;
  font:bold 12px/26px arial, helvetica, sans-serif !important;
  height:30px;
  width:151px;
  margin:5px auto;
}
#design-area #design-pallettes #design-preview .collections-btn,
.go_to_collection{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -1px -88px transparent;
  display:block;
  font:bold 12px/26px arial, helvetica, sans-serif !important;
  height:30px;
  width:151px;
  margin:5px auto;
}
#design-area #design-pallettes #design-preview .add-to-bag:hover{
  background-image:url("../../images/design_studio/button-hover-sprite.png");                                                                                                            ;
}
#design-area #design-pallettes #design-preview .collections-btn:hover,
.go_to_collection:hover{
  background-image:url("../../images/design_studio/button-hover-sprite.png");                                                                                                            ;
}
/* ##### design-studio canvas section of design area ###### */
#design-area #design-canvas{
  float: left;
  width: auto;
  min-height: 521px;
  position: relative;
  z-index:2000;
}
/* TITLE BAR AREA */
#design-area #product-title-wrapper{
  margin-bottom:7px;
  margin-top:8px;
  padding-left:66px;
  text-align:center;
  width: 336px;
}
#design-area #product-title-wrapper H2{
  font:bold 14px/15px arial,helvetica,sans-serif;
  padding: 0;
  margin: 3px 0 0 0;
}
#design-area #product-desc{
  font-size:14px;
  width: 100%;
  text-align: center;
}
#design-area #product-desc H3{
  color: #fc017d;
  padding: 0;
  margin: 0;
}
/* TABS */
#design-area #steps{
  margin: 0 8px 0 0;
  -moz-border-radius:0 20px 20px 0;
  -webkit-border-radius:0 20px 20px 0;
  border-radius:0 20px 20px 0;
  float: left;
  text-align:center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#design-area #steps LI{
  background-color:#d2d2d2;
  -moz-border-radius:0 20px 20px 0;
  -webkit-border-radius:0 20px 20px 0;
  border-radius:0 20px 20px 0;
  margin: 0 0 3px 0;
  padding: 0;
  list-style: none;
  width:55px;
  height:77px;
}
#design-area #steps LI.completed:hover,
#design-area #steps LI.unlocked:hover{
  cursor:pointer;
}
#design-area #steps LI.unlocked{
  background-color:#CFBDDD;
}
#design-area #steps LI.step-done,
#design-area #steps LI.completed{
  background-color:#cfbddd;
}
#design-area #steps LI.clicked{
  background-color:#fff;
  border:solid  1px #61238e;
  border-left:none;
  margin-left:-1px;
}
#design-area #steps SPAN{
  color:#fff;
  display:block;
  float:left;
  font:bold 11px/15px arial,helvetica,sans-serif;
  height:8px;
  width:45px;
  text-align:left;
}
#design-area #steps SPAN.last{
  text-align:center;
}
#design-area #steps SPAN.pict{
  height:45px;
  width:50px;
}
#design-area #steps LI span.completed,
#design-area #steps LI span.clicked{
  color:#61238e;
}
#design-area #steps #garment-step SPAN.pict{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -13px transparent;
}
#design-area #steps #garment-step SPAN.pict.clicked,
#design-area #steps #garment-step SPAN.pict.completed{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -13px transparent;
}
#design-area #steps #size-step SPAN.pict{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -242px -98px transparent;
}
#design-area #steps #size-step SPAN.pict.clicked,
#design-area #steps #size-step SPAN.pict.completed{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -98px transparent;
}
#design-area #steps #color-step SPAN.pict{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -242px -176px transparent;
  height:45px;
}
#design-area #steps #color-step SPAN.pict.clicked,
#design-area #steps #color-step SPAN.pict.completed{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -176px transparent;
}
#design-area #steps #design-step SPAN.pict{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -242px -256px transparent;
}
#design-area #steps #design-step SPAN.pict.clicked,
#design-area #steps #design-step SPAN.pict.completed{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -256px transparent;
}
#design-area #steps #label-step SPAN.pict{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -242px -327px transparent;
}
#design-area #steps #label-step SPAN.pict.clicked,
#design-area #steps #label-step SPAN.pict.completed{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -327px transparent;
}
#design-area #steps #preview-step SPAN.pict{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -242px -409px transparent;
}
#design-area #steps #preview-step SPAN.pict.clicked,
#design-area #steps #preview-step SPAN.pict.completed{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -179px -409px transparent;
}
/* CANVAS AREA */
#design-area #dsWrapper{
  background-color:#fff;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  -border-radius:20px;
  float:left;
  height:471px;
  padding:10px;
  width:325px;
  z-index:100;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* START-OVER FRONT/BACK ZOOM */
#design-area #linksWrapper{
  background:none;
  z-index:10000;
}
#design-area #linksWrapper li{
  float:left;
  font:bold 11px/13px arial,helvetica,sans-serif;
  height:39px;
  width:55px;
}
#design-area #linksWrapper li > a{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -2px -305px transparent;
  display:block;
  height:40px;
  margin:auto;
  width:40px;
}
#design-area #linksWrapper #front-back a.txt_link{
  background: none;
  height:auto;
}
#design-area #linksWrapper #zoom-link{
  float:right;
  height:50px;
  width:40px;
}
#design-area #linksWrapper #zoom-link a{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -41px -305px transparent;
}
#design-area #linksWrapper li p{
  font:bold 11px/13px arial,helvetica,sans-serif;
  color:#61238e;
  margin:0;
  text-align:center;
}
#design-area #front-back > ul{
  background-color:#61238e;
  -moz-border-radius:11px;
  -webkit-border-radius:11px;
  border-radius:11px;
  height:18px;
  margin:auto;
  padding:4px;
  width:110px;
}
#design-area #front-back > ul > li{
  color:#fff;
}
#design-area #linksWrapper #front-back {
  height:23px;
  margin:0;
  padding:0;
  width:210px;
}
#design-area #linksWrapper #front-back li{
  -moz-border-radius:11px;
  -webkit-border-radius:11px;
  border-radius:11px;
  height:auto;
  text-align:center;
  width:50%;
}
#design-area #linksWrapper #front-back li.back{
  float:right;
}
#design-area #linksWrapper #front-back li.front{
  float:left;
}
#design-area #front-back > ul > li >A{
  font:bold 13px/18px arial, helvatida, sans-serif;
  color:#fff !important;
  text-decoration:none !important;
  display:inline;
}
#design-area #linksWrapper #front-back li.active{
  background-color:#fff;
}
#design-area #linksWrapper #front-back Li.active > a{
  color:#61238e!important;
}
#design-area #design-canvas #product-img{
  float: left;
  text-align: center;
  width:325px;
  position: relative;
  z-index:10;
  padding-top: 15px;
}
#design-area #design-canvas #product-img .ie8-banner {
  background: #FEC7E3;
  font-size: 14px;
}
#design-area #design-canvas #product-img .ie8-banner a {
  color: blue;
  text-decoration: underline;
  font-size: 14px;
}
#design-area #design-canvas #product-img A{
  font-size: 1px;
  line-height: 0px;
}
#design-area #design-canvas .design-preview{
  width: 400px;
  text-align: center;
  margin: auto;
  padding-top:6px;
  padding-left:128px;
//margin-top: 3px
}
#design-area #design-canvas .design-preview.tab{
  background-image:none;
  border:none;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  border-top:1px solid #7b7b7b;
  -moz-box-shadow:inset 0px 3px 3px -3px #222;
  -webkit-box-shadow:inset 0px 3px 3px -3px #222;
  box-shadow:inset 0px 3px 3px -3px #222;
  padding:0 ;
  width:232px;
  margin-left:104px;
  margin-top:15px;
}
/* DESIGN / PREVIEW BUTTONS */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
  color: inherit;
  font-weight: normal;
}
#design-area #design-canvas .design-preview > SPAN{
  -moz-border-radius:8px 0px 0px 8px;
  -webkit-border-radius:8px 0px 0px 8px;
  border-radius:8px 0px 0px 8px;
  display:block;
  float:left;
  overflow:hidden;
  width:54px;
  height:23px;
}
#design-area #design-canvas .design-preview.tab > SPAN{
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  display:block;
  float:left;
  overflow:hidden;
  height:23px;
}
#design-area #design-canvas .design-preview.tab > SPAN.spacer{
  width:20px;
}
#design-area #design-canvas .design-preview.tab > SPAN.spacerLeft{
  width:20px;
}
#design-area #design-canvas .design-preview.tab > SPAN.spacerRight{
  width:20px;
}
#design-area #design-canvas .design-preview > SPAN.design-button-wrap{
  height:25px;
  width:88px;
  margin-right:5px;
}
#design-area #design-canvas .design-preview > SPAN.preview-button-wrap{
  -moz-border-radius:0px 8px 8px 0px;
  -webkit-border-radius:0px 8px 8px 0px;
  border-radius:0px 8px 8px 0px;
  height:25px;
  width:95px;
}
#design-area #design-canvas .design-preview.tab > SPAN.tab{
  background-color:#cbcbcb;
  -moz-border-radius:0 0 8px 8px;
  -webkit-border-radius:0 0 8px 8px;
  border-radius:0 0 8px 8px;
  border:solid 1px #7b7b7b;
  -moz-box-shadow:inset 0px 3px 3px -3px #222;
  -webkit-box-shadow:inset 0px 3px 3px -3px #222;
  box-shadow:inset 0px 3px 3px -3px #222;
  display:block;
  float:left;
  position:relative;
  top:-1px;
  overflow:hidden;
  height:23px;
  width:auto;
}
#design-area #design-canvas .design-preview.tab > SPAN.active{
  background-color:#fff;
  border-top-color:#fff;
  -moz-box-shadow: 3px 3px 3px -3px #222;
  -webkit-box-shadow: 3px 3px 3px -3px #222;
  box-shadow: 3px 3px 3px -3px #222;
}
#design-area #design-canvas .design-preview{
  display:none;
}
#design-area #design-canvas .design-preview #design-button-label,
#design-area #design-canvas .design-preview #preview-button-label{
  display:none;
}
#design-area #design-canvas .design-preview #preview-button-label{
  display:none;
}
#design-area #design-canvas .design-preview .ui-button{
  background: repeat-x scroll 0 0 #DF0160;
  border-bottom:1px solid rgba(0, 0, 0, 0.25);
  border:1px solid #969090;
  -moz-border-radius:8px 0px 0px 8px;
  -webkit-border-radius:8px 0px 0px 8px;
  border-radius:8px 0px 0px 8px;
  color:#dfdfdf;
  cursor:pointer;
  display:inline-block;
  font-size:1em;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1;
  margin-right:0.1em;
  overflow:visible;
  padding:0px 16px;
  position:relative;
  text-align:center;
  text-decoration:none !important;
  text-shadow:none;
}
#design-area #design-canvas .design-preview .ui-button.red{
  color:#FF86B2;
}
#design-area #design-canvas .design-preview .ui-button.blue{
  background-color:#1D8C95;
  color:#67C7CF;
}
#design-area #design-canvas .design-preview .ui-button.reverse,
#design-area #design-canvas .design-preview .ui-button.reverse{
  -moz-border-radius:0px 8px 8px 0px;
  -webkit-border-radius:0px 8px 8px 0px;
  border-radius:0px 8px 8px 0px;
}
#design-area #design-canvas .design-preview .ui-button.tab{
  background-color:transparent;
  border:none!important;
  font-size:15px;
  font-weight:600;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
  color:#7b7b7b;
}

#design-area #design-canvas .design-preview .ui-button .ui-button-text{
  display:block;
  padding:0;
  line-height:1.4em;
}
#design-area #design-canvas .description{
  float: left;
  margin-left: 30px;
  margin-top: 5px;
  width: 336px;
  display: inline;
}
#design-area #design-canvas .bottom-links{
  display: block;
  float: none;
  margin: 0 auto;
  position: absolute;
  bottom:0;
  width: 388px;
}
/* ##### design-studio inspiration-checkout section of design area ###### */
#design-area #inspiration-checkout{
  padding:0;
  float: right;
  height:540px;
  position: relative;
  width: 165px;
}
#design-area #inspiration-checkout > div{
  background-color:#fff;
  float:left;
  width:165px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  float: left;
  margin:0 3px 10px 0;
  padding:0;
  /*  padding:7px 5px 0px 5px;
  */}
/* ###### Inspiration ######## */
#design-area #inspiration-checkout #inspiration-wrapper{
  margin-bottom:12px;
  padding-bottom:10px;
}
#design-area #inspiration-checkout #inspiration-wrapper H6{
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  font: bold 16px/18px arial,helvetica,sans-serif;
  color:#fff;
  padding:5px 0;
  text-align:center;
  position:relative;
}
#design-area #inspiration-checkout #inspiration-wrapper .compressionWindow,
#design-area #inspiration-checkout #cart-wrapper .compressionWindow{
  overflow:hidden;
}
#design-area #inspiration-checkout #inspiration-wrapper .compressionWindow.opened{
  height:261px;
}
#design-area #inspiration-checkout #cart-wrapper .compressionWindow.opened{
  height:128px;
  overflow-y:scroll;
}
#design-area #inspiration-checkout #inspiration-wrapper .compressionWindow.closed,
#design-area #inspiration-checkout #cart-wrapper .compressionWindow.closed{
  height:0px;
  padding:0;
}
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper{
  background-color:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin-bottom:8px;
  overflow:hidden;
  padding:5px 0;
  width:165px;
  height:256px;
}
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper .insp-wrapper{
  height:185px;
}
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper IMG{
  display:block;
  margin:auto;
}
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper LI{
  margin-bottom:55px;
}
#design-area #inspiration-checkout #inspiration-wrapper #insp-buttons{
  margin-bottom:6px;
  margin:auto;
  width:150px;
}
#design-area #inspiration-checkout #inspiration-wrapper #insp-buttons > SPAN{
  width:120px;
}
#design-area #inspiration-checkout #inspiration-wrapper #insp-resizer{
  border-top:solid 1px #c681c0;
  height:13px;
}
#design-area #inspiration-checkout #cart-wrapper #cart-resizer SPAN{
  border-top:solid 1px #8ddff4;
  margin:0 5px;
}
#design-area #inspiration-checkout #inspiration-wrapper #insp-resizer > a,
#design-area #inspiration-checkout #cart-wrapper #cart-resizer SPAN > a{
  display:block;
  height:7px;
  margin:auto;
  width:9px;
}
#design-area #inspiration-checkout div.opened a.up-arrow,
#design-area #inspiration-checkout div.closed a.down-arrow{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 -269px transparent;
}
#design-area #inspiration-checkout div.opened a.down-arrow,
#design-area #inspiration-checkout div.closed a.up-arrow{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 -275px transparent;
}
/* ###### cart wrapper ######## */
#design-area #inspiration-checkout #cart-wrapper{
  margin-bottom:11px;
  padding-bottom:5px;
}
#design-area #inspiration-checkout #cart-wrapper ul{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
#design-area #inspiration-checkout #cart-wrapper li{
  color:#5f5f5f;
  font:normal 11px/15px arial,helvetica,sans-serif;
}
#design-area #inspiration-checkout #cart-wrapper li.Embellishment-details{
  border-bottom:dotted 1px #ccc;
}
#design-area #inspiration-checkout #cart-wrapper li.listing-header{
  color:#fff;
  margin-bottom:5px;
}
#design-area #inspiration-checkout #cart-wrapper li li{
  width:145px;
}
#design-area #inspiration-checkout #cart-wrapper li.listing-header h6{
  background-color:#cfbddd;
  font:bold 11px/13px arial,helvetica,sans-serif;
  padding:5px 8px;
}
#cart-wrapper .item-details.price {
  display: block;
  float: right;
}
#design-area #inspiration-checkout #cart-wrapper #item-details-header.listing-header h6{
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
}
#design-area #inspiration-checkout #cart-wrapper #total-price{
  background-color:#fff;
}
#design-area #inspiration-checkout #cart-wrapper #total-price span{
  color:#61238e;
  display:block;
  font:bold 11px/13px arial,helvetica,sans-serif;
  float:left;
  padding:5px 8px;
  width:auto;
}
#design-area #inspiration-checkout #cart-wrapper #total-price #total-cost{
  float:right;
  text-align:right;
}
#design-area #inspiration-checkout #cart-wrapper #cart-resizer{
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  padding-bottom:3px;
}
#design-area #inspiration-checkout .tips{
  height: auto;
}
#design-area #inspiration-checkout .tips A{
  background: none;
  border:none;
  -moz-box-shadow:none;
  -webkit-b0x-shadow:none;
  box-shadow:none;
  color:#fc017d;
  float: none;
  font-size:16px;
  font-weight:bold;
  height: auto;
  width:auto;
  margin:0;
  padding:0;
  text-decoration:underline;
}
#design-area #inspiration-checkout .tips A:HOVER{
  color:#484847;
  text-decoration:none;
}
#design-area #inspiration-checkout  H5{
  padding-bottom: 0px;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}
#design-area #inspiration-checkout h5.price-header {
  border:none;
  background-color:white;
  margin-left:10px;
}
#design-area #inspiration-checkout #inspirationPics{
  border:solid 1px #888;
  height: 340px;
  overflow:hidden;
  position: relative;
}
#design-area #inspiration-checkout #inspirationPics > UL{
  background:#fff;
  height:310px;
  margin: 0;
  padding: 0;
  position: absolute;
  top:0px;
  left:0px;
}
#design-area #inspiration-checkout #inspirationPics #insp-buttons{
  color:#FC017D;
  font-weight:bold;
  height:25px;
  position:absolute;
  bottom:0;
  width:160px;
  padding-right:5px;
  text-align: center;
}
#design-area #inspiration-checkout #inspirationPics #insp-buttons > span A{
  float:left;
  height:12px;
  margin:0;
  text-indent:-100000px;
  width:10px;
}
#design-area #inspiration-checkout #inspirationPics #insp-buttons > .prev A{
  background: url("../../images/icons/prev-icon.gif") no-repeat 0px 0px;
  margin-left: 8px;
  margin-top: 4px;
}
#design-area #inspiration-checkout #inspirationPics #insp-buttons > .next A{
  background: url("../../images/icons/next-icon.gif") no-repeat 0px 0px;
  float:right;
  margin-top: 4px;
}
#design-area #inspiration-checkout #inspirationPics #insp-buttons > span A:hover{
  background-position: 0 -12px;
}
#design-area #inspiration-checkout #inspirationPics > UL > LI{
  padding:0;
  background:#fff;
  clear:none;
  margin:0px;
  width:auto;
  height: 340px;
  width:167px;
  position: relative;
}
#design-area #inspiration-checkout #inspirationPics > UL > LI IMG {
  max-width: 155px;
  position: relative;
  margin: 5px 5px 27px 5px;
}
#design-area #inspiration-checkout #inspirationPics > UL > LI .info {
  font-size: 12px;
  padding: 6px;
}
#design-area #inspiration-checkout #inspirationPics > UL > LI .info .price {
  float: right;
}
/* ###### add-to-bag/collection wrapper ######## */
#design-area #inspiration-checkout #bag-collection-button-wrapper{
  background:none;
  padding-top:5px;
  padding-bottom:5px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a{
  display:block;
  height:45px;
  width:167px;
  margin:0 auto;
}
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a:hover{
  text-decoration:none;
}
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a.926-to-bag{
                                                                                             background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 -88px transparent;
                                                                                             width:167px;
                                                                                             margin-bottom:5px;
                                                                                             height:23px;
                                                                                           }
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a.collections-btn{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 -119px transparent;
  width:167px;
  height:23px;
}
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a.add-to-bag.tall{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 -199px transparent;
  font:bold 14px/45px arial,helvetica,sans-serif !important;
  margin-bottom:5px;
  height:45px;
}
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a.collections-btn.tall{
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll 0 -148px transparent;
  font:bold 14px/45px arial,helvetica,sans-serif !important;
  height:45px;
}
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a.add-to-bag.tall:hover,
#design-area #inspiration-checkout #bag-collection-button-wrapper div.buttonContainer a.collections-btn.tall:hover{
  background-image: url("../../images/design_studio/button-hover-sprite.png");
}
#design-area .txt_link,
#design-area .txt_link:visited{
  border:none;
  color:#8B0381 !important;
  display:block;
  font-family:Archer,Georgia,serif;
  font-size:16px;
  font-weight:bold;
  height:20px;
  line-height:20px;
  text-align:center;
  text-decoration:underline;
  width:auto;
}
#design-area .txt_link:hover,
#design-area .txt_link.active{
  color:#FC017D !important;
  text-decoration:none !important;
}
#design-area #inspiration-checkout #prices{
  background:#fff;
  position: relative;
  float: left;
  margin-bottom:5px;
  width: 168px;
  display: inline;
  z-index: 10;
}
#design-area #inspiration-checkout #prices .price{
  float: left;
  width: 148px;
  _width: 168px;
  height: 69px;
  _height: 114px;
  background-color: #fff;
  display: inline;
  padding: 5px 10px 0 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#design-area #inspiration-checkout #prices #price-detail li{
  width:143px;
}
#design-area #inspiration-checkout #prices .total{
  width: 100%;
  float: left;
  height: 21px;
  background-color: #313131;
  left: 0px;
  bottom: 0;
}
#design-area #inspiration-checkout #prices .total UL{
  padding-bottom: 0;
  width: 131px;
  _width: 151px;
  padding: 0 10px;
}
#design-area #inspiration-checkout #prices .total UL LI{
  margin-bottom: 0;
  line-height: 22px;
}
#design-area #inspiration-checkout #prices .total LI SPAN{
  color: #fff;
  font-size:14px;
  font-weight: bold;
  width:auto;
}
#design-area #inspiration-checkout  UL LI SPAN.name{
  float: left;
  width:92px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    width:92px;
}
#design-area #inspiration-checkout  UL LI SPAN.cost{
  float: right;
  width: 46px;
  text-align: right;
}
#design-area #inspiration-checkout .total UL LI SPAN.cost{
  margin-right:35px;
}

/* ##### marketing content ###### */
#design-studio #gameMarketingContent{
  margin-top:54px;
}


#content .star-side{
  float: right;
  width: 146px;
  background: url("../../images/bg/star-side-center.gif") repeat-y left top;
}
#content .star-side .star-top{
  float: left;
  width: 146px;
  background: url("../../images/bg/star-side-top.gif") no-repeat left top;
}
#content .star-side .star-bottom{
  float: left;
  width: 133px;
  _width: 146px;
  padding: 10px 7px 10px 6px;
  background: url("../../images/bg/star-side-bottom.gif") no-repeat left bottom;
  min-height: 463px;
  _height: 483px;
}
#content .star-side .star-pict{
  float: left;
  width: 133px;
  height: 133px;
  background: url("../../images/bg/star-pict-bg.png") no-repeat left bottom;
}
#content .star-side .star-pict A{
  line-height: 0px;
  font-size: 1px;
  float: left;
  width: 115px;
  height: 115px;
  margin: 9px;
}
.label-prompt-content .question {
  margin-top: 15px;
  font-size: 20px;
}
.label-prompt-content .answers {
  width: 230px;
  margin: 20px auto 0;
  height: 42px;
}
#fp-header A.caming-soon{
  float: right;
  width: 92px;
  margin-top: 30px;
  position: relative;
  margin-right: -14px;
  display: inline;
  z-index: 10;
  cursor: pointer;
}
#content .visit-my{
  float: left;
  width: 100%;
  margin: 15px 0;
}
#content .my-avatar{
  background: url("../../images/bg/avatar-bg.gif") no-repeat left top;
  float: left;
  width: 146px;
  height: 141px;
  _height: 146px;
  text-align: center;
  padding-top: 5px;
}
#content .my-avatar A{text-decoration: none;}
#content .my-avatar SPAN{
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  line-height: 120%;
  float: left;
  width: 100%;
}
#content .little-more{
  width: 787px;
  float: right;
}
#content .maddies-wall{
  float: left;
  width: 100%;
  height: 47px;
  position: relative;
  background: url("../../images/bg/maddies-wall-bg.gif") no-repeat left top;
}
#content .maddies-wall SPAN{
  float: right;
  line-height: 47px;
  width: auto;
  font-size: 20px;
  font-weight: bold;
  color: #fffdfd;
  margin-right: 15px;
  display: inline;
}
#content .maddies-wall A{
  float: left;
  position: absolute;
  left: 20px;
  bottom: -30px;
}
#content .collections-links{
  float: left;
  width: 767px;
  _width: 100%;
  background: url("../../images/bg/collections-links-bg.gif") no-repeat left top;
  height: 64px;
  _height: 90px;
  margin-top: 8px;
  padding: 26px 0 0 20px;
}
#content .collections-links A{
  float: left;
  margin-right: 5px;
  line-height: 0px;
  font-size: 1px;
  height: 37px;
  text-decoration: none;
}
#content .collections-links A.collections-btn{background: url("../../images/buttons/collection-btn.png") no-repeat left top; width: 122px;}
#content .collections-links A.collections-btn:HOVER{background: url("../../images/buttons/collection-btn-hover.png") no-repeat left top;}
#content .collections-links A.lookbook-btn{background: url("../../images/buttons/lookbook-btn.png") no-repeat left top; width: 122px;}
#content .collections-links A.lookbook-btn:HOVER{background: url("../../images/buttons/lookbook-btn-hover.png") no-repeat left top;}
#content .collections-links A.store-btn{background: url("../../images/buttons/store-btn.png") no-repeat left top; width: 70px;}
#content .collections-links A.store-btn:HOVER{background: url("../../images/buttons/store-btn-hover.png") no-repeat left top;}
#content .news-bg{
  float:left;
  width: 100%;
  background: url("../../images/bg/news-bg-center.gif") repeat-y left top;
}
#content .top-news{
  float:left;
  width: 100%;
  background: url("../../images/bg/news-bg-title.gif") no-repeat left top;
}
#content .bottom-news{
  float:left;
  width: 618px;
  _width: 628px;
  background: url("../../images/bg/news-bg-bottom.gif") no-repeat left bottom;
  padding: 5px;
}
#content .bottom-news .news-title{
  float: left;
  width: 608px;
  margin-right: 10px;
}
#content .bottom-news .news-title IMG, #content .message-bottom .right-mess IMG{
  margin: 10px 0 0 15px;
  float: left;
  width: auto;
}
#content .message-bottom .right-mess IMG{margin-top: 14px;}
#content .bottom-news .news-title A{
  float: right;
  text-decoration: none;
  width: auto;
  background: url("../../images/bg/news-link-title-left.gif") no-repeat left top;
  height: 33px;
  margin: 5px 2px 0 0;
  cursor: pointer;
}
#content .bottom-news .news-title SPAN{
  background: url("../../images/bg/news-link-title-right.gif") no-repeat right top;
  float: left;
  width: auto;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
}
#content .bottom-news .news-title A:HOVER{background-position: left bottom;}
#content .bottom-news .news-title A:HOVER SPAN{background-position: right bottom;}
#content .message-bg{
  float:left;
  width: 100%;
  background: url("../../images/bg/message-bg-center.gif") repeat-y left top;
}
#content .message-bottom{
  float:left;
  width: 100%;
  background: url("../../images/bg/message-bg-bottom.gif") no-repeat left bottom;
}
#content .message-bottom .title-mess{
  float:left;
  width: 100%;
  background: url("../../images/bg/message-bg.gif") repeat-x left bottom;
  height: 50px;
}
#content .message-bottom .left-mess{
  float:left;
  width: 100%;
  background: url("../../images/bg/message-bg-left.gif") no-repeat left top;
  height: 50px;
}
#content .message-bottom .right-mess{
  float:left;
  width: 100%;
  background: url("../../images/bg/message-bg-right.gif") no-repeat right top;
  height: 50px;
}
#content .favorite-color{
  float: left;
  background: url("../../images/bg/favorite-color-bg.gif") no-repeat left top;
  width: 100%;
  margin-top: 10px;
  height: 182px;
}
#design-area #design-pallettes #design-colors #color-list > LI:nth-child(even){
  margin-right:0;
}
#color-list li div.color-hover-wrapper {
  margin-top: 14px;
  position: relative;
}
#color-list li div div.color-hover {
  margin: 0px;
  display: none;
  width: 105px;
  max-height: 135px;
  overflow:hidden;
  position: absolute;
  z-index: 5;
  left: 5px;
  top: -40px;
  background-color: white;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 3px 3px 4px #000;
  border: 1px solid rgb(119, 119, 119);
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
}
#color-list li.even div div.color-hover{
  left:-50px;
}
#color-list li.top div div.color-hover{
  top:5px;
}

#content #color-list li div div.color-hover img {
  margin-top: 5px;
  margin-bottom:2px;
  max-width:90%;
  max-height:75%;
  position: relative;
}

#content #color-list li div div.color-hover p {
  font:12px/12px arial,helvetica sans-serif;
  width: 100%;
  margin:0;
  text-align:center;
}
#embellishment-list li div {
  margin-top: 14px;
  position: relative;
}
#embellishment-list li div div.embellishment-hover {
  margin: 0px;
  display: none;
  width: 125px;
  height: 135px;
  overflow:hidden;
  position: absolute;
  z-index: 5;
  left: 5px;
  top: -40px;
  background-color: white;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 3px 3px 4px #000;
  border: 1px solid rgb(119, 119, 119);
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
}
#embellishment-list li.even div div.embellishment-hover{
  left:-50px;
}
#embellishment-list li.top div div.embellishment-hover{
  top:5px;
}

#content #embellishment-list li div div.embellishment-hover img {
  margin-top: 5px;
  margin-bottom:2px;
  max-width:90%;
  max-height:75%;
  position: relative;
}

#content #embellishment-list li div div.embellishment-hover p {
  font:12px/12px arial,helvetica sans-serif;
  width: 100%;
  margin:0;
  text-align:center;
}

#content div.pager {
  cursor: pointer;
}

#canvas {
  background:none;
  height:440px;
  min-height: 322px;
  width: 325px;
  margin-top:-13px;
  margin-left:10px;
}
#canvas img{

}
#canvas-loader {
  background:url("../../images/fp-loading-bg.png") no-repeat;
  position: absolute;
  display: none;
  right:160px;
  top:110px;
}

div.tab-class {
  display: none;
}

div.pict-rgb {
  width: 100%;
  height: 100%;
}

div.design-preview a, ul.front-back a {
  cursor: pointer;
}

#price-indicator {
  position: absolute;
  right: 4.7em;
  top: 1em;
}

.ui-dialog {
  min-width: 400px;
}

div#conflict {
}

div#conflict .conflict-object.chosen{
  border: solid 1px #8C0381;
  height:110px;
  width:250px;
}
div#conflict .conflict-label {
  clear: both;
  margin-top: 5px;
  font-size: larger;
}

div#conflict .conflict-object {
  cursor: pointer;
  width:252px;
  height:102px;
}

div#conflict .object-left {
  float: left;
}

div#conflict .object-right {
  float: right;
}

div#conflict .heading {
  margin-bottom: 5px;
}

div#conflict .pict-rgb {
  min-height: 78px;
  min-width: 78px;
}

/* Label creator popup */

#DOMWindow {
  padding: 2px !important;
  overflow: hidden !important;
}

.label_creator_content {
  position: relative;
  overflow: hidden;
  width:892px;
  height:509px;
}

.label_creator_content .port,
.label_creator_content .ctr,
.label_creator_content .starboard {
  float: left;
}

.label_creator_content .port {
  background-color: #FFFFFF;
  width: 200px;
  min-width: 200px;
  height: 509px;
  min-height: 509px;
}

.label_creator_content .ctr {
  background-color: #FFFFFF;
  position: relative;
  width: 490px;
  min-width: 490px;
  height: 509px;
  min-height: 509px;
  margin: 0;
}

.label_creator_content .starboard {
  background-color: #FFFFFF;
  width: 200px;
  min-width: 200px;
  height: 509px;
  min-height: 509px;
}

.label_creator_content .ctr .overlay {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 465px;
  height: 279px;
  opacity: 0.75;
  background-color: #999;
}

.label_creator_content .ctr img.preview {
  max-width: 465px;
  margin-top: 20px;
}

.label_creator_content .ctr h2.preview {
  margin-top: 10px;
  font-size: 24px;
}

.label_creator_content .ctr div.input input {
  font-size: 36px;
  width:460px;
}
.label_creator_content .ctr div.input input.hasError {
  border-color: #a70b21;
}
.label_creator_content .ctr div.input span.hasError {
  color: #a70b21;
  display: block;
  margin-top: 10px;
  font-weight:bold;
  font-size: 16px;
}
.label_creator_content .ctr .buttons {
  margin: 20px auto;
  width: 305px;
}

.label_creator_content .ctr .buttons button {
  padding: 0 10px;
  float: right;
  font-size: 20px;
  width: 100px;
}

.label_creator_content .ctr button.hover {
  border: 3px solid #FFC0CB;
  padding: -3px 7px;
}

.label_creator_content .ctr button.r {
  margin-left: 20px;
}

.label_creator_content .backgrounds li {
  display: block;
}

.label_creator_content .backgrounds li.up,
.label_creator_content .backgrounds li.down,
.label_creator_content .fonts li.up,
.label_creator_content .fonts li.down {
  font-size: 36px;
  padding-top: 4.5px;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  color: #000;
}


.label .bottom-label .flipper li.up,
.label .bottom-label .flipper li.down {
  font-size: 20px;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  color: #000;
}

.label_creator_content .backgrounds li.up.hover,
.label_creator_content .backgrounds li.down.hover,
.label_creator_content .fonts li.up.hover,
.label_creator_content .fonts li.down.hover,
.label .bottom-label .flipper li.up.hover,
.label .bottom-label .flipper li.down.hover {
  color: red;
}

.label_creator_content .backgrounds li img {
  max-width: 158px;
  max-height: 94px;
  margin-top: 7px;
  padding: 3px;
}

.label_creator_content .backgrounds li img.chosen {
  padding: 0;
  border: 3px solid #FFC0CB;
}

.label_creator_content .fonts li {
  display:block;
  border-bottom: 1px dotted #989b97;
  border-top: 1px dotted #989b97;
}
.label_creator_content .fonts li.chosen{
  border-color:#f06aa7;
}
.label_creator_content .fonts li > input,
.label_creator_content .fonts li > img{
  float:left;
}
.label_creator_content .fonts li > input{
  margin-top:35px;
}
.label_creator_content .fonts li img {
  margin-left: 10px;
}
#infoDiv{
  padding:8px;
}
#infoDiv > div{
  background-color:transparent !important;
  margin:0;
}
#infoDiv > div > div{
  border-radius:10px;
  padding:3px 6px;
}
#infoDiv .text{
  padding-top:10px;
}
#infoDiv .text,
#infoDiv .measuring_tips{
  margin-left:10px;
}
#infoDiv.medium_box {
  position:fixed;
  left: 50%;
  top: 200px;
  width: 250px;
  margin-left: -125px;
}

#infoDiv.medium_box .message {
  font: 700 20px/25px 'Overlock', sans-serif;
  color: #E7629E;
}

#infoDiv.medium_box.processing .message {
  background: url('../../images/small-loader-eb-bg-blue-fg.gif') no-repeat 50% 100%;
  padding-bottom: 45px;
}

#infoDiv.medium_box .actions {
  border-top: dashed 1px #CECECE;
  padding-top: 10px;
  margin-top: 10px;
}

#infoDiv.medium_box .actions .action_message {
  margin-bottom: 10px;
}


#infoDiv.medium_box .actions > a {
  margin-left: 10px;
  margin-right: 10px;
}
#infoDiv.medium_box .actions > a:first-child {
  margin-left: 0;
}

#infoDiv.medium_box .actions > a:last-child {
  margin-right: 0;
}
.primary-color-bg{
  color:#ffffff !important;
}
/* THICK BOX RULE OVER RIDES */
/*#TB_window{*/
  /*position: absolute;*/
/*}*/
/*#TB_window img#TB_Image{*/
  /*border:none;*/
/*}*/
.step-hidden {
  display: none;
}


#container-buttons {
  position: absolute;
  top: 120px;
  left: 70px;
  z-index:10000;
}

#container-buttons li {
  background: url("../../images/design_studio/design-studio-sprite.png") no-repeat scroll -1px -279px transparent;
  width: 17px;
  height: 18px;
  margin-bottom: 8px;
  cursor: pointer;
}

#container-buttons li.chosen {
  background-position: -33px -279px;
}
#container-buttons li.embellished {
  background-position: -17px -279px;
}
#container-buttons li.hover {
  background-position: -51px -279px;
}
#container-buttons li.embellished.hover {
  background-position: -71px -279px;
}
#ds_studio_dynamic_cont,
#recent_designs_cont {
  /*
	background-color: #fff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #61238e;
	padding:15px 11px;
	*/
  /*margin-top:44px;*/
  width: 137px;
  height: 523px;
  float: right;
}

.designs_vertical {
  height: 455px;
  margin-top: 12px;
  margin-bottom:18px;
}

.recent_header {
  font: bold 16px/18px arial,helvetica,sans-serif;
  color:#61238e;
  text-align:center;
}

.recent_design {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:solid 1px #d5d5d5;
  text-align: center;
  height: 148px;
  margin-top: 11px;
  margin: 10px auto 0 auto;
  width: 100%;
  position: relative;
}
.recent_design .recent_design_image_container{
  height:120px;
  width:137px;
}
.recent_design img {
  max-width: 115px;
  max-height: 115px;
  margin: auto;
  margin-top:5px;
}
.recent_design .actions_frame,
.recent_design .actions_frame > ul{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.recent_design .actions_frame {
  background-color:#fff;
  height: 24px;
  margin:auto;
  overflow:hidden;
  padding:1px 0;
  position:relative;
  width: 128px;
  z-index: 50;
}
.recent_design .actions_frame > ul {
  margin:auto;
  width:128px;
  overflow:hidden;
}
.recent_design .actions_frame > ul > li {
  background-color:#61238E;
  font:bold 12px/24px arial,helvetica,sans-serif;
  float:left;
  height:24px;
  line-height:24px;
  margin:0 1px 0 0;
  padding:0;
  position:relative;
  z-index:10;
}
.recent_design .actions_frame > ul > li a{
  color:#ffffff;
  display:block;
  height:100%;
  margin:auto;
  text-align:center;
  width:100%;
}
.recent_design .actions_frame > ul > li a:hover{
  cursor:pointer!important;
}
.recent_design .actions_frame li.share{
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
  border-radius:5px 0 0 5px;
  width:49px;
  z-index:10000;
}
.recent_design .actions_frame li.edit{
  width:36px;
}
.recent_design .actions_frame li.buy{
  -moz-border-radius:0 5px 5px 0;
  -webkit-border-radius:0 5px 5px 0;
  border-radius:0 5px 5px 0;
  margin-right:0;
  width:41px;
}
.recent_design .actions_frame .social_icons{
  background:#fff;
  height:24px;
  left:49px;
  position:absolute;
  width:80px;
  z-index:1000;
}
.recent_design .actions_frame .social_icons li{
  background:url('../../images/design_studio/social_icons_sprite.jpg') no-repeat 0 0;
  float:left;
  height:24px;
  width:26px;
}
.recent_design .actions_frame .social_icons .facebook_link{
}
.recent_design .actions_frame .social_icons .twitter_link{
  background-position:-26px 0;
}
.recent_design .actions_frame .social_icons .email_link{
  background-position:-52px 0;
}
.recent_design .actions {
  height: 26px;
  width: 120px;
  position: absolute;
  bottom: 9px;
  left: 12px;
}

.actions .btn-act {
  cursor: pointer;
  float: left;
  height: 26px;
  margin-right: 10px;
  width: 30px;
}

.btn-act.cart {
  background-image: url('../../images/html_collection/btn_act_cart.png');
}
.btn-act.edit {
  background-image: url('../../images/html_collection/btn_act_edit.png');
}
.btn-act.rec_share {
  width: 27px;
  background-image: url('../../images/html_collection/btn_act_share.png');
}
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper div.customizeButtonContainer{
  width:auto;
  height:auto;
}
.go_to_collection,
#design-area #inspiration-checkout #inspiration-wrapper #inspiration-pics-wrapper a.customize-this {
  border: 2px solid #dfd3e8;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  color: #FFFFFF;
  display: block;
  font:bold 11px/32px arial,helvetica,sans-serif;
  height: 27px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  background-color: #61238e;
  width: 131px;
  margin: 3px auto;
}
#infoDiv h2 .closeButton A{
  color:#888!important;
}
.openCloseButton{
  border:solid 1px #61238e;
  display:inline;
  float:right;
  font:bold 14px/10px arial,helvetica, sans-serif;
  height:10px;
  margin-right:10px;
  padding:2px;
  position:absolute;
  right:0;
  text-align:center;
  width:10px;
}
.openCloseButton:hover{
  cursor:pointer;
}

SPAN.unavailable {
  color: #cccccc;
}
.primary-color{
  color:#d9006a!important;
}
.primary-background-color{
  background-color:#d9006a!important;
}
.secondary-color{
  color:#61238E!important;
}
.secondary-background-color{
  background-color:#61238E!important;
}
.tertiary-color{
  color:#1BBEE9!important;
}
.tertiary-background-color{
  background-color:#1BBEE9!important;
}
.quaternary-color{
  color:#ffffff!important;
}
.quaternary-background-color{
  background-color:#CFBDDD!important;
}
/* WELCOME MESSAGE */
#welcome-message{
  left:160px;
  position:absolute;
  top:80px;
  z-index:999999;
}
#welcome-content{
  vertical-align:bottom;
  width:680px;
}
#welcome-content > div{
  float:left;
}
#welcome-content > div.last{
  padding-top:69px;
  margin-left:20px;
}
#welcome-content > div a{
  display:block;
  width:100%;
  height:100%;
}
.transparent {
  background:transparent !important;
  overflow: hidden !important;
  border: none;
}
.fp-ui-widget-overlay {
  opacity: .70;filter:Alpha(Opacity=70);
  background: url("../../images/ui-bg_flat_0_ffffff_40x100.png") repeat-x scroll 50% 50% #ffffff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 1px;
  position: absolute;
}

.studio-partner-banner {
  display: none;
  width:970px;
}
.lps-studio-banner {
  display: none;
}
.mlp-studio-banner {
  display: none;
}

#page-wrapper .blue.button {
  background: #63c2cd; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM2M2MyY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDJhMGIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #63c2cd 25%, #02a0b2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#63c2cd), color-stop(100%,#02a0b2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #63c2cd 25%,#02a0b2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #63c2cd 25%,#02a0b2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #63c2cd 25%,#02a0b2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #63c2cd 25%,#02a0b2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63c2cd', endColorstr='#02a0b2',GradientType=0 ); /* IE6-8 */

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: white !important;
  padding: 0 10px;
}

#page-wrapper .blue.button:hover {
  background: #02a0b2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMmEwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjNjMmNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #02a0b2 25%, #63c2cd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#02a0b2), color-stop(100%,#63c2cd));
  background: -webkit-linear-gradient(top,  #02a0b2 25%,#63c2cd 100%);
  background: -o-linear-gradient(top,  #02a0b2 25%,#63c2cd 100%);
  background: -ms-linear-gradient(top,  #02a0b2 25%,#63c2cd 100%);
  background: linear-gradient(to bottom,  #02a0b2 25%,#63c2cd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a0b2', endColorstr='#63c2cd',GradientType=0 );
}
/*Speech bubble for the Studio names*/
.qtip-studio{
  margin-top: -8px;
  border-width: 2px;
  border-style: solid;
  border-color: #61238E;

  background-color: #FFFFFF;
  color: #333333;
  -webkit-box-shadow:0 3px 2px #888888;
  -moz-box-shadow:0 3px 2px #888888;
  box-shadow: 0 3px 2px #888888;
}
.qtip-studio .qtip-content{
  font:bold 14px 'Overlock', sans-serif;
  text-align: center;
  padding: 4px;
}
.qtip-studio .qtip-titlebar{
  background-color: #FFFFFF;
}
.qtip-studio .qtip-icon{
  border-color: #61238E;
  background: #FFFFFF;
  color: #333333;
}
.qtip-studio .qtip-titlebar .qtip-close{
  border-color: #61238E;
  color: #333333;
}
/*Back to Categories/Themes arrow*/
.step-back:after {
  border-color: transparent #E2E2E2;
  border-style: solid;
  border-width: 14px 9px 14px 0;
  bottom: auto;
  content: "";
  display: block;
  left: -9px;
  margin: 0 1px;
  position: absolute;
  top: 0;
  width: 0;
}
.step-back:before {
  border-color: transparent #B3B3B3;
  border-style: solid;
  border-width: 15px 10px 15px 0;
  content: "";
  display: block;
  left: -10px;
  margin: 0 1px;
  position: absolute;
  top: -1px;
  width: 0;
}
.step-back {
  background: none repeat scroll 0 0 #E2E2E2;
  border: 1px solid #B3B3B3;
  border-left-width:0;
  border-radius: 2px 5px 5px 2px;
  color: #009fb2 !important;
  height:28px;
  margin: 8px 8px 8px 11px;
  position: relative;
  width: 152px;
  cursor:pointer;
}
.step-back > SPAN {
  line-height: 27px;
  margin-left: 40px;
  text-align: center;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
}

#product_center .border #zoom IMG {
  max-width: 375px;
  max-height: 472px;
}