.wizard-canvas {
    width: 620px;
    margin: 0 auto;
}

.wizard-parameters{
    margin-bottom: 65px;
}

.wizard-parameters, .wizard-parameters_admin {
    float: left;
    margin-left: 15px;
    width: 245px;
}

.wizard-parameters_admin {
    margin-left: 13px;
}

.width-slider, .height-slider {
    clear: both;
    margin-bottom: 35px;
    overflow: visible;
    /*width: 221px;*/

    width: 240px;
}

.height-slider{
    position: relative;
}

.width-slider span.size-label, .height-slider span.size-label, .radio_button_container {
    color: #959595;
    display: inline-block;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-top: 7px;
    float:left;
}

.width-slider .size-input, .height-slider .size-input {
    float: right;
}
.width-slider input, .height-slider input, .height-slider .size-input select {
    color: #707070;
    font: bold 27px Arial;
    width: 70px!important;
}

.height-slider .size-input select {
    width: 91px!important;
    text-align:right;
}

.wizard-parameters input, .wizard-parameters select {
    background: none repeat scroll 0 0 #E6F3DD;
    border: 1px solid #C7C7C7;
    /*font-size: 16px;*/
    height: 35px;
    padding: 0 0 0 3px;
}

.wizard-parameters_admin input, .wizard-parameters_admin select {
    background: none repeat scroll 0 0 #E6F3DD;
    border: 1px solid #C7C7C7;
    /*font-size: 16px;*/
    /*height: 35px;*/
    padding: 0 0 0 3px;
}

#slider-width, #slider-height, .ui-slider-holder{
    border-left: 2px solid #9F9F9F;
    border-top: 2px solid #9F9F9F;
    margin-top: 10px;
}

.ui-slider-holder{
    border-radius: 10px;
    padding-right: 18px;
    width: 198px;
}

#slider-width, #slider-height, .ui-slider-holder{
    background: none repeat scroll 0 0 #C2C2C2;
}

.vertical-slider-container #slider-width{
    background: none;
    border: none;
    margin: 0;
}

.vertical-slider-container .ui-slider-horizontal .ui-slider-handle{
    margin-left: -12px;
}

.vertical-slider-container{
    background: none repeat scroll 0 0 #C2C2C2;
    padding: 0 8px 0 8px;
    margin-top: 10px;
    border-left: 2px solid #9F9F9F;
    border-top: 2px solid #9F9F9F;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ui-slider-holder #slider-width{
    width: 100%;
    margin: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-slider-holder #slider-width .ui-slider-handle{
    margin-left: -3px!important;
}

.width-slider .slider-values{
    height: 27px;
    overflow: visible;
}

.width-slider .slider-values .min-value{
    background: url("../images/slider_pointer.png") no-repeat scroll 3px bottom transparent;
}

.width-slider .slider-values .max-value{
    background: url("../images/slider_pointer.png") no-repeat scroll right bottom transparent;
}

.width-slider .slider-values .max-value{
    margin-right: 2px;
}

.width-slider .slider-values .max-value span{
    margin-right: -3px;
}

#slider-height{
    height: 170px;
    float: right;
    margin: -123px -6px 10px 0;
}

.slider-values {
    margin-top: 9px;
    overflow: hidden;
    position: relative;
    /*width: 221px;*/

    width: 240px;
}

.slider-values .max-value {
    float: right;
}

.slider-values .min-value, .slider-values .max-value {
    background: url("../images/slider_pointer.png") no-repeat scroll center bottom transparent;
    font-size: 12px;
    height: 20px;
}

.height-slider .slider-values{
    overflow: visible;
}

.height-slider .slider-values .min-value, .height-slider .slider-values .max-value{
    background: none;
}

.height-slider .slider-values .min-value{
    position: absolute;
    top: 80px;
    right: -5px;
}

.height-slider .slider-values .max-value{
    position: absolute;
    top: -120px;
    right: -3px;
}

.width-slider span, .height-slider span {
    color: #959595;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-top: 7px;
}

.width-slider span.size-label, .height-slider span.size-label {
    display: inline-block;
}

.width-slider span.size-input, .height-slider span.size-input {
    margin-top: 0;
    display: inline;
}

#slider-width .ui-slider-handle, #slider-height .ui-slider-handle {
    background: url("../images/slider.png") repeat scroll -1px 0 transparent;
    border: 0;
    cursor: pointer;
    height: 24px;
    width: 22px;
}

.height-slider-container{
    /*float: right;*/
    /*margin: -132px -6px 10px 0;*/
    /*height: 170px;*/
    /*border-left: 2px solid #9F9F9F;*/
    /*border-top: 2px solid #9F9F9F;*/
    /*background: none repeat scroll 0 0 #C2C2C2;*/
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
}

/*.height-slider-block{*/
    /*min-height: 190px;*/
/*}*/

.wizard-parameters .total-price{
    margin: 0;/*проверить надобность*/
}

.link-block-wrapper{
    height: 38px;
}

.height-slider-block{
    position: relative;
}

.height-slider-block .height-slider{
    margin: 0;
    /*border: 1px solid red;*/
}

.height-slider-block .constructor-buttons{
    position: static;
    margin: 55px 0 0 0;
}

.height-slider-block .size-container{
    height: 38px;
}

.constructor-buttons .preview_layers{
    margin: 0;
}

.wizard-parameters{
    position: relative;
}

.vertical-slider .max-value{
    top: 0;
}

.vertical-slider .min-value{
    bottom: 0;
}

.vertical-slider .slider-values{
    margin: 0;
    position: static;
}

.vertical-slider{
    width: 12px;
    height: 170px;
    padding: 25px 0 29px 0;
    position: absolute;
    right: 90px;
    top: -22px;
}

.vertical-slider .min-value{
    background: url("../images/slider_pointer.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    line-height: 25px;
    left: 0;
}

.vertical-slider .max-value{
    left: -4px;
    width: 20px;
}

.vertical-slider .max-value,
.vertical-slider .min-value{
    float: none;
    position: absolute;
    right: 0;
    /*height: auto;*/
    /*background: none;*/
    color: #959595;
    font-size: 12px;
    /*width: 20px;*/
}

.vertical-slider .height-slider-container{
    width: 12px;
    height: 170px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-left: 2px solid #9F9F9F;
    border-top: 2px solid #9F9F9F;
    background: none repeat scroll 0 0 #C2C2C2;
}

.height-slider-container #slider-height{
    float: none;
    margin: 10px 0 0;
    border: none;
    background: none;
    height: 154px;
}

#slider-width .ui-slider-handle{
    top: -7px;
}

#slider-height .ui-slider-handle{
    left: -6px;
}

#scaffold_content #slider-height .ui-slider-handle{
    left: -7px;
}

.mirror_area {
    background: none repeat scroll 0 0 #C1C1C1;
    position: absolute;
    z-index: 1;
}

.sub_mirror_area {
    background: none repeat scroll 0 0 #CECDCD;
    position: absolute;
    z-index: 0;
}

.mirror_area_border {
    background-color: transparent;
    border: 1px solid green;
    position: absolute;
    z-index: 100;
}

.tech_box_area {
    border: 1px dotted #333333;
    position: absolute;
    z-index: 5;
}

/*.container h1 {*/
    /*margin-top: -20px;*/
/*}*/

.mirror_layer {
    overflow: hidden;
}

.canvas_area {
    position: relative;
    overflow: hidden;
    border: solid 1px #444444;
}
.radio_button_container {
    margin-bottom: 10px;
}

.border {
    background: green;
    position: absolute;
    overflow: hidden;
    z-index: 100;
}

.overlay {
    /*background: #f0f0f0;
    opacity: 0.5;
    filter: alpha ( opacity = 50);*/
    background: #D9D9D9;
    position: absolute;
    z-index: 2;
}

.hide-layer {
    z-index: 90 !important;
}

.layer_clons {
    background: #FF9999;
    opacity: 0.01;
    filter: alpha ( opacity = 1);
    position: absolute !important;
    z-index: 101;
    overflow: hidden;

}

.layer_clons_resize_image {
    opacity: 1;
    position: absolute;
    z-index: 98;
    overflow: hidden;
    border: 1px #eeeeee dotted;
}

.no_border {
    border: 0px;
}

.image_arrow {
    position: relative;
    background-position: -61px -220px;
}

.layer_image {
    z-index: 2;
}

.frame_layer {
    position:absolute;
    z-index: 99;
    line-height: 0;
}


.mirror_area, .border {
}

.wizard-parameters h6, .wizard-parameters h5, .wizard-parameters_admin h6, .wizard-parameters_admin h5{
    color: #959595;
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 8px 2px;
}

.wizard-canvas span{
    color: #B7B7B7;
    font-size: 14px;
}

.wizard-canvas span a{
    color: #076E7D;
    text-decoration: none;
}

.wizard-canvas span a:hover{
    text-decoration: underline;
}

.width-slider span span, .height-slider span span{
    font-size: 12px;
}

.slider-values .min-value{
    float: left;
}
.add-to-cart-button {
    display: block;
    overflow: hidden;
}

.wizard-canvas .canvas_area {
    /*background: url("../../default/images/constructorbg.gif") repeat;*/
    background: #C1C1C1;
    opacity: 50;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.ruler{
    position: absolute;
    z-index: 99;
}
.ruler_scale_horizontal{
    position: absolute;
    height:3px;
    width:1px;
    background-color: #666;
}
.ruler_scale_horizontal_max{
    position: absolute;
    height:5px;
    width:1px;
    background-color: #666;
}
.ruler_scale_vertical{
    position: absolute;
    height:1px;
    width:3px;
    background-color: #666;
}
.ruler_scale_vertical_max{
    position: absolute;
    height:1px;
    width:5px;
    background-color: #666;
}
.ruler_scale_horizontal_num{
    font-size: 10px;
    line-height: 12px;
    color: #666;
    position: absolute;
    width: 20px;
    text-align:center;
}
.ruler_scale_vertical_num{
    font-size: 10px;
    color: #666;
    position: absolute;
    width: 20px;
    text-align:right;
}
.ruler_scale_vertical_right_num{
    font-size: 10px;
    color: #666;
    position: absolute;
    width: 20px;
    text-align:left;
}
.message_dialog{
    color:#666;
    text-align: center;
    padding-top: 20px !important;
}

.size-container{
    height: 40px;
    /*width: 200px;*/

    width: 220px;
}

.size-container + .size-container{
    /*margin-top: 10px;*/
    margin-top: 13px;
}

.size-container .size-input input[type="text"]{
    text-align: right!important;
}

.size-with-frame.rectangle {
    /*padding-top: 60px;*/
    color: #959595;
    font-size: 12px;
}

.size-with-frame.square {
    color: #959595;
    position: relative;
    top: 30px;
}

.constructor-buttons{
    position: relative;
    top: 55px;
    height: 40px;
}

.constructor-buttons a{
    display: inline-block;
    height: 32px;
    width: 30px;
}

/*.rotate-left{
    background: url("../../default/images/popup_rotate_buttons.png") no-repeat 0 0;
    float:left;
    padding: 15px;
    margin-right:10px;
}

.rotate-right{
    background: url("../../default/images/popup_rotate_buttons.png") no-repeat -33px 0;
    float:right;
    padding: 15px;
    margin-left:10px;
}

.mirror_rotate_title{
    float:left;
    padding-top: 2px;
}

.mirror-rotate{
    background: url("../../default/images/constructor_buttons.png") no-repeat -67px 0;
}*/

.link-block{
    /*width: 185px;*/
    width: 205px;
    margin: 3px 0 6px 0;
    text-align: right;
}

/*.untie-size{
    float: right;
}

.link-block .link-text{
    font-size: 11px;
    display: inline-block;
    margin-right: 10px;
}

#untie-size{
    float: right;
    display: inline-block;
    height: 32px;
    width: 30px;
    background: url("../../default/images/constructor_buttons.png") no-repeat -183px 0;
}

#untie-size:hover{
    background-position: -183px -32px;
}

#untie-size:active, #untie-size.active{
    background-position: -183px -99px;
}

#untie-size.active:hover{
    background-position: -183px -66px;
}*/

.fancybox-title-float-wrap .child{
    background: none !important;
}

.constructor-buttons .show-result{
    background: url("../../default/images/constructor_buttons.png") no-repeat -105px 0;
    margin-left: 20px;
    margin-right: 10px;
    height: 37px;
    width: 35px;
    position: relative;
    top: 2px;
}

.ruler-switcher{
    background: url("../../default/images/constructor_buttons.png") no-repeat -148px 0;
}

/*.rotate-left:hover{
    background: url("../../default/images/popup_rotate_buttons.png") no-repeat 0 -32px;
}

.rotate-right:hover{
    background: url("../../default/images/popup_rotate_buttons.png") no-repeat -33px -32px;
}

.mirror-rotate:hover{
    background: url("../../default/images/constructor_buttons.png") no-repeat -67px -33px;
}*/

.show-result:hover{
    background: url("../../default/images/constructor_buttons.png") no-repeat -105px -36px;
}

.ruler-switcher:hover{
    background: url("../../default/images/constructor_buttons.png") no-repeat -148px -32px;
}

/*.rotate-left:active{
    background: url("../../default/images/popup_rotate_buttons.png") no-repeat 0 -64px;
}

.rotate-right:active{
    background: url("../../default/images/popup_rotate_buttons.png") no-repeat -33px -64px;
}

.mirror-rotate:active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -67px -65px;
}*/

.show-result:active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -105px -72px;
}

.ruler-switcher:active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -148px -65px;
}

.ruler-switcher.active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -148px -99px;
}

/*.mirror-rotate.active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -67px -99px;
}*/

.show-result.active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -105px -108px;
}

.ruler-switcher.active:hover{
    background: url("../../default/images/constructor_buttons.png") no-repeat -148px -66px;
}

/*.mirror-rotate.active:hover{
    background: url("../../default/images/constructor_buttons.png") no-repeat -67px -66px;
}*/

.show-result.active:hover{
    background: url("../../default/images/constructor_buttons.png") no-repeat -105px -72px;
}

/*.rotate-left.not-active{
    background: url("../../default/images/constructor_buttons.png") no-repeat 0 -133px;
}

.rotate-right.not-active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -33px -133px;
}

.mirror-rotate.not-active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -67px -133px;
}*/

.show-result.not-active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -105px -144px;
}

.ruler-switcher.not-active{
    background: url("../../default/images/constructor_buttons.png") no-repeat -148px -133px;
}

#radio_active{
    padding-top: 45px;
}

#radio_active .ui-button .ui-button-text{
    line-height: normal;
}

#radio_active .ui-button{
    box-sizing: border-box;
    padding: 4px 20px;
    border: 1px solid #afb4b6;
    background: #c3c7d3 url(themes/admin/images/ui-bg_glass_45_c3c7d3_1x400.png) 50% 50% repeat-x;
}

#radio_active .ui-button.ui-checkboxradio-checked,
#radio_active .ui-button.ui-state-active{
    background: #6eac2c url(themes/admin/images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
}

#radio_active .ui-button-text{
    padding: 0;
}

#radio_active .ui-button .ui-checkboxradio-icon{
    display: none;
}

.height_no_active{
    background: #DDDDDD !important;
    text-align: right;
    width: 70px;
    /*width: 54px !important;*/
    margin-left: 15px;
}

.height_no_active_admin{
    background: #DDDDDD !important;
    text-align: right;
    margin-left: 10px;
    width: 55px !important;
    padding-right: 15px !important;
}

.mirror_default_image{
    position:relative;
    z-index: 3;
}

.height_comment{
    display: block;
    line-height: 12px;
    font-size: 12px !important;
    margin: 10px 0 0 0;
}

.span_height_no_active {
    position: relative;
    left: -16px !important;
    bottom: -3px;
    *left: 0 !important;
}

.ui-buttonset .ui-button {
    float: left;
}

.scaffold_list_data_row td .ui-button{
    float: none;
}

.scaffold_list_data_row td .column_container_product_export_to_yml{
    white-space: nowrap;
    width: 150px;
}

.scaffold_list_data_row td .column_container_product_active{
    width: 105px;
}

.scaffold_list_data_row td.scaffold_list_actions_container .ui-button{
    float: left;
}

#link_inputs{
    /*background: url(../../default/images/dependet_icon.png) no-repeat;*/
    background: url(../../default/images/linked-icon.png) no-repeat;
    position: absolute;
    right: 18px;
    top: 16px;
    height: 90px;
    width: 12px;
}

#link_inputs_square{
    background: url(../../default/images/dependet_icon.png) no-repeat;
    position: absolute;
    right: 18px;
    top: 20px;
    height: 49px;
    width: 10px;
}

.product_layers_container {
    float: left;
    margin-top: 10px;
}

.layer_checkbox{
    /*vertical-align: top;*/
    background: none!important;
    border: none!important;
    padding: 0!important;
}
.td_layer_checkbox{
    vertical-align: top;
    float: left;
    width: 20px;
}

.product_layer_item {
    float: left;
    width: 240px;
    margin-top: 20px;
}

.layer_title{
    color: #959595;
    font-size: 12px;
    font-family: Tahoma,Verdana,Arial;
    display: inline-block;
    margin-bottom: 5px;
}

.product_layers_title {
    width: 100%;
    color: #959595;
    display: inline-block;
    float: left;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin: 10px 0;
}

.layer_positions input{
    height: 25px;
    width: 45px;
    text-align: center;
    padding-right: 5px;
    margin: 0 18px 0 0;
    border: none;
    box-sizing: border-box;
}

.layer_positions .span_position_input .ui-spinner{
    border-radius: 0 3px 3px 0;
}

.layer_positions .span_position_input{
    margin: 2px 0;
}

.layer_positions select{
    height: 25px;
    margin: 0 0 5px -3px;
    text-align: center;
}

.layer_positions{
    margin-bottom: 5px;
}

.height_ratio{
    width: 70px !important;
}

.span_position_input .ui-button{
    cursor: pointer;
    border: 1px solid #afb4b6;
    background: #c3c7d3 url(themes/admin/images/ui-bg_glass_45_c3c7d3_1x400.png) 50% 50% repeat-x;
}

.span_position_input .ui-button:active{
    border: 1px solid #afb4b6;
    background: #6eac2c url(themes/admin/images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
}

.span_position_input{
    position: relative;
    display: inline-block;
}

.span_position_label{
    display: inline-block;
    width: 105px;
}

.span_limitparam_label{
    display: inline-block;
    width: 164px;
}

.td_layer_params{
    padding-bottom: 5px;
    float: left;
}

#limit_params{
    margin-top: 10px;
    line-height: 21px;
}

.custom_small .ui-button{
    height:25px;
}
.custom_small .ui-button-text{
    padding-top: 2px;
}

.span_layers_indent_label{
    display: inline-block;
    width: 130px;
}

#layers_indent{
    margin-top: 20px;
}

.indent{
    display: block;
    background: #C1C1C1;
    /*background: url("../../default/images/constructorbg.gif") repeat scroll 0 0 transparent;*/
    position: absolute;
    z-index: 99;
}

.rectangle-mirror .fancybox-inner{

}

.rectangle-mirror .fancybox-outer{
    background: none;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

#scaffoldEditForm .height-slider #link_inputs{
    top: 2px;
}

#scaffoldEditForm .height-slider .size-container{
    width: 210px;
}

.scaffold_edit_bottom_buttons .scaffold_save_button,
.scaffold_edit_bottom_buttons .scaffold_cancel_button{
    height: 20px;
    padding: 0 7px!important;
    font-size: 15px;
    color: #000;
    border: 1px solid #afb4b6;
    font-weight: bold;
    background: #c3c7d3 url(themes/admin/images/ui-bg_glass_45_c3c7d3_1x400.png) 50% 50% repeat-x;
}

.scaffold_edit_bottom_buttons .ui-state-active,
.scaffold_edit_bottom_buttons .ui-widget-content .ui-state-active,
.scaffold_edit_bottom_buttons .ui-widget-header .ui-state-active,
.scaffold_edit_bottom_buttons a.ui-button:active,
.scaffold_edit_bottom_buttons .ui-button:active,
.scaffold_edit_bottom_buttons .ui-button.ui-state-active:hover,
.scaffold_edit_bottom_buttons .scaffold_save_button:active,
.scaffold_edit_bottom_buttons .scaffold_cancel_button:active,
.scaffold_edit_bottom_buttons .scaffold_save_button:hover,
.scaffold_edit_bottom_buttons .scaffold_cancel_button:hover{
    border: 1px solid #afb4b6;
    background: #6eac2c url(themes/admin/images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.scaffold_edit_bottom_buttons .scaffold_helper:active,
.scaffold_edit_bottom_buttons .scaffold_helper{
    padding: 0;
    border-radius: 100%;
    margin: 0 10px 0 0;
    background: #c3c7d3 url(themes/admin/images/ui-bg_glass_45_c3c7d3_1x400.png) 50% 50% repeat-x;
    position: relative;
}

.scaffold_edit_bottom_buttons .scaffold_helper:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5px;
    height: 9px;
    background: url(themes/admin/images/ui-icons_485661_256x240.png) -54px -148px no-repeat;
}