body.page-template-template-design #page-tabs label {
    width: 7%;
}

body.page-template-template-design #page-tabs li {
    padding: 0 0.15em;
}

body.page-template-template-design #page-tabs li a {
    font-size: 13px;
}

body.page-template-template-design .left-side-text h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #6c767e;
}

body.page-template-template-design .left-side-text ul {
    padding-left: 24px;
}

body.page-template-template-design .left-side-text p,
body.page-template-template-design .left-side-text li {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #6c767e;
}


.promptNotice {
    width: 620px;
    font-weight: 400;
    line-height: 34px;
    margin: 4px 0px;
    font-family: peugeot, helvetica;
    color: #666;
}

.promptError {
    background-image: url(/buttons/gradient-slither-red.png);
    color: #fff;
}

#mtm_flow {
    margin: 1em 0;
    background: url(../design-tool/img/flow_diagram_mtm2.png) no-repeat;
    position: relative;
    width: 100%;
    height: 148px;
    float: left;
}

#mtm_flow dd {
    margin: 0;
    padding: 0;
    top: 3px;
    width: 132px;
    height: 134px;
    position: absolute;
}

#mtm_flow dd a {
    display: block;
    margin: 0;
    padding: 0;
    width: 132px;
    height: 134px;
}

#ico1 {
    left: 0px;
}

#ico1 a:hover {
    background: url(../design-tool/img/flow_diagram_mtm2_over.png) 0px -3px;
}

#ico2 {
    left: 146px;
}

#ico2 a:hover {
    background: url(../design-tool/img/flow_diagram_mtm2_over.png) -146px -3px;
}

#ico3 {
    left: 292px;
}

#ico3 a:hover {
    background: url(../design-tool/img/flow_diagram_mtm2_over.png) -292px -3px;
}

#ico4 {
    left: 443px;
}

#ico4 a:hover {
    background: url(../design-tool/img/flow_diagram_mtm2_over.png) -443px -3px;
}

#ico5 {
    left: 593px;
}

#ico5 a:hover {
    background: url(../design-tool/img/flow_diagram_mtm2_over.png) -593px -3px;
}

.pinkButton {
    background-color: #e9007e;
    color: #fff;
    border-radius: 3px;
    border: 0px;
    font-weight: bold;
    display: block;
    margin: auto;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
}

.ui-widget-overlay {
    opacity: 0.75;
}

.buildContainer {
    width:620px;
    height:340px;
    background-image:url(../design-tool/img/viewer_background_made_to_measure_door_viewer.jpg);
    position: relative;
}

.buildContainer #buliPlace {
    width:480px;
    height:285px;
    margin-left:70px;
    padding-top:22px;
    position:relative
}

.buildContainer #topTable {
    position: relative;
    margin: 0px auto;
}

.design-tool, .design-tool * {
    box-sizing: border-box;
}

.design-tool-step {
    position: relative;
    background: #e2e2e2;
    border: 3px solid #fff;
    border-radius: 20px;
    margin: 1em 0 1em 0;
    padding: 0.75em 1.125em 1.125em 1.125em;
}

.design-tool-step h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 1em;
}

.design-tool-step h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 0.875em;
    margin: -0.75em -1.125em -1.125em -1.125em;
    padding: 0.75em 1.125em 1.5em 1.125em;
}

.design-tool-step label {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125em;
    color: #6C767E;
    margin: 0.5em 0;
}

.design-tool-step p {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125em;
    color: #6C767E;
    margin: 0.5em 0;
}

.design-tool-step ul {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125em;
    color: #6C767E;
    margin: 1em 0 2em 0;
    padding-left: 2em;
}
.design-tool-step i.num {
    position: absolute;
    top: -18px;
    left: -18px;
    background: #6c767e;
    border: 3px solid #fff;
    border-radius: 50%;
    display: block;
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 30px;
    font-style: normal;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.1875em;
    text-align: center;
}

.design-tool-step a.exp {
    position: absolute;
    top: -18px;
    right: -18px;
    border-radius: 50%;
    background: #6c767e;
    border: 3px solid #fff;
    display: block;
    font-style: normal;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.1875em;
    text-align: center;
    line-height: 30px;
    height: 36px;
    width: 36px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

.design-tool-step a.exp.open {
    transform: rotate(-90deg);
}

.design-tool-step a.exp:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0d9";
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    position: relative;
    top: -2px;
    left: -1px;
}