.relative {position: relative; left: 0; top: 0;}
.clear-both {clear: both; height: 0; overflow: hidden;}
.float-left {display: block; float: left;}
.float-right {display: block; float: right;}
.user-select-none {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.red {color: #27D5E2;}

body {background: url(http://okna-nova.com.ua/images/bg.jpg) repeat-x 0 0; margin: 0; padding: 0; font-family: "Century Gothic", "Arial", sans-serif; font-size: 13px;}

/* HEADER */
.header {width: 860px; margin: 0 auto 0 auto;}
.lang-switcher {font-family: Arial, sans-serif; font-size: 11px; width: 2%; text-align: center;}
.lang-switcher a {color: #000; text-decoration: none;}
.header-phone {font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 16px; color: #aaa; white-space: nowrap;}
.header-phone span {font-size: 24px; color: #000;}
.header-addr {font-family: Century Gothic,Arial,Tahoma,Helvetica,sans-serif; font-size: 13px; color: #f00;}
.header-search {color: #b0afaf; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; margin-bottom: 10px;}
.header-search input {background: url(http://okna-nova.com.ua/images/input_bg.gif) no-repeat center center; width: 184px; height: 15px; font-size:11px; font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif; font-weight:normal; color: #010101; border: 0 none; padding: 0 5px 0 5px; margin: 0;}

/* PAGE */
.page-background {background: url(http://okna-nova.com.ua/calculator/style/img/bg.png) no-repeat center top; min-height: 810px;}
.page {width: 860px; margin: 0 auto 20px auto; padding: 5px 15px 15px 15px; background-color: #fbfbfb; z-index: 2;}
.page-left {width: 245px; float: left;}
.page-right {width: 600px; float: right;}

.footer {width: 860px; margin: 0 auto 20px auto; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; color: #737373; line-height: 28px;}
.footer-phones {font-size: 22px; color: #000;}
.footer-phones span {font-size: 16px; color: #aaa;}

.calc-section {}
.calc-section h2 {font-size: 18px; font-weight: normal; color: #27D5E2; margin: 0; line-height: 23px; padding: 7px 10px 7px 10px;}
.calc-section h3 {font-size: 13px; font-weight: normal; color: #999; margin: 0px; padding: 5px 5px 0 5px; text-align: center;}
div.calc-section-samples {background-color: #eee; padding: 5px;}
ul.calc-section-samples {list-style: none; margin: 0; padding: 0; text-align: center;}
ul.calc-section-samples li {display: inline-block; padding: 5px; margin: 0; vertical-align: top;}
ul.calc-section-samples span {display: block; padding: 5px; border: 0 none; cursor: pointer;}
ul.calc-section-samples span:hover {background-color: #fff;}
ul.calc-section-samples img {display: block; margin: 0; border: 0 none;}

input.dialog-input {width: 40px; text-align: center;}

/* BUTTON */
.button-holder {width: 50%; float: left;}
.button-double {width: 100%;}
.button-disabled {opacity: 0.5;}

.button {font-family: Arial, sans-serif; position: relative; left: 0; top: 0; z-index: 1; margin: 5px;}
.button-fixed-size {height: 58px; overflow: hidden;}
.button-active {z-index: 2; overflow: visible;}

.button-border {border: 5px solid #B6DADD; background-color: #ededed;}
.button-active .button-border {border-color: #60c3ca;}
.button:hover .button-border {border-color: #60c3ca;}

.button-text-holder {height: 48px; display: table; width: 100%; cursor: pointer; background: #ededed url(http://okna-nova.com.ua/calculator/style/img/btn-gradient.png) repeat-x 0 0;}
.button-text {display: table-cell; text-align: center; vertical-align: middle;}

.button-title {font-size: 16px; font-weight: bold; color: #494949; text-shadow: 1px 1px 0 #ffffff; text-align: center; line-height: 21px;}
.button-description {font-size: 13px; color: #393939; text-align: center; line-height: 17px; max-height: 17px; overflow: hidden;}

.button-list {margin: 1px 0 1px 0; padding: 0; list-style-type: none; font-size: 13px; max-height: 200px; overflow: auto;}

.button-list li {margin: 0 1px 0 1px; padding: 0; list-style-type: none; line-height: 16px; padding: 4px 5px 5px 5px; cursor: pointer;}
.button-list li:nth-child(odd) {background-color: #fafafa;}
.button-list li:hover {background-color: #60c3ca; color: #fff;}

.button-extend-params {text-align: center; margin: 10px;}

.button-dropdown {display: none; background-color: #ededed;}
.button-active .button-dropdown {display: block;}

.button-footer {padding: 8px;}

/* BUTTON COLOR SELECT */
.color-select {width: 100%; height: 136px;}
.color-select-arrow {width: 25px; overflow: hidden; background-image: url(http://okna-nova.com.ua/calculator/style/img/color-arrows.png); background-repeat: no-repeat; cursor: pointer; opacity: 0.5;}
.color-select-arrow:hover {opacity: 1;}
.color-select-prev {background-position: left center;}
.color-select-next {background-position: right center;}

.color-mass {padding: 3px; text-align: center;}
.color-select-lamination {padding: 3px; text-align: center;}


/* DIALOG (VIEWER) */
div.dialog-backshadow {left: 0; top: 0; z-index: 1001; background-color: #fff; opacity: 0.3;}
div.dialog-container { left: 50px; top: 50px; z-index: 1002; background-color: #fbfbfb; font-family: Arial, sans-serif; font-size: 13px; min-width: 600px; min-height: 400px;}
div.dialog-close {width: 13px; height: 13px; background: url(http://okna-nova.com.ua/calculator/style/img/dialog-close.gif) no-repeat 0 0; position: absolute; right: 15px; top: 15px; cursor: pointer;}
div.dialog-close:hover {background-position: 0 -13px;}

/* DIALOG CONTENT */
.dialog-content {width: 1024px;}
.dialog-content-left-holder {width: 100%; float: left; margin-right: -445px;}
.dialog-content-left {margin-right: 445px;}
.dialog-content-right {width: 425px; float: right;}
.dialog-content h1 {font-family: Arial, sans-serif; font-size: 26px; font-weight: bold; color: #27D5E2; margin: 10px 10px 10px 20px;}

.dialog-content-viewer-right-holder {width: 100%; float: right; margin-left: -162px;}
.dialog-content-viewer-right {margin-left: 162px;}
.dialog-content-viewer-left {width: 142px; float: left;}

.dialog-content-nomodes .dialog-content-viewer-right-holder {margin-left: 0;}
.dialog-content-nomodes .dialog-content-viewer-right {margin-left: 0;}
.dialog-content-nomodes .dialog-content-viewer-left {display: none;}

/* DIALOG PANELS */
div.calc-dialog-sidebar-title {color: #bbb; font-weight: bold; padding: 22px 0 4px 18px;}
div.dialog-panel {background-color: #ededed;}
.dialog-materials {-webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; padding: 10px;}
.dialog-result {margin-top: 20px; -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; padding: 20px;}
.dialog-modes {padding: 20px 0 20px 0; -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; }

/* DIALOG IMAGE */
.dialog-image {}
.dialog-image-sizes {margin: 0 auto 0 auto; position: relative; left: 0; top: 0;}
.dialog-image img {display: block; margin: 0 auto 0 auto;} 
.dialog-construction-rotate {text-align: center; padding-left: 27px; margin-bottom: 10px; margin-top: 10px;}
.dialog-construction-rotate span {cursor: pointer; display: inline-block; background: url(http://okna-nova.com.ua/calculator/style/img/rotate.png) no-repeat left center; padding-left: 20px; height: 16px; line-height: 16px; color: #828282;}
.dialog-construction-rotate u {border-bottom: 1px dashed #828282; text-decoration: none;}
.dialog-construction-rotate u:hover {border-color: transparent; color: #27D5E2;}
.dialog-construction-description {text-align: center; margin: 10px 0 10px 0; padding-left: 27px;}
input.dialog-size-input {width: 42px; height: 21px; line-height: 21px; padding: 0; margin: 0; border: 0 none; position: absolute; text-align: center;}

/* DIALOG PRICE */
div.dialog-price-row {clear: both; font-size: 24px; color: #747575; text-align: center; margin: 0 10px 20px 10px;}
div.dialog-price-row strong {font-size: 36px; color: #27D5E2; font-weight: normal;}
div.dialog-calc-message {margin: 10px 20px 10px 20px; text-align: center;}
div.dialog-count {text-align: center; margin-bottom: 15px;}

/* DIALOG BUTTONS */
.dialog-buttons-holder {max-width: 480px; margin: 0 auto 0 auto;}

/* MODES LIST */
.modes-list {list-style: none; margin: 0; padding: 0; background-color: #ededed; }
.modes-list li {padding: 5px 2px 5px 2px; border-left: 5px solid transparent; border-right: 5px solid transparent; cursor: pointer;}
.modes-list li:hover {background-color: #f6f6f6;}
.modes-list li.active {border-color: #27D5E2; background-color: #f6f6f6;}
.modes-list img {display: block; margin: 0 auto 0 auto;}


/* ZAMER */
.zamer-form {margin: 10px 22px 10px 10px;}
.zamer-form input {display: block; width: 100%; height: 32px; border: 1px solid #ccc; margin-bottom: 6px; padding: 0 5px 0 5px;}
.button-zamer-message {margin: 10px; text-align: center;}
.button-zamer .button-active .button-text-holder {display: none;}
.button-submit {height: 48px; display: table; width: 100%; cursor: pointer; background: #ededed url(http://okna-nova.com.ua/calculator/style/img/btn-gradient.png) repeat-x 0 0; border-top: 1px solid #b2b2b2;}
.button-submit:hover {background-color: #eeeee2; background-image: none;}