.clear-both {clear: both; height: 0; overflow: hidden;}
div.wincalc-body {font-family: Arial, sans-serif; font-size: 13px; color: #757474; background-color: #ececec; margin: 0;}
div.wincalc-body a {color: #01a6ea; text-decoration: underline;}
div.wincalc-body a:hover {text-decoration: none;}
div.wincalc-padding {padding: 20px;}
p.wincalc-intro {margin: 0 0 20px 0; padding: 0;}

#wincalc {font-size: 13px;}
#wincalc td {font-size: 13px; }
#wincalc label {font-size: 13px !important; color: #000 !important;}

#wincalc-loading {text-align: center; padding: 20px; color: #01a6ea;}

/* CONSTRUCTION LIST */
div.constructions-list-top {height: 39px; background: url(img/constructions-list-top.png) no-repeat 0 0; padding-top: 5px;}
div.constructions-list-bottom {height: 21px; background: url(img/constructions-list-bottom.png) no-repeat 0 0;}
div.constructions-list-side {background: url(img/constructions-list-side.png) repeat-y 0 0; padding: 16px 25px 0 25px}

#construction-list-title {line-height: 39px; text-transform: uppercase; color: #fff; font-weight: bold; text-align: center;}

#construction-list {list-style: none; margin: 0; padding: 0;}
#construction-list li {list-style: none; margin: 0; padding: 0;}
#construction-list li.calc-list-group-title {list-style: none; clear: both; color: #757474; text-align: center; text-transform: uppercase; font-weight: bold; background-image: none;}
#construction-list li.calc-construction {list-style: none;  margin: 0; padding: 0; width: 215px; height: 138px; float: left; cursor: pointer; overflow: hidden; background-position: center center; background-repeat: no-repeat;} 
#construction-list li.calc-construction:hover {background-color: #fff;}

#construction-list-tabs {list-style: none; margin: 0; padding: 0;}
#construction-list-tabs li {margin: 0 0 3px 0; padding: 0; height: 59px; overflow: hidden; background: url(img/construction-list-tab.png) no-repeat 0 0; cursor: pointer; padding: 2px; position: relative; left: 0; top: 0;}
#construction-list-tabs li:hover {background-position: 0 -126px;}
li.construction-list-current-tab {background-position: 0 -63px !important; color: #fff;}
li.construction-list-current-tab td {color: #fff;}

#construction-list-tabs table {width: 100%;}
td.construction-list-tab-icon {display: block; height: 59px; width: 64px; background-repeat: no-repeat; background-position: center center;}
td.construction-list-tab-title {vertical-align: middle; width: 130px; padding: 5px; text-align: center; text-transform: uppercase; font-weight: bold; padding-right: 4px;}

/* DIALOG (VIEWER) */
div.dialog-backshadow {left: 0; top: 0; z-index: 1001; background-color: #000; opacity: 0.5;}
div.dialog-container { left: 50px; top: 50px; z-index: 1002; background-color: rgba(68, 68, 68, 0.31); -webkit-box-shadow: 0px 0px 32px 0px #444; box-shadow:  0px 0px 32px 0px #444; font-family: Arial, sans-serif; font-size: 13px;}
div.dialog-title {height: 38px; background: url(img/dialog-top.png) no-repeat 0 0; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 38px; padding-left: 24px;}
div.dialog-close {width: 13px; height: 13px; background: url(img/dialog-close.png) no-repeat 0 0; position: absolute; right: 12px; top: 12px; cursor: pointer;}
div.dialog-close:hover {background-position: 0 -13px;}
div.dialog-content {background-color: #ececec; padding: 20px 20px 9px 20px; min-width: 400px;}
div.dialog-bottom {height: 11px; background: url(img/dialog-bottom.png) no-repeat right top;}

div.dialog-interface-left {float: left;}
div.dialog-interface-right {float: right; width: 430px; padding-left: 20px; padding-bottom: 5px;}
div.dialog-interface-group1 {width: 270px; float: left; position: relative; left: 0; top: 0;}
div.dialog-interface-group2 {width: 150px; float: right; position: relative; left: 0; top: 0;}
div.dialog-interface-group3 {width: 210px; float: left; padding-top: 5px;}
div.dialog-interface-group4 {width: 210px; float: right; padding-top: 5px;}


div.dialog-message {text-align: center; padding: 50px 20px 50px 20px;}

div.dialog-param-group {margin-bottom: 5px; text-align: left;}
div.dialog-param-group td {color: #000; font-size: 13px;}
select.dialog-select-fullwidth {width: 100%;}
div.dialog-param-title {font-weight: bold; margin-bottom: 2px; text-align: left;}

input.dialog-input {width: 40px; text-align: center;}
label.dialog-checkbox-title {font-weight: bold;}
div.dialog-group-disabled {color: #999;}
div.dialog-group-disabled label {color: #999;}

/* CONSTRUCTION IMAGE */
div.dialog-image-holder {position: relative; left: 0; top: 0;}
input.dialog-size-input {width: 42px; height: 21px; padding: 0; margin: 0; border: 0 none; position: absolute; text-align: center;}


div.dialog-construction-description {text-align: center; margin: 10px 0 10px 0; padding-left: 27px; max-width: 453px;}
div.dialog-construction-rotate {text-align: center; padding-left: 27px; margin-bottom: 10px; margin-top: 10px;}
div.dialog-construction-rotate span {cursor: pointer; display: inline-block; background: url(img/rotate.png) no-repeat left center; padding-left: 20px; height: 16px; line-height: 16px; color: #008fcc;}
div.dialog-construction-rotate u {border-bottom: 1px dashed #008fcc; text-decoration: none;}
div.dialog-construction-rotate u:hover {border-color: transparent;}

div.dialog-calc-message {margin: 10px 20px 10px 20px; text-align: center;}

div.dialog-price-row {clear: both; font-size: 24px; color: #747575; text-align: center; margin: 10px 20px 10px 20px;}
div.dialog-price-row strong {font-size: 36px; color: #0098d6; font-weight: normal;}

/* DIALOG BUTTONS */
div.dialog-buttons-left {width: 50%; float: left}
div.dialog-buttons-right {width: 50%; float: right}
div.dialog-button-left-holder {margin-right: 5px;}
div.dialog-button-right-holder {margin-left: 5px;}
div.dialog-button {display: block; height: 34px; overflow: hidden; line-height: 35px; background: url(img/dialog-button.png) no-repeat 0 0; font-size: 13px; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; cursor: pointer; width: 240px;}
div.dialog-button-left {float: right;}
div.dialog-button-right {float: left; background-position: right top;}
div.dialog-button-order {background-position: right top; }
div.dialog-disabled-button {background-image: url(img/dialog-button-disabled.png);}

/* ZAMER */
div.dialog-form-zamer {}
div.dialog-form-zamer input {display: block; width: 228px; height: 32px; border: 1px solid #ccc; margin-bottom: 6px; padding: 0 5px 0 5px;}
div.dialog-zamer-message {line-height: 17px; width: 260px;}

/* COLOR SAMPLE */
div.dialog-color-sample {height: 200px; position: relative; left: 0; top: 0; background-position: center center; cursor: pointer;}
div.dialog-color-sample-corner {width: 10px; height: 10px; position: absolute; right: 0; bottom: 0; background: url(img/color-sample-corner.png);}
div.dialog-lamtype-holder {width: 130px; position: absolute; left: 10px; top: 30px; z-index: 10;}