body {margin: 0px;}

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

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

#line4a {
display: none;
width: 740px;
float: left;
padding-top: 17px;
padding-bottom: 13px;
border-bottom: 1px solid #f1f1f1;
}

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

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

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

.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;
   }

.formatleft2 {margin-left: -2px;}

#calcblock {display: block; float: left;}
#calcblock_side {display: block; float: left;}
#calcblock_plan {display: none; float: left;}

#l1t1 { width: 740px; padding-top: 5px; }

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

#l3t1 { width: 234px; } 
#l3t2 { width: 506px; }
.block31 {width: 234px;}
.block32 {width: 506px;}


#l4t1 { width: 328px; } 
#l4t2 { width: 412px; }
.block41 {width: 328px;}
.block42 {width: 412px;}

#l5t1 { width: 214px; } 
#l5t2 { width: 392px; }

.block51 {width: 214px;}
.block52 {width: 392px;}

#l6t1 { width: 176px; } 
#l6t2 { width: 176px; }
#l6t3 { width: 388px; }
.block61 {width: 176px;}
.block62 {width: 176px;}
.block63 {width: 388px;}

#l7t1 { width: 652px; margin-top: 11px;} 
#l7t2 { 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; }
label.wb30,
label.wb25,
label.wb23,
label.wb20,
label.wb22,
label.wb18,
label.wb15 {
 display: block; 
 position: relative; 
 float: left;
 margin-right: 12px;
 height: 84px; 
}

label.wb15{ width: 37px; }
label.wb18{ width: 40px; }
label.wb20{ width: 44px; }
label.wb22{ width: 48px; }
label.wb23{ width: 50px; }
label.wb25{ width: 54px; }
label.wb30{ width: 64px; }

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,
input[type="radio"] + .wbut10,
input[type="radio"] + .wbut11 {
 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: -320px 0px;}
input[type="radio"]:checked + .wbut7, input[type="radio"]:checked:hover + .wbut7 {
background-position: -320px -84px;}
input[type="radio"]:hover + .wbut7 {
background-position: -320px -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"] + .wbut10 {
background-position: -452px 0px;}
input[type="radio"]:checked + .wbut10, input[type="radio"]:checked:hover + .wbut10 {
background-position: -452px -84px;}
input[type="radio"]:hover + .wbut10 {
background-position: -452px -168px;}

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

 
.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.sum88, label.sum98, label.sum108, label.sum118, label.sum168, label.sum68, label.sum79, label.sum85 {
display: block; 
position: relative; 
height: 38px; 
float: left;
margin-right: 16px;
}

label.sum98b {
display: block; 
position: relative; 
height: 38px; 
float: left;
}

label.sum79 { width: 79px;}
label.sum85 { width: 85px;}

label.sum68   {width: 68px;}
label.sum78   {width: 78px;}
label.sum88   {width: 88px;}
label.sum98, label.sum98b   {width: 98px;}
label.sum108 {width: 108px;}
label.sum118 {width: 118px;}
label.sum168 {width: 168px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 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"] + #l4b1 { background-position: 0px 0px; }
input[type="radio"]:hover + #l4b1 { background-position: 0px -38px; }
input[type="radio"]:checked + #l4b1, input[type="radio"]:checked:hover + #l4b1 { background-position: 0px -76px; cursor: default;}
input[type="radio"]:disabled + #l4b1 { background-position: 0px -114px; cursor: default;}

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

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"] + .bclasscover {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/calc/classcover.png) no-repeat;  
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
 }
 
 input[type="radio"] + .bflyleaf {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/calc/flyleaf.png) no-repeat;  
 cursor: pointer; 
 color:#fff;
 background-color: #fff;
 }
 
input[type="radio"] + #l5b1 { background-position: 0px 0px; }
input[type="radio"]:hover + #l5b1 { background-position: 0px -38px; }
input[type="radio"]:checked + #l5b1, input[type="radio"]:checked:hover + #l5b1 { background-position: 0px -76px; cursor: default;}
input[type="radio"]:disabled + #l5b1, input[type="radio"]:disabled:hover + #l5b1 { background-position: 0px -114px; cursor: default;}

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


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

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

input[type="radio"] + #l5b5 { background-position: -166px 0px; }
input[type="radio"]:hover + #l5b5 { background-position: -166px -38px; }
input[type="radio"]:checked + #l5b5, input[type="radio"]:checked:hover + #l5b5 { background-position: -166px -76px; cursor: default;}
input[type="radio"]:disabled + #l5b5, input[type="radio"]:disabled:hover + #l5b5 { background-position: -166px -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"] + .btime2 {
 position: absolute; 
 left: 0; top: 0;
 width: 100%; height: 100%;
 background: url(../img/calc/time-2.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;}

input[type="radio"] + #l6b2_2 { background-position: -79px 0px; }
input[type="radio"]:hover + #l6b2_2 { background-position: -79px -38px; }
input[type="radio"]:checked + #l6b2_2, input[type="radio"]:checked:hover + #l6b2_2 { background-position: -79px -76px; cursor: default;}
input[type="radio"]:disabled + #l6b2_2 { background-position: -79px -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;
}