#calculator{
    position:relative;
    background-color:#FFF;
    width:700px;
    height:500px;
    overflow:hidden;
}
#c-steps{
    position:absolute;
    left:0;
    top:0;
    width:5000px;
    height:500px;
    overflow:hidden;
    clear:both;
}


.c-step{
    float:left;
    width:660px;
    padding:20px 20px;
    height:460px;
}

.c-wizard-buttons{
    position:absolute;
    left:0;
    bottom:0;
    width:700px;
    height:50px;
    z-index:2;
}

.c-wizard-buttons .next,
.c-wizard-buttons .prev{
    position:absolute;
    bottom:8px;
}

.c-wizard-buttons .next{
    right:10px;
}

.c-wizard-buttons .prev{
    left:10px;
}

.c-wizard-buttons .next,
.c-wizard-buttons .prev{
    display: block;
    line-height: 2.8em;
    padding: 0 30px;
    border:none;
    cursor: pointer;
    behavior: url("/assets/flinstone/js/PIE.htc");
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #EBEBEB), color-stop(100%, #BCBCBC));
    background: -webkit-linear-gradient(top, #EBEBEB, #BCBCBC);
    background: -moz-linear-gradient(top, #EBEBEB, #BCBCBC);
    background: -o-linear-gradient(top, #EBEBEB, #BCBCBC);
    background: -ms-linear-gradient(top, #EBEBEB, #BCBCBC);
    -pie-background: linear-gradient(top, #EBEBEB, #BCBCBC);
    background: linear-gradient(top, #EBEBEB, #BCBCBC);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color:#4B4B4B;
    font-size:1.2em;
    text-shadow: #e8e8e8 0 1px 0;
    -webkit-box-shadow: 0 0px 2px #231F20;
    -moz-box-shadow: 0 0px 2px #231F20;
    -ms-box-shadow: 0 0px 2px #231F20;
    box-shadow: 0 0px 2px #231F20;
}

.c-wizard-buttons .next:hover,
.c-wizard-buttons .prev:hover{
    color: #3390D1;
    -webkit-box-shadow: 0 0px 4px #231F20;
    -moz-box-shadow: 0 0px 4px #231F20;
    -ms-box-shadow: 0 0px 4px #231F20;
    box-shadow: 0 0px 4px #231F20;
}


.c-wizard-buttons .next:active,
.c-wizard-buttons .prev:active{
    color: #D6D6D6;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #767575), color-stop(100%, #BCBCBC));
    background: -webkit-linear-gradient(top, #767575, #BCBCBC);
    background: -moz-linear-gradient(top, #767575, #BCBCBC);
    background: -o-linear-gradient(top, #767575, #BCBCBC);
    background: -ms-linear-gradient(top, #767575, #BCBCBC);
    -pie-background: linear-gradient(top, #767575, #BCBCBC);
    background: linear-gradient(top, #767575, #BCBCBC);
    -webkit-box-shadow: 0 0px 2px #231F20;
    -moz-box-shadow: 0 0px 2px #231F20;
    -ms-box-shadow: 0 0px 2px #231F20;
    box-shadow: 0 0px 2px #231F20;
    text-shadow:none;
}

a{outline:0}
input.tinp {font-size:10px; border:1px solid #8E9092; background:white;outline:none; width:28px; text-align:center;margin-top:-1px}

#kuh-materails { width: 700px; list-style:none;overflow:hidden;clear:both;margin:10px 0 0 15px;padding:5px}
#kuh-materails li{margin:0;padding:0;margin-right:5px;margin-bottom:8px}
#kuh-materails li{ float:left; width:113px; height:113px;}
#kuh-materails li a{display:block; width:87px;padding: 38px 13px;border:1px solid #FFF;}
#kuh-materails li a.sel{border:1px solid #CCC !important;}
#kuh-materails li a:hover{border:1px solid #B72A15}
#kuh-materails li a span{display:block; width:90px; height:40px; background-image:url(../i/brands.gif);background-repeat:no-repeat;}

#mat0 span{background-position:0 0} /* Corian 1,2*/
#mat1 span{background-position:-90px 0} /* Corian 3,4 */
#mat2 span{background-position:0 -40px} /* Montelli */
#mat3 span{background-position:-90px -40px} /* Montelli Vitro */
#mat4 span{background-position:0 -80px} /* Akrilika */
#mat5 span{background-position:-90px -80px}/* Akrilika Kristall */
#mat6 span{background-position:0 -120px}  /* Staron */
#mat7 span{background-position:-90px -120px} /* Staron Quarry Talus */
#mat8 span{background-position:0 -160px} /* Staron Tempest */
#mat9 span{background-position:-90px -160px} /* Hi-Macs */
#mat10 span{background-position:0 -200px} /* Hi-Macs Prestige */
#mat11 span{background-position:-90px -200px} /* Hanex Main */
#mat12 span{background-position:0 -240px} /* Hanex B,Gl */
#mat13 span{background-position:-90px -240px} /* Tristone */
#mat14 span{background-position: 0px -280px} /* Tristone B,Ts*/
#mat15 span{background-position: -90px -280px} /* Akrilika Эконом */


#profiles { list-style:none; overflow:hidden; padding-bottom:15px; width:700px; margin:60px 0 0 10px}
#profiles li { float:left; height:50px; *height:60px;margin:30px 3px 30px 0;}
#profiles li a {border:1px solid #FFF;display:block; width:200px; height:50px; *height:60px; text-decoration:none; padding:5px;*zoom:1;overflow:hidden}
#profiles li a span {white-space:nowrap; display:block; text-align:left; margin:10px 0 0 0; font-size:12px; line-height:15px; color:#333; font-family:Calibri,"Times New Romans";}
#profiles li a .pic{float:left; display:block;width:66px;height:38px; background:url(../i/calc_spr.png) 0 -981px no-repeat;margin-right:5px;}
#profiles li a.sel{border:1px solid #CCC !important}
#profiles li a:hover{border:1px solid #B72A15}
#profiles li a#prof0 .pic{background-position:0 -981px;}
#profiles li a#prof1 .pic{background-position:-68px -981px;}
#profiles li a#prof2 .pic{background-position:-135px -981px;}
#profiles li a#prof3 .pic{background-position:-204px -981px;}
#profiles li a#prof4 .pic{background-position:-272px -981px;}
#profiles li a#prof5 .pic{background-position:-340px -981px;}

#borders { list-style:none; overflow:hidden; padding-bottom:15px; width:700px;margin:140px 0 0 10px}
#borders li { float:left; height:50px;margin:5px 3px 5px 0; }
#borders li a {display:block; width:200px; height:50px; text-decoration:none; padding:5px;*zoom:1;border:1px solid #FFF}
#borders li a span { white-space:nowrap; display:block; text-align:left; margin:10px 0 0 0; font-size:12px; line-height:15px; color:#333; font-family:Calibri,"Times New Romans";}
#borders li a .pic{float:left; display:block;width:50px;height:38px; background:url(../i/calc_spr.png) 0 0 no-repeat;margin-right:5px;}
#borders li a.sel{border:1px solid #CCC !important}
#borders li a:hover{border:1px solid #B72A15}
#borders li a#bord0 .pic{background:none;}
#borders li a#bord1 .pic{background-position:-433px -981px;}
#borders li a#bord2 .pic{background-position:-485px -981px;}



#terr{list-style:none; overflow:hidden; margin:25px 0 0 25px}
#terr li{margin-bottom:12px}
#terr label{font-size:16px;color:#000; padding-left:10px;}


.summa {position:absolute; background:#3B79AC;color:#FFF;text-align:center; font-weight:bold; font-size:18px;padding: 15px; height:25px;width:700px;text-align:center;bottom:0;}
#recalc{position:absolute; color:#FFF;top:260px;font-size:12px;text-align:center;z-index:3;width:700px;margin-left:-5px;display:none;background:#3B79AC;}

p.clclabel { overflow:hidden; clear:both;}
#container #content {padding-bottom:0;}

ul#types { overflow:hidden; margin:90px 0 15px 0;}
ul#types li.sel { border:1px solid #CCC !important}
ul#types li { float:left; margin-left:40px; display:inline; height:150px;padding:0 15px; background:none;border:1px solid #FFF;text-align:center;}
ul#types li:hover{border:1px solid #B72A15;}
ul#types li a { width:134px; height:107px; display:block; background:url(../i/calc_spr.png) 0 0 no-repeat;overflow:hidden; margin:0;padding:0;}
ul#types li a#type1 { background-position:-135px 0}
ul#types li a#type2 { background-position:-270px 0}
ul#types li em{line-height:30px}

.stypes { display:none;}
div.sel { display:block;}

.stypes { position:relative;}

#sizestype3 { background:url(../i/calc_spr.png) no-repeat 0 -620px; height:360px; width:530px;margin:15px auto 0;}
#moika-t3, #moika-t2,#moika-t1  { background:url(../i/moika-t3.png) no-repeat 0 0; width:218px; height:88px; position:absolute; top:36px; left:150px; z-index:12;}
/*#stoleshnica-t3 { background:url(../i/mat0.png) no-repeat 0 0; height:173px; width:339px; top:76px; left:34px; position:absolute; z-index:9;}*/

#kuh-lngth-h-t3-wrapper{position:absolute;z-index:21;top:3px; left:295px; }
#kuh-wdth-h-t3-wrapper {position:absolute;z-index:21;top:120px; left:442px;}
#kuh-lngth-v-t3-wrapper {position:absolute;z-index:21;left:91px; top:62px}
#kuh-wdth-v-t3-wrapper {position:absolute;z-index:21;left:13px; top:224px}
#kuh-lngth-n-t3-wrapper {position:absolute;z-index:21;left:105px; top:243px;}
#kuh-wdth-n-t3-wrapper {position:absolute;z-index:21;left:286px; top:250px; z-index:50;}

#kuh-vyr-m-t3-wrapper {position:absolute;z-index:21;top:75px; left:-11px }

#kuh-vyr-sm-t3-wrapper {position:absolute;z-index:21;top:27px;left:20px;}
#kuh-vyr-v-t3-wrapper {position:absolute;z-index:21;top: 32px;left: 452px;}

#moika-t1 { top:35px; left:125px; }
#moika-t2 { top:36px; left:137px; }
#kuh-vyr-sm-t1-wrapper{ top:11px; left:198px; position:absolute; z-index:21;}
#kuh-vyr-m-t1-wrapper { top: 96px;left: -100px;position:absolute; z-index:21;}
#kuh-vyr-v-t1-wrapper { top:36px; left:295px; position:absolute; z-index:21;}
#kuh-lngth-t1-wrapper{top:36px; left:211px; position:absolute; z-index:21;}
#kuh-wdth-t1-wrapper{top:18px; left:-9px; position:absolute; z-index:21;}
/*#stoleshnica-t1 { background-image:url("../i/mat0.png");}*/


#sizestype2 { background:url(../i/calc_spr.png) no-repeat 0 -344px; height:275px; width:558px; margin:40px auto 0; }
/*#stoleshnica-t2 { background:url(../i/mat0.png) no-repeat 0 0; height:124px; width:313px; top:77px; left:47px; position:absolute; z-index:9;}*/
#kuh-lngth-h-t2-wrapper{position:absolute;z-index:21; top:3px; left:283px; }
#kuh-wdth-h-t2-wrapper{position:absolute;z-index:21; top:119px; left:431px; }
#kuh-lngth-v-t2-wrapper{position:absolute;z-index:21;left:82px; top:62px}
#kuh-wdth-v-t2-wrapper{position:absolute;z-index:21;left:63px; top:182px;}
#kuh-vyr-m-t2-wrapper{position:absolute;z-index:21;}
#kuh-vyr-v-t2-wrapper{position:absolute;z-index:21;}
#kuh-vyr-v-t2{margin-left:2px;}

#kuh-vyr-sm-t2-wrapper {position:absolute; z-index:60;  top:28px; left:13px;}
#kuh-vyr-m-t2-wrapper {position:absolute; z-index:60; top:120px; left:-35px;}
#kuh-vyr-v-t2-wrapper {position:absolute; z-index:60; top:32px; left:438px;}

#sizestype1 { background:url(../i/calc_spr.png) no-repeat 0 -109px; height:235px;width:376px; position:relative; margin:60px auto 0}
#stoleshnica-t1 { position:absolute; width:277px; height:53px; top:76px; left:70px; z-index:9}
/*#moika-t1 { background:url(../i/moika.png) no-repeat 0 0; width:92px; height:83px; position:absolute; top:36px; left:163px; z-index:10; }*/

#vanna-lngth, #kuh-lngth-t1 { top:2px; left:182px; }

.toround{font:10px "Trebuchet MS", FreeSans, sans-serif;z-index:100}
.toround{position:absolute;width:100px;}
.corn.toround{width:35px}
label{position:relative;color:#797B7D;font:10px "Trebuchet MS", FreeSans, sans-serif;}
.toround label{top:0px; padding-left:5px}
.toround.t1-1{top:52px;left:13px}
.toround.t1-2{top:127px;left:230px}
.toround.t1-3{top:11px;left:64px}
.toround.t1-4{top:88px;left:275px}

.toround.t2-1{top:75px;left:242px}
.toround.t2-2{top:122px;left:382px}
.toround.t2-3{top:169px;left:126px;}
.toround.t2-4{top:8px;left:215px;}
.toround.t2-5{left: 426px;top: 84px;}
.toround.t2-6{top:144px;left:58px;}

.toround.t3-1{top: 75px;left:255px;}
.toround.t3-2{top: 121px;left:392px;}
.toround.t3-3{top: 160px;left: 149px;}
.toround.t3-4{top: 214px;left: 283px;}

.toround.t3-5{top: 8px;left: 228px;}
.toround.t3-6{top: 83px;left: 436px;}
.toround.t3-7{top: 177px;left: 24px;}
.toround.t3-8{top: 253px;left: 236px;}
.stone-m1{left:150px; top:-7px;}
.stone-m2{ top:76px; left:-20px;}
.stone-m3{top:120px; left:-25px}

.wbg{background-color:none;padding: 3px 3px 1px;white-space:nowrap}
.legend{text-align:right;padding-right:95px}

.specify{padding-top:15px;text-align:center;}

/*ie8*/
.wbg,.toround{
    margin-left :-2px\9
}
/*ie6-7*/
.wbg{
    *margin-left:-1px!important;
}

.wbg label{
    *top:-2px!important;
    top:-2px\9
}

.toround{
    *margin:-1px 0 0 -2px!important;
}
.toround.t3-5{
    *left: 226px!important;
}