/* CSS Document */

.stepbox{ background: white; padding: 5px; border: 1px solid #dddddd; }
.stepbox .row{ margin-bottom: 10px; }
.steptitle{
	padding: 10px;
	background: #B0C4AC;
	border: 1px solid #cccccc;
	margin-top: 5px;
	font-size: 19px;
	color: white;
	cursor: pointer;
}

.steptitle_measure{ background: url(../images/cwd-row-measure.jpg) #b0c4ac right no-repeat; }
.steptitle_frame{ background: url(../images/cwd-row-frame.jpg) #b0c4ac right no-repeat; }
.steptitle_doors{ background: url(../images/cwd-row-doors.jpg) #b0c4ac right no-repeat; }
.steptitle_colour{ background: url(../images/cwd-row-colour.jpg) #b0c4ac right no-repeat; }
	
.stephelp{
	color: #f00;
}


.cw-colourpicker{
	overflow: auto;
}

.cw-colourpicker img{
	border: solid 1px #fff;
}

.cw-frame-colour{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	border: solid 2px #ddd;
	padding: 6px;
}

.cw-frame-colour span {
    font-size: 11px;
    display: block;
    background: rgba(255,255,255,0.8);
    padding: 3px;
    margin-top: 14px;
    width: 80px;
    text-align: center;
}

.cw-frame-container{
	text-align: center;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

.cw-frame-selector{
	border: solid 2px #ddd;
	width: 40px;
	height: 25px;
}

#wardrobe{
	position: relative;
	left: 140px;
	top: 63px;
	width: 500px;
	height: 280px;
	z-index: 1;
}

.wardrobe_door{
	float: left;
	width: 100px;
	height: 280px;
}

#price{
	position: absolute;
	right: 30px;
	margin-top: -27px;
	background-image: url(../images/price_tag.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 32px;
	padding: 5px;
	color: #000;
	padding-left: 85px;
}

#nowclickdoor {
  padding: 5px;
  position: absolute;
  margin-top: 20px;
  margin-left: 170px;
  background: white;
  width: 425px;
  font-weight: bold;
  color: red;
  border: solid 2px red;
  font-size: 15px;
}

#nowclickarrow {
  margin-top: 24px;
  position: absolute;
  z-index: 99;
}