body {margin: 0px;}
#wmain { width: 740px; display: block; height: auto; margin:0px; padding: 0px; margin-top: 0px; float: left;}

#line1, #line2, #line3 {
display: block;
width: 740px;
float: left;
padding-top: 14px;
padding-bottom: 16px;
border-bottom: 1px solid #f1f1f1;
}

#line4 {
display: block;
width: 740px;
float: left;
padding-top: 14px;
padding-bottom: 16px;
}

#line4a {
display: block;
width: 740px;
float: left;
padding-top: 14px;
padding-bottom: 16px;
border-bottom: 1px solid #f1f1f1;
}

#line_leatherette {display: block;}
#line_textile {display: none;}
#line_metal {display: none;}

label.wb50{
 width: 50px; 
 height: 50px; 
 display: inline-block; 
 position: relative; 
}

input[type="radio"] + .minputs {
 position: absolute; 
 left: 0; top: 0; 
 width: 100%; height: 100%;
 cursor: pointer; 
 background: url(../fon/silverround.png);
}

input[type="radio"]:checked + .minputs {
background-position: 0 -50px;
}

input[type="radio"] + .minputg {
 position: absolute; 
 left: 0; top: 0; 
 width: 100%; height: 100%;
 cursor: pointer; 
 background: url(../fon/goldround.png);
}

input[type="radio"]:checked + .minputg {
background-position: 0 -50px;
}

.remid  {
    display: inline-block; 
    position: relative;  margin-bottom: 4px;
   }
   
.remid:hover::after {
    content: attr(data-title); 
    position: absolute;  width: 106px;
    left: -32px; bottom: 0px; margin-bottom: 54px;
    z-index: 10000; color: #333;
    background: #ffffff; 
	font-family: Roboto; font-weight: 400; font-size: 12px;
	line-height: 12px;
    padding: 5px 8px 5px 8px; 
	border: solid 2px #f1f1f1;
   }

#classbox_block {display: block; float: left;}  
#ndisc_box {display: none; float: left;}    
#formatbook_box {display: block; float: left;}

#l1t1, #l1t2, #l2t1, #l2t2, #l3t1, #l3t2, #l4t1, #l4t1 {display: block; float: left;}
.block11, .block12, .block21, .block22, .block31, .block32, .block41, .block42 {display: block; float: left;}

#l1t1 { width: 172px; } 
#l1t2 { width: 568px; }
.block11 {width: 172px;}
.block12 {width: 568px;}

#l2t1 { width: 204px; } 
#l2t2 { width: 536px; }
.block21 {width: 204px;}
.block22 {width: 536px;}

#l3t1 { width: 176px;} 
#l3t2 { width: 564px;}
.block31 {width: 176px;}
.block52 {width: 564px;}

#l4t1 { width: 652px; margin-top: 11px;} 
#l4t2 { width: 88px; }

.title {
display: block;
height: 20px;
float: left; 
line-height: 20px;
font-family: Roboto;
font-weight: 400;
font-size: 16px;
margin-bottom: 14px;
}

input[type="radio"]  {
visibility: hidden;
}

input[type="radio"] + .clb1,
input[type="radio"] + .clb2 {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/box/classbox.png) no-repeat; 
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
}

input[type="radio"] + .clb1 {
background-position: 0px 0px;}
input[type="radio"]:checked + .clb1, input[type="radio"]:checked:hover + .clb1 {
background-position: 0px -96px;}
input[type="radio"]:hover + .clb1 {
background-position: 0px -192px;}

input[type="radio"] + .clb2 {
background-position: -64px 0px;}
input[type="radio"]:checked + .clb2, input[type="radio"]:checked:hover + .clb2 {
background-position: -64px -96px;}
input[type="radio"]:hover + .clb2 {
background-position: -64px -192px;}

label.wb122,
label.wb30,
label.wb25,
label.wb23,
label.wb20,
label.wb22,
label.wb93 {
 display: block; 
 position: relative; 
 float: left;
 margin-right: 12px;
 height: 84px; 
}

label.wb30a,
label.wb34a {
 display: block; 
 position: relative; 
 float: left;
 margin-right: 12px;
 height: 92px; 
}

label.wb122{ width: 122px; }
label.wb93{ width: 93px; }
label.wb30, label.wb30a { width: 64px; }
label.wb25{ width: 54px; }
label.wb23{ width: 50px; }
label.wb20{ width: 44px; }
label.wb22{ width: 48px; }
label.wb34a{ width: 68px; }

input[type="radio"] + .wbut1,
input[type="radio"] + .wbut2,
input[type="radio"] + .wbut3,
input[type="radio"] + .wbut4,
input[type="radio"] + .wbut5,
input[type="radio"] + .wbut6,
input[type="radio"] + .wbut7,
input[type="radio"] + .wbut8,
input[type="radio"] + .wbut9 {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/calc/formatline.png) no-repeat; 
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
}

input[type="radio"] + .wbut1 {
background-position: 0px 0px;}
input[type="radio"]:checked + .wbut1, input[type="radio"]:checked:hover + .wbut1 {
background-position: 0px -84px;}
input[type="radio"]:hover + .wbut1 {
background-position: 0px -168px;}

input[type="radio"] + .wbut2 {
background-position: -64px 0px;}
input[type="radio"]:checked + .wbut2, input[type="radio"]:checked:hover + .wbut2 {
background-position: -64px -84px;}
input[type="radio"]:hover + .wbut2 {
background-position: -64px -168px;}

input[type="radio"] + .wbut3 {
background-position: -128px 0px;}
input[type="radio"]:checked + .wbut3, input[type="radio"]:checked:hover + .wbut3 {
background-position: -128px -84px;}
input[type="radio"]:hover + .wbut3 {
background-position: -128px -168px;}

input[type="radio"] + .wbut4 {
background-position: -182px 0px;}
input[type="radio"]:checked + .wbut4, input[type="radio"]:checked:hover + .wbut4 {
background-position: -182px -84px;}
input[type="radio"]:hover + .wbut4 {
background-position: -182px -168px;}

input[type="radio"] + .wbut5 {
background-position: -232px 0px;}
input[type="radio"]:checked + .wbut5, input[type="radio"]:checked:hover + .wbut5 {
background-position: -232px -84px;}
input[type="radio"]:hover + .wbut5 {
background-position: -232px -168px;}

input[type="radio"] + .wbut6 {
background-position: -276px 0px;}
input[type="radio"]:checked + .wbut6, input[type="radio"]:checked:hover + .wbut6 {
background-position: -276px -84px;}
input[type="radio"]:hover + .wbut6 {
background-position: -276px -168px;}

input[type="radio"] + .wbut7 {
background-position: -318px 0px;}
input[type="radio"]:checked + .wbut7, input[type="radio"]:checked:hover + .wbut7 {
background-position: -318px -84px;}
input[type="radio"]:hover + .wbut7 {
background-position: -318px -168px;}

input[type="radio"] + .wbut8 {
background-position: -360px 0px;}
input[type="radio"]:checked + .wbut8, input[type="radio"]:checked:hover + .wbut8 {
background-position: -360px -84px;}
input[type="radio"]:hover + .wbut8 {
background-position: -360px -168px;}

input[type="radio"] + .wbut9 {
background-position: -408px 0px;}
input[type="radio"]:checked + .wbut9, input[type="radio"]:checked:hover + .wbut9 {
background-position: -408px -84px;}
input[type="radio"]:hover + .wbut9 {
background-position: -408px -168px;}

input[type="radio"] + .nlb1,
input[type="radio"] + .nlb2,
input[type="radio"] + .nlb3 {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/box/ndisc.png) no-repeat; 
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
}

input[type="radio"] + .nlb1 {
background-position: 0px 0px;}
input[type="radio"]:checked + .nlb1, input[type="radio"]:checked:hover + .nlb1 {
background-position: 0px -84px;}
input[type="radio"]:hover + .nlb1 {
background-position: 0px -168px;}

input[type="radio"] + .nlb2 {
background-position: -64px 0px;}
input[type="radio"]:checked + .nlb2, input[type="radio"]:checked:hover + .nlb2 {
background-position: -64px -84px;}
input[type="radio"]:hover + .nlb2 {
background-position: -64px -168px;}

input[type="radio"] + .nlb3 {
background-position: -157px 0px;}
input[type="radio"]:checked + .nlb3, input[type="radio"]:checked:hover + .nlb3 {
background-position: -157px -84px;}
input[type="radio"]:hover + .nlb3 {
background-position: -157px -168px;}

input[type="radio"] + .boxinput {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/box/input.png) no-repeat; 
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
}

input[type="radio"] + #bi1 {
background-position: 0px 0px;}
input[type="radio"]:checked + #bi1, input[type="radio"]:checked:hover + #bi1 {
background-position: 0px -76px;}
input[type="radio"]:hover + #bi1 {
background-position: 0px -38px;}

input[type="radio"] + #bi2 {
background-position: -98px 0px;}
input[type="radio"]:checked + #bi2, input[type="radio"]:checked:hover + #bi2 {
background-position: -98px -76px;}
input[type="radio"]:hover + #bi2 {background-position: -98px -38px;}
input[type="radio"]:disabled + #bi2 {background-position: -98px -114px;}

input[type="radio"] + #bi3 {
background-position: -176px 0px;}
input[type="radio"]:checked + #bi3, input[type="radio"]:checked:hover + #bi3 {
background-position: -176px -76px;}
input[type="radio"]:hover + #bi3 {
background-position: -176px -38px;}

input[type="radio"] + #bi4 {
background-position: -244px 0px;}
input[type="radio"]:checked + #bi4, input[type="radio"]:checked:hover + #bi4 {
background-position: -244px -76px;}
input[type="radio"]:hover + #bi4 {
background-position: -244px -38px;}
 
.wminus {
    width: 38px; height: 38px;
    float: left; 
    background: url(../img/calc/plus_minus.png);
    display: inline-block;
	background-position: 0 0px;
	border: none;
}

.wplus {
    width: 38px; height: 38px;
    float: left; 
    background: url(../img/calc/plus_minus.png);
    display: inline-block;
	background-position: -38 0px;
	border: none;
	}
	
.wplus:focus, .wminus:focus {outline: none;}	
.wminus:hover { cursor: pointer; background-position: 0 -38px;}
.wplus:hover { cursor: pointer; background-position: -38 -38px; }
.wminus:disabled, .wminus:disabled:hover { cursor: default; background-position: 0 -76px;}
.wplus:disabled, .wplus:disabled:hover { cursor: default; background-position: -38 -76px; }

input.rozv {
width: 68px; height: 38px;
float: left;
text-align: center;
vertical-align: middle;
border: 0px;
display: block; 
font-family: Roboto;
font-weight: 500;
font-size: 18px;
color: #666;
cursor: default;
}

input.rozv:focus {outline: none}

label.sum78, label.sum68, label.sum98 {
display: block; 
position: relative; 
height: 38px; 
float: left;
margin-right: 16px;
}

label.sum98   {width: 98px;}
label.sum68   {width: 68px;}
label.sum78   {width: 78px;}

 input[type="radio"] + .bcover {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/calc/cover.png) no-repeat;  
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
 }
 
input[type="radio"] + #l4b3 { background-position: -186px 0px; }
input[type="radio"]:hover + #l4b3 { background-position: -186px -38px; }
input[type="radio"]:checked + #l4b3, input[type="radio"]:checked:hover + #l4b3 { background-position: -186px -76px; cursor: default;}
input[type="radio"]:disabled + #l4b3 { background-position: -186px -114px; cursor: default;}

input[type="radio"] + #l4b4 { background-position: -264px 0px; }
input[type="radio"]:hover + #l4b4 { background-position: -264px -38px; }
input[type="radio"]:checked + #l4b4, input[type="radio"]:checked:hover + #l4b4 { background-position: -264px -76px; cursor: default;}
input[type="radio"]:disabled + #l4b4 { background-position: -264px -114px; cursor: default;}

 input[type="radio"] + .btime {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/calc/time.png) no-repeat;  
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
 }
 
input[type="radio"] + #l6b1 { background-position: 0px 0px; }
input[type="radio"]:hover + #l6b1 { background-position: 0px -38px; }
input[type="radio"]:checked + #l6b1, input[type="radio"]:checked:hover + #l6b1 { background-position: 0px -76px; cursor: default;}
input[type="radio"]:disabled + #l6b1 { background-position: 0px -114px; cursor: default;}

input[type="radio"] + #l6b2 { background-position: -68px 0px; }
input[type="radio"]:hover + #l6b2 { background-position: -68px -38px; }
input[type="radio"]:checked + #l6b2, input[type="radio"]:checked:hover + #l6b2 { background-position: -68px -76px; cursor: default;}
input[type="radio"]:disabled + #l6b2 { background-position: -68px -114px; cursor: default;}

.chek_buttom {
width: 88px;
height: 38px;
border: none;
background: #51a2e3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(../pie/PIE.htc);
font-family: Roboto;
font-weight: 500;
color: #fff;
font-size: 14px;
text-align: center;
transition: 0.3s linear;
outline: none;
}

.chek_buttom:hover {
cursor: pointer;
background: #7cbaec;
transition: 0.1s linear;
}

.money1 {
padding-left: 4px;
font-family: Roboto;
font-weight: 500;
font-size: 18px;
color: #333;
}