.s3_hdl {
  background: #262626;
  color: #fff;
  height: 40px;
  left: 0;
  position: absolute;
  text-align: center;
  top: -49px;
  width: 958px;
  padding-top:25px;
}


/*.s3_placket {
  left: 157px;
  position: absolute;
  top: 175px;
  z-index: 0;
}  */

.s3_placket {
left: 188px;
position: absolute;
top: 162px;
width: 40px;
z-index: 0;
}

.s3_defaultpolo {
  left: 30px;
  position: absolute;
  top: 50px;
  width: 350px;
}
.s3_defaultknoepfe {
  left: 30px;
  position: absolute;
  top: 50px;
  width: 350px;
  z-index: 1;
}

.s3_interaction {
  background-color: white;
  border: medium none;
  height: 522px;
  left: 450px;
  position: absolute;
  top: 50px;
  width: 50%;
  z-index: 110;
}

.s3_interaction p {
  color: #7b7c7e;
  font-size: 28px;
  margin: 0;
}


.colorbut {
  margin: 0 0 15px;
  width: 50px;
}

/*.colorbox{
	border:1px  solid black;
	background:#ffffff;
	color:white;
width:250px;	
loat:left;
margin-top:5px;
} */

/*-------------------------------*/
html.wf-arial-n4-active.wf-active body div#main-container div#JKpreview.JKoverlay div.inner div.s3_interaction div.colorbox_popup div#palette1 a img.colorbut {
  margin: 10px 0 0 8px;
  text-align: center;
  width: 40px;
}


 html.wf-arial-n4-active.wf-active body div#main-container div#JKpreview.JKoverlay div.inner div.s3_interaction div.colorbox_popup div#palette2 a img.colorbut {
  margin: 10px 0 0 10px;
  text-align: center;
  width: 40px;
}

html.wf-arial-n4-active.wf-active body div#main-container div#JKpreview.JKoverlay div.inner div.s3_interaction div.colorbox_popup div#palette3 a img.colorbut {
  margin: -10px -3px 20px 10px;
  padding: 0 !important;
  width: 40px;
}
/*-------------------------------*/
.colorbox {
  background: #ffffff;
  border: medium none;
  color: #ffffff;
  margin-top: 5px;
  margin-bottom: 43px;
  width: 435px;
  float:left;
}


.colorbox_popup {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  float: left;
  margin-left: -200px;
  margin-top:-233px;
  width: 425px;
  box-shadow: -webkit-box-shadow: 3px 3px 9px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 9px -1px rgba(0,0,0,0.75);
box-shadow: 3px 3px 9px -1px rgba(0,0,0,0.75);
}


.colorbox_popup p {
  background: #7b7c7e none repeat scroll 0 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: lighter;
  padding: 3px 0 3px 10px;
  text-align: left;
}
 
#palette1{
	background-color:white;
	color:black;
  width:425px;	
  float:left;
  /*margin-top:-150px;*/
  padding-bottom: 20px;
  display: none;
}
#palette2 {
  background-color: white;
  color: black;
  display: none;
  float: left;
   /*margin-top:-150px;*/
  padding-bottom: 20px;
  width: 425px;
}
#palette3{
  background-color:white;
	color:black;
  width:425px;	
  float:left;
   /*margin-top:-150px;*/
  display: none;
}
#palette4{
  background-color:white;
	color:black;
  width:425px;	
  float:left;
   /*margin-top:-150px;*/
  display: none;
}
#palette5{
  background-color:white;
	color:black;
  width:425px;	
  float:left;
   /*margin-top:-150px;*/
  display: none;
}
#b1 {
  left: 210px;
position: absolute;
top: 140px;
z-index:999;
}

#b3{
position:absolute;
left:195px;
top:285px;
z-index:999;
}
#b2{
position:absolute;
left:195px;
top:170px;
z-index:999;
}
#b4{
position:absolute;
left:195px;
top:395px;
z-index:999;
}
#b5{
position:absolute;
left:196px;
top:530px;
z-index:999;
}

 /*----------------------------------------------------------------
 .fpd-container .fpd-btn {
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  margin: -5px 0px 0px -30px;
  padding: 5px 15px;
  text-transform: uppercase;
  transition: all 200ms ease-out 0s;
  width: 225px;
} */


.fpd-container .fpd-btn {
  background: #9f2122 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  height: 34px;
  line-height: 24px;
  margin: 0 10px 0 0;
  text-align: center;
  width: 250px;
}
.cc {
  float: right;
  margin-right: -30px;
  margin-top: 50px;
}

div.cc_a p.fpd-container span.fpd-btn {
  background: #4eaf3e none repeat scroll 0 0 !important;
}

div.cc_a p.fpd-container span.fpd-btn:hover {
    background: #3e8c31  none repeat scroll 0 0 !important;
}

 .fpd-container .fpd-primary-bg-color, .fpd-actions-wrapper > .fpd-action-btn:hover, .fpd-actions-wrapper > .fpd-action-btn.fpd-active, .fpd-thumbnail-preview > .fpd-preview-price {
  background-color: #262626;
}