html, body { padding:0 10px; margin:0; font-family:Verdana, Geneva, sans-serif }

a { font-size:12px; color:#333333 }
a:hover { text-decoration:none }

[type="button"] { border:0 none }
[type="text"] { border:1px solid #ffffff }
[type="button"], [type="text"] { background-color:#EAEAEA; padding:5px 10px; font-size:12px; font-weight:bold; cursor:pointer }
.err { border:1px solid red }

h1,h2,h3 { font-weight:normal }
h1 { font-size:22px }
h2 { font-size:16px }

.nowrap { white-space:nowrap; width:1305px }
.overlay { display:none; text-align:center; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000000; opacity:.7 }

.mailer { display:none; background-color:#fff; border-radius:10px; margin:0 20px 0 0; padding:20px 25px 0 25px; position:fixed; top:50%; left:20% }
.mailer .ok { display:none }
.mailer div { float:left; margin:0 0 10px }
.mailer input { margin:0 5px 0 0; width:170px }

.hint { font-size:14px; color:#676767 }

.fl { float:left }
.clear { clear:both; font-size:0; height:0px }

.leyout { width:537px; height:542px; overflow:hidden }

.leyout .border { white-space:nowrap; border:1px solid #ffffff; overflow:hidden }
.leyout .border.n1 { /*background-color:#f1e6d2;*/ border-top:18px solid #f1e6d2; border-left:18px solid #f1e6d2; padding:0 /*15px 0 0 15px*/ }
.leyout .border.n2 { background-color:#fffff; padding:35px 0 0 35px; border:0 none }
.leyout .border.n3 { background-color:#f1e6d2; border-left:18px solid #f1e6d2; border-top:18px solid #f1e6d2; margin:-619px 0 0 -5px; opacity:0.999; padding:0 }
@media all and (-webkit-min-device-pixel-ratio:0) { .leyout .border.n3 { margin:-613px 0 0 -5px } }

.wlines, .hlines { margin:-18px 0 0 -18px; position:absolute }
.wlines	span { border-right:1px solid #fff; border-bottom:1px solid #fff; display:inline-block; height:17px; margin:0 -10px 0 0; padding:0; width:75px; position:relative; left:18px }
.hlines div { border-bottom:1px solid #fff; border-right:1px solid #fff; height:75px; margin:0; padding:0; width:17px }

.leyout .b { margin:-55px 0 0 -35px; position:relative }

.leyout .b.n1 { height:95px; left:30px; top:15px; width:92px }
.leyout .b.n2 { height:66px; left:-52px; margin-bottom:-120px; margin-right:-135px; position:relative; top:-136px; width:71px }
.leyout .b.n3 { height:155px; left:41px; margin-bottom:-157px; margin-right:-74px; position:relative; top:-91px; width:307px }
@media all and (-webkit-min-device-pixel-ratio:0) { .leyout .b.n3 { margin-right: -220px } }
.leyout .b.n4 { left:-145px; margin-bottom:-80px; margin-right:-310px; position:relative; top:5px }
@media all and (-webkit-min-device-pixel-ratio:0) { .leyout .b.n4 { left:1px } }

.leyout .borders { white-space:nowrap }
.leyout .borders.top { display:inline-block; left:-31px; margin:0 -30px 0 0; position:relative; top:-12px }
.leyout .borders.left { left:-30px; margin:0 -30px 0 0; position:relative; top:-15px }
.leyout .borders.left .b.n1 { margin:-4px 0 0 -36px }

.leyout .rowsInside { /*width:420px; height:397px;*/ overflow:hidden }
.leyout .rowsInsideC { margin:-54px 0 0 -32px }

.leyout .row { white-space:nowrap }
.leyout .row.n1 { margin:0 0 -10px }
.leyout .row.n2 { margin:-37px 0 0 -47px }
.leyout .row.n3 { margin:-36px 0 0 }
.leyout .row.n4 { margin:-37px 0 0 -47px }

.leyout .c { /*cursor:pointer*/ }
.leyout .c.selected { background-color:red; border-radius:20px; z-index:999; opacity:.9 }

.leyout .c.n6 { height:60px; margin:0 29px 0 0; width:60px }

.options { margin:-50px 0 0 35px }
.options .opt:hover, .options .selected { background-color:#efefef }
.options .opt { cursor:pointer; height:52px; margin:0 -2px; padding:5px 5px 0; width:52px }

.carpetOpt, .borderOpt { min-width:360px }
.borderOpt { margin:0 0 0 10px }

.total { margin-top:15px }
.total .n1 { margin-bottom:25px }
.total .n2 { margin-right:380px }
.total .n2, .total .n3 { margin-bottom:125px }