@font-face {
    font-family: Rotis;
    src: url('../fonts/rotis/rotissansserif-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/rotis/rotissansserif-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rotis/rotissansserif-webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/rotis/rotissansserif-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'fakt-blond';
    src: url('../fonts/fakt/Fakt-Blond.woff2') format('woff2'),
    url('../fonts/fakt/Fakt-Blond.woff') format('woff'),
    url('../fonts/fakt/Fakt-Blond.ttf') format('truetype'),
    url('../fonts/fakt/Fakt-Blond.svg#fakt-blond') format('svg');
}

#advancedProductSearchLink{
    border: 1px solid #808080;
    background: #eee;
    color: #555555;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 20px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
}

/* Base components. */

* {
    margin: 0;
    padding: 0;
}

a:focus {
    outline: 0;
}

/*html {*/
/*background: #d2d2d2;*/
/*}*/

div {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    /*max-width: 1010px;*/
    /*margin: 10px auto;*/
    font-size: 100.01%;
    color: #000;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    /*-moz-border-radius:5px;*/
    /*-webkit-border-radius:5px;*/
    /*-khtml-border-radius:5px;*/
    /*border-radius:5px;*/
    /*box-shadow: 0 0 5px 0 #999;*/
}

a {
    color: #707070;
    font-weight: bold;
    text-decoration: none;
}

h1, h2 {
    display: block;
    padding: 0px 0 3px 0px;
}

h3 {
    font-size: 18px;
    font-weight: normal;
}

h4 {
    display: block;
}

img {
    border: none;
}

ul li {
    list-style-type: none
}

/* --- end --- */

/*------ Accessorial Styles -----*/

.clr {
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0
}

.clr.w-height {
    display: block;
    width: auto;
    height: 20px;
}

.basic-header-label {
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #000000;
    display: inline-block;
}

.basic-label {
    font-size: 13px;
    font-weight: bold;
    color: #555;
}

.black-label {
    color: #000000 !important;
}

.red-label {
    color: red;
}

.italic-label {
    font-style: italic;
}

.underlined-label {
    text-decoration: underline;
}

.simple-label {
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
}

.small-label {
    font-size: 11px;
}

.normal-label {
    font-size: 12px;
}

.large-label {
    font-size: 14px;
}

.flt-n {
    float: none !important;
}

.flt-l {
    float: left;
}

.flt-r {
    float: right;
}

.cursor-default {
    cursor: default;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block !important;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

.btn-box a.text-decoration-none {
    text-transform: none;
}

.half-width {
    width: 50% !important;
}

.centerred-cell {
    display: table-cell;
    vertical-align: middle;
}

/* --- end --- */

/*------ General Styles -----*/

.desk {
    width: 1200px;
}

.mobile {
    width: 990px;
}

#container {
    position: relative;
}

/*------ Header  ------*/

#header {
    display: block;
    height: 68px;
    overflow: hidden;
}

#accountLogoImage {
    display: none;
}

#nav_lang, #nav_lang label, #nav_lang select {
    float: left;
    display: inline;
}

#nav_lang {
    margin: 0 0 0 7px;
}

#nav_lang label {
    color: #555;
    text-transform: uppercase;
    font: 11px/13px Tahoma, Arial, sans-serif;
    padding: 0 0 0 10px;
    margin-top: 2px;
    border-left: 1px solid #b4b8b8;
}

#nav_lang select {
    margin: 0 0 0 4px;
    color: #000;
    font: 11px/13px Tahoma, Arial, sans-serif;
}

#nav_meta {
    float: right;
    width: 450px;
    height: 23px;
}

#nav_meta ul {
    margin: 0;
    padding: 0px 0 0 0px;
    list-style: none;
}

#nav_meta li {
    float: right;
    margin: 0;
    padding: 0;
    border-right: 1px solid #767676;
    height: 12px;
}

#logo, #accountLogo {
    float: left;
    display: inline;
    margin: 20px 0 0 10px;
}

#logo img, #accountLogo img {
    float: left;
}

.account-box-custom {
    float: right;
    display: inline;
    margin: 56px 0 0;
}

.account-box {
    float: right;
    display: inline;
    margin-top: 25px;
}

.account-box .welcome {
    float: left;
    display: inline;
    margin-top: 2px;
    margin-left: 6px;
    color: #000;
    font: 11px/13px Arial, sans-serif;
}

.account-box .welcome span, .account-box .welcome a {
    color: #555;
    cursor: pointer;
    text-decoration: none;
}

.account-box .welcome span:hover, .account-box .welcome a:hover {
    text-decoration: underline;
}

.logout-form, .btn-logout {
    float: left;
    display: inline;
}

.logout-form {
    margin-left: 10px;
}

.btn-logout {
    padding: 0 0 0 12px;
    margin: 2px 0 0 6px;
    color: #555;
    text-transform: uppercase;
    font: 11px/13px Arial, sans-serif;
    background: url(../images/icons2020.png) 0 -701px no-repeat;
    cursor: pointer;
}

.btn-logout:hover {
    color: #000;
    background: url(../images/icons2020.png) 0 -720px no-repeat;
}

.account-box .btn-box {
    padding-top: 0;
    display: none;
}

.account-box .btn-box form {
    float: right;
}

.account-box .btn-box input {
    float: right;
    margin: 10px 0 0 0;
    padding: 1px 10px;
    font: 11px/13px Arial, Helvetica, sans-serif;
    background-color: #1d7c93;
    background-position: 0 0;
}

.account-box .btn-box input:hover {
    background-position: 0 -100px;
}

/* --- end --- */

/*------ Content  ------*/

.content-top {
    display: block;
    height: 4px;
    overflow: hidden;
    margin-top: 10px;
    background: #8ad5d5 url(../images/bg_content_top.gif) repeat-y 100% 0;
    clear: both;
}

.content-top-box {
    padding: 15px 0 20px;
}

#content {
    display: block;
    min-height: 560px;
    padding: 25px;
    background-color: #fff;
    /*margin-bottom:-40px;*/
}

#content, #content p, #content ul, #content div, #content a, #content span {
    font-family: Arial, Helvetica, sans-serif;
}

.login-form-box .row-parameters h1, .reg-form h1 {
    color: #000;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    padding: 0 15px 12px;
}

#content h2, .popup-body h2 {
    color: #000;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    padding: 0 15px 12px;
}

#content h3 {
    color: #444;
    padding: 10px 0 6px;
}

.path, .path li {
    float: left;
    display: inline;
}

.path {
    padding-bottom: 25px
}

.path li, .path li a, .path li span {
    font-size: 14px;
    line-height: 16px;
}

.path li {
    color: #444;
    padding-right: 4px;
}

.path li a {
    color: #099;
    text-decoration: underline;
    font-weight: normal;
}

.path li a:hover {
    color: #099;
    text-decoration: none;
}

.btn-box {
    display: block;
    padding-bottom: 20px;
    /*overflow:hidden;	*/
}

.btn {
    float: right;
}

.btns {
    float: right;
}
.btn-box input, .btn-box a, .btn-box span {
    float: right;
    border: none;
    background: none;
    color: #fff;
    padding: 5px 20px;
    margin: 0 0 10px 20px;
    font-size: 12px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #707070;
    background-position: 0 -70px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 1px 1px 1px #333;
}

.btn-box input:hover, .btn-box a:hover {
    opacity: 0.8;
}

.btn-box a, .btn-box span {
    height: 15px;
    line-height: 16px;
    padding-bottom: 6px;
}

.btn-box a.left-btn {
    float: left;
    margin: 0;
}

.btn-box a label {
    line-height: 16px;
}

.btns input {
    float: left;
}

.btn-box .btn input {
    float: left;
}

.btn-box input.btn-cancel, .btn-box a.btn-cancel, .btn-box span.btn-cancel {
    background-color: #707070;
}

.btn-box input.btn-force-submit, .btn-box a.btn-force-submit, .btn-box span.btn-force-submit {
    background-color: red;
    color: #fff;
    font-family: "Comic Sans MS";
    border-radius: 14px;
}

.btn-box a.btn-cancel.btn-left,
.btn-box a.btn-force-submit.btn-left {
    float: left;
}

.btn-box input.btn-cancel:hover, .btn-box a.btn-cancel:hover {
    background-position: 0 -130px;
}

.btn-box input.btn-force-submit:hover, .btn-box a.btn-force-submit:hover {
    opacity: 0.8;
}

.btn-box span.btn-cancel, .btn-box span.btn-force-submit {
    border: 1px solid #bbb;
    color: #ffffb3;
    cursor: pointer;
    text-shadow: #000 0 0 0;
    padding-top: 4px;
    padding-bottom: 5px;
}

.btn-box em {
    font-style: normal;
}

.btn-box a.print-button,
.btn-box a.frame-settings-button {
    float: left;
    margin-left: 0;
}

/* --- end --- */

.version {
    display: block;
    padding: 0 0 15px;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 16px;
}

/*------ Footer  ------*/

#footer {
    /*position: relative;*/
    /*top: 40px;*/
    display: block;
    height: 28px;
    padding: 12px 0 0;
    color: #455256;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    border-top: 1px solid #767676;
    font-family: Arial, Helvetica, sans-serif;
}

/* --- end --- */

/* --- Wizard --- */

#content {
    padding: 0;
    background: none;
}

#content .content-top {
    position: relative;
    top: -1px;
    display: block;
    margin: 0;
    background: #8ed9ec url(../images/bg_tab_content_top.gif) repeat-x;
    height: 5px;
    border: 1px solid #767676;
}

div.tabs {
    display: block;
    padding: 15px 0 0;
    height: 30px;
}

div.tabs ul, div.subtabs ul {
    display: block;
    list-style: none;
    height: 30px;
    background-color: #ccc;
    border-right: 1px solid #999;
}

#content div.tabs ul li, #content div.tabs ul li a, #content div.tabs ul li a span,
#content div.subtabs ul li, #content div.subtabs ul li a, #content div.subtabs ul li a span {
    float: left;
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#content div.tabs ul li span span{
    float: left;
    display: block;
    font-weight: normal;
    font-size: 10px;
    line-height: 28px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

#content div.tabs.breadcrumb-tabs ul li, #content div.tabs.breadcrumb-tabs ul li a,
#content div.tabs.breadcrumb-tabs ul li a span {
    font-size: 10px;
}

#content div.tabs ul li.mb-icon, #content div.tabs ul li.tab-level-box,
#content div.subtabs ul li.tab-level-box {
    float: right;
    display: inline;
    padding: 5px 4px 0 0;
    margin: 0;
    line-height: 14px;
    text-transform: none;
}

#content div.tabs ul li.mb-icon a, #content div.tabs ul li.mb-icon span {
    float: left;
    display: inline;
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/icons2020/bg_menubar_icons.svg);
    margin-right: 5px;
}

#content div.tabs ul li.close a {
    background-position: -60px 0px;
}

#content div.tabs ul li.close a:hover {
    background-position: -60px -30px;
}

#content div.tabs ul li.close span {
    background-position: -60px -60px;
}

#content div.tabs ul li.calculate-thickness a.on {
    background-position: -30px 0px;
}

#content div.tabs ul li.calculate-thickness a.on:hover {
    background-position: -30px -30px;
}

#content div.tabs ul li.calculate-thickness a.off {
    background-position: -30px -60px;
}

#content div.tabs ul li.calculate-thickness a.off:hover {
    background-position: -30px -60px;
}


#content div.tabs ul li.reset a {
    background-position: 0px 0px;
}

#content div.tabs ul li.reset a:hover {
    background-position: 0px -30px;
}

#content div.tabs ul li.reset span {
    background-position: 0px -60px;
}

#content div.tabs ul li.tab-level-box span, #content div.subtabs ul li.tab-level-box span {
    float: left;
    display: inline;
    height: 14px;
    padding: 2px 5px;
    color: #555;
    border: 1px solid #999;
    background: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    min-width: 100px;
}

#content div.tabs ul li.tab-level-box label, #content div.subtabs ul li.tab-level-box label {
    float: left;
    display: inline;
    height: 14px;
    padding: 3px 5px 0 0;
    color: #555;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

#content div.tabs ul li.tab-level-box span em, #content div.subtabs ul li.tab-level-box span em {
    font-style: normal;
}

div.tabs ul li {
    position: relative;
    margin-right: -8px;
}

div.tabs ul li.tab0 {
    z-index: 9;
}

div.tabs ul li.tab1 {
    z-index: 8;
}

div.tabs ul li.tab2 {
    z-index: 7;
}

div.tabs ul li.tab3 {
    z-index: 6;
}

div.tabs ul li.selected {
    z-index: 10;
}

div.tabs li a, div.tabs li span,
div.subtabs li a, div.subtabs li span {
    background-image: url(../images/bg_tab.png);
    background-repeat: no-repeat;
    float: left;
}

div.tabs li a {
    background-position: 100% -50px;
    color: #555;
}

div.tabs li a span {
    background-position: 0 -50px;
    padding: 0 25px;
}

div.tabs.breadcrumb-tabs li a span {
    padding: 0 12px;
}

div.tabs li a:hover {
    background-position: 100% -100px;
}

div.tabs li a:hover span {
    background-position: 0 -100px;
    padding: 0 25px;
}

div.tabs.breadcrumb-tabs li a:hover span {
    padding: 0 12px;
}

#content div.tabs li.selected a {
    height: 30px;
    background-position: 100% 0;
    color: #fc753d;
}

#content div.tabs li.selected a span {
    background-position: 0 0;
    color: #00a6a7 !important;
}

/* Subtabs */

div.subtabs {
    height: 34px;
    border-right: 1px solid #767676;
    border-left: 1px solid #767676;
}

div.subtabs ul {
    display: block;
    height: 28px;
    padding: 6px 0 0;
    overflow: hidden;
    background-color: #dde2e4;
    border: none;
}

div.subtabs ul li, div.subtabs ul li a {
    line-height: 28px;
    height: 28px;
}

div.subtabs li {
    margin: 0;
    padding: 0 0 0 5px;
}

div.subtabs li a, div.subtabs li span {
    float: left;
    line-height: 28px;
}

#content div.subtabs li span {
    line-height: 28px;
    color: #fff;
    padding: 0 15px 0 0;
}

#content div.subtabs ul li a {
    color: #fff;
    padding-left: 15px;
    background-position: 0 -190px;
}

div.subtabs ul li a span {
    background-position: 100% -190px;
}

#content div.subtabs ul li a:hover {
    color: #fff;
    padding-left: 15px;
    background-position: 0 -230px;
}

div.subtabs ul li a:hover span {
    background-position: 100% -230px;
}

#content div.subtabs li a:hover {
    text-decoration: none;
}

#content div.subtabs ul li.selected a {
    color: #000;
    background-position: 0 -150px;
    height: 28px !important;
}

#content div.subtabs ul li.selected a span {
    color: #000;
    text-decoration: none;
    background-position: 100% -150px;
}

.tab-panel-box p {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    padding-bottom: 16px;
}

.tab-panel-box input[type="text"], .tab-panel-box input[type="password"], .tab-panel-box textarea,
.popup-body input[type="text"], .popup-body input[type="password"], .popup-body textarea,
.refraction-container input[type="text"] {
    display: block;
    border: 1px solid #888;
    background: none;
    background-color: #fff;
    padding: 0 4px;
    height: 17px;
    color: #000;
    font-size: 11px;
    line-height: 17px;
    width: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

.popup-body .free-width input {
    width: auto;
}

.tab-panel-box textarea {
    width: 290px;
    height: 60px;
    font-family: Arial, Helvetica, sans-serif;
}

.tab-panel-box input[type="text"].dis, .tab-panel-box input[type="password"].dis,
.popup-body input[type="text"][disabled="disabled"],
.popup-body input[type="text"][disabled="disabled"],
#content select[disabled="disabled"],
#content .tab-panel-box select.dis {
    border: 1px solid #bbb;
    background: #eee;
    color: #999;
}

.login-form-box .row-parameters .cell input[type="text"][disabled="disabled"] {
    border: 1px solid #bbb;
    background: #eee;
    color: #999;
}

.tab-panel-box input[type="text"].dis2, .tab-panel-box input[type="password"].dis2 {
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
}

.tab-panel-top-box {
    display: block;
    padding: 18px 0 0;
}

.todo-box, .quick-search-box, .advanced-search-box, .with-button label {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

.todo-box span {
    font-weight: normal;
}

.box {
    display: block;
}

.box.frame-order-box {
    margin-bottom: 15px;
}

.with-button {
    position: relative;
    padding-bottom: 40px;
}

.sales-aid-box.with-button {
    padding-bottom: 66px;
}

.popup-body .with-button {
    padding-bottom: 0;
}

.quick-search-box {
    float: left;
    display: inline;
    position: relative;
    width: 380px;
}

.advanced-search-box {
    float: left;
    display: inline;
    position: relative;
    width: 300px;
}

.quick-search-box, .advanced-search-box label {
    padding-bottom: 5px;
}

.quick-search-box input[type="text"] {
    background: #fff;
    border: 1px solid #888;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    padding: 5px 30px 5px 7px;
    width: 264px;
    float: left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.advanced-search-box input[type="text"] {
    background: #fff;
    border: 1px solid #888;
    font-size: 12px;
    color: #000;
    height: 16px;
    line-height: 16px;
    padding: 5px 30px 5px 7px;
    width: 200px;
    float: left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.popup-text-field-clear {
    float: right;
    display: inline;
    width: 15px;
    height: 15px;
    overflow: hidden;
    background: url(../images/icons2020.png) no-repeat -1px -2101px;
    margin: -17px 2px 0 -16px;
    position: relative;
    z-index: 999;
}

.text-field-clear {
    float: left;
    display: inline;
    width: 15px;
    height: 15px;
    margin: 2px 0 0 -16px !important;
    overflow: hidden;
    background: url(../images/icons2020.png) no-repeat -1px -2101px;
}

span.text-field-clear {
    background: url(../images/icons2020.png) no-repeat -1px -2131px
}

.search-clear {
    float: left;
    display: inline;
    width: 26px;
    height: 26px;
    margin: -1px 0 0 -28px;
    overflow: hidden;
    background: url(../images/ico_clear.png) 0 0 no-repeat;
}

.search-clear:hover {
    background: url(../images/ico_clear.png) 0 -30px no-repeat;
}

.search-btn {
    float: left;
    display: inline;
    width: 42px;
    height: 24px;
    background: url(../images/icon-search.svg);
    overflow: hidden;
    margin-left: 10px;
    border-radius: 12px;
    cursor: pointer;
}

.search-btn:hover {
    opacity: 0.8;
}

span.search-btn, span.search-btn:hover {
    background: url(../images/icon-search.svg);
    cursor: default;
}

.search-btn.disabled, .search-btn.disabled:hover {
    cursor: default;
    background: url(../images/icon-search.svg);
}

.right-lnk {
    float: right;
    display: inline;
    height: 16px;
    margin: 28px 36px 0 0;
    font-size: 11px;
    line-height: 13px;
    text-decoration: underline;
    font-weight: bold;
}

.print-btn label {
    display: none;
}

a.right-lnk {
    color: #00a6a7;
}

a.right-lnk:hover {
    text-decoration: none;
}

span.right-lnk {
    color: #999;
    text-decoration: underline;
}

.right-lnk em {
    font-style: normal;
}

.with-button .btn-box {
    float: right;
    display: inline;
    position: absolute;
    right: 0;
    bottom: 20px;
}

.with-button .btn-box a {
    float: left;
    display: inline;
    margin: 0 0 0 20px;
    background-position: 0 -30px;
}

.with-button .btn-box a:hover {
    background-position: 0 -130px;
}

.tab-panel-box {
    padding: 20px 0;
}

.category-binding-popup .tab-panel-box,
.order-binding-popup .tab-panel-box {
    padding: 20px 0 0 0;
}

.fixbox {
    position: relative;
    min-height: 440px;
}

.tab-panel-box .btn-box {
    margin-bottom: -20px;
}

.tab-panel-box .btn-box.top-position {
    margin-bottom: 20px;
}

#summary {
    position: absolute;
    display: block;
    top: 167px;
    right: 0;
    padding-left: 19px;
    border: 1px solid #999;
    background-color: #f2f4f5;
    background-image: url(../images/bg_summary_box.png);
    background-repeat: repeat-y;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-position: -380px 0;
    width: 1px;
    overflow: hidden;
}

#summary .decentration-label {
    margin: 0;
}

.wo-subtab#summary {
    top: 139px;
}

.summary-uncollapsed#summary {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -khtml-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background-position: 0 0;
}

.su-width#summary {
    width: 240px;
}

#summary-btn {
    float: left;
    display: inline;
    width: 20px;
    margin-left: -19px;
    margin-right: -2px;
    height: 410px;
    padding-top: 28px;
    overflow: hidden;
    background-image: url(../images/bg_summary.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
}

#summary-btn span, #summary-btn label {
    display: block;
    width: 100px;
    height: 98px;
    padding-top: 2px;
    margin-left: -80px;
    color: #555;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    cursor: pointer;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    overflow: hidden;
}

#summary #summary-btn span, #summary #summary-btn label {
    background: none;
}

.summary-uncollapsed #summary-btn {
    background-position: 100% 10px;
}

#summary-content {
    float: left;
    display: none;
    width: 220px;
    min-height: 428px;
    padding: 0 15px 10px 5px;
    overflow: hidden;
}

.summary-uncollapsed #summary-content {
    display: block;
}

#summary-content h2 {
    font-size: 12px;
    line-height: 15px;
    display: block;
    padding: 10px 0 7px;
    border-bottom: 1px solid #767676;
}

#summary-content a:hover h2 {
    color: #00a6a7;
}

#content #summary-content h3, #content .lens-details-box .main-box .cell .col h3, .lens-details-box .main-box .cell .col h3 {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    padding: 1px 5px;
}

#content #summary-content h3 {
    padding-right: 0;
}

#summary-content .parameters-box {
    position: relative;
    float: none;
    display: block;
    padding: 4px 5px;
    margin: 10px 0 0;
    font-size: 11px;
    line-height: 13px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

#summary-content .parameters-box.with-bottom {
    padding-bottom: 22px;
}

#summary-content .parameters-box.shape .images-box, #summary-content .parameters-box.shape .images-box img {
    float: left;
    display: inline;
    margin-right: 10px;
}

#summary-content .parameters-box.shape .images-box img {
    width: 32px;
    /*height: 32px;*/
    padding: 1px;
    margin-right: 5px;
    border: 1px solid #707070;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

#summary-content .col-header, .lens-details-box .main-box .col-header {
    margin-top: 15px;
}

#summary-content .col-header h5, .lens-details-box .main-box .col-header h5 {
    padding: 1px 0;
    margin: 0;
}

#summary-content .left-right .cell, .lens-details-box .main-box.wo-checkbox .cell .col .cell {
    background-color: #fff;
    border: none;
    padding: 0 5px;
}

.lens-details-box .main-box.wo-checkbox .cell .col .cell.mm {
    padding-left: 0;
}

.lens-details-box .cell.mm em {
    height: 12px;
    margin-left: -1px;
}

#summary-content .left-right .cell {
    padding-right: 0;
}

#content #summary-content .left-right .col {
    margin-left: 0;
}

#summary-content .col .cell a, .lens-details-box .main-box .cell .col .cell a, .lens-details-box .main-box .col .cell a,
#summary-content .col .cell span, .lens-details-box .main-box .cell .col .cell span, .lens-details-box .main-box .col .cell span {
    display: inline;
    float: left;
    height: 15px;
    font: bold 11px/13px Arial, Helvetica, sans-serif;
    margin: 0;
}

#summary-content .col .cell a span, .lens-details-box .main-box .cell .col .cell a span, .lens-details-box .main-box .col .cell a span, #summary-content .bottom-row span.diametr a span {
    cursor: pointer;
    color: #000;
}

#summary-content .col .cell a.err span, .lens-details-box .main-box .cell .col .cell a.err span, .lens-details-box .main-box .col .cell a.err span, #summary-content .bottom-row span.diametr a.err span {
    color: #e03;
    text-decoration: underline;
}

#summary-content .col .cell a:hover span, .lens-details-box .main-box .cell .col .cell a:hover span, .lens-details-box .main-box .col .cell a:hover span, #summary-content .bottom-row span.diametr a:hover span {
    color: #000;
}

#summary-content .col .cell a.err:hover span, .lens-details-box .main-box .cell .col .cell a.err:hover span, .lens-details-box .main-box .col .cell a.err:hover span, #summary-content .bottom-row span.diametr a.err:hover span {
    color: #e03;
    text-decoration: none;
}

#summary-content .col .cell span, .lens-details-box .main-box .cell .col .cell span, .lens-details-box .main-box .col .cell span {
    height: auto;
    padding: 1px 0;
}

#summary-content .col .cell span {
    margin-right: 0;
}

#summary-content .col .cell span span {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#summary-content .bottom-row {
    display: block;
    padding-top: 3px;
}

#summary-content .bottom-row span, #summary-content .bottom-row label {
    display: inline;
    float: left;
}

#summary-content .bottom-row span {
    margin-right: 10px;
}

#summary-content .bottom-row span span {
    margin-right: 0;
}

#summary-content .bottom-row span.diametr {
    padding-left: 15px;
    background: url(../images/icons2020.png) 0 -799px no-repeat;
}

#summary-content .parameters-box span.h3 {
    font-weight: bold;
}

#summary-content .bottom-row label {
    font-size: 10px;
    margin: 1px 0 0 4px;
}

#summary-content .bottom-row span span, #summary-content .bottom-row span label {
    padding-top: 0;
}

#summary-content .parameters-box a {
    text-decoration: none;
}

#summary-content .parameters-box a:hover {
    text-decoration: underline;
}

#summary-content .parameters-box a span {
    cursor: pointer;
}

#summary-content .parameters-box a.view-all {
    display: inline;
    float: right;
    padding: 0 8px 0 0;
    color: #00a6a7;
    text-decoration: underline;
    font-weight: normal;
    font-size: 10px;
    line-height: 11px;
    background: url(../images/icons2020.png) 100% -817px no-repeat;
}

#summary-content .parameters-box.shape a.view-all {
    margin-top: -11px;
}

#summary-content .parameters-box a.view-all:hover {
    text-decoration: none;
}

#summary-content .parameters-box .err {
    color: #e03 !important;
}

#summary-content .parameters-box .row {
    display: block;
}

#summary-content .parameters-box .row h3 {
    padding: 1px 0;
}

#summary-content .parameters-box .row .col {
    margin-right: 0;
}

#summary-content .col .cell span.checked, .lens-details-box .main-box .col .cell span.checked, #summary-content .col .cell.checked-box span span {
    padding-left: 15px;
    background: url(../images/icons2020.png) 0 -906px no-repeat;
}

#summary-content .col .cell span.checked, #summary-content .col .cell.checked-box span span {
    font-weight: bold;
    margin-right: 5px;
}

#summary-content .left-right .bottom-row .cell, #summary-content .bottom-row .cell {
    padding: 0;
    margin-right: 10px;
}

#summary-content .row.bottom-row .cell label, #summary-content .cell label {
    color: #000;
    font-size: 11px;
    margin: 0 4px 0 0;
    padding: 1px 0;
    font-weight: normal;
}

#summary-content .summary-lnk {
    display: block;
    padding: 4px 5px;
    margin: 10px 0 0;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    color: #555;
    cursor: pointer;
}

#summary-content .summary-lnk:hover {
    color: #00a6a7;
}

/* Lens Details*/

#content .lens-details-box .main-box h3, .lens-details-box .main-box h3 {
    font-weight: normal;
}

#content .lens-details-box .dis h3, .lens-details-box .dis h3 {
    color: #999;
}

.lens-details-box .left-right .cell, .main-box.lens-type .cell {
    border: 1px solid #767676;
}

.lens-details-box .left-right .cell, .main-box.dis .cell {
    background-color: #fff;
    border: 1px solid #ccc;
}

.lens-details-box .main-box .col .cell .sub-cell span {
    color: #000;
    font: bold 11px/13px Arial, Helvetica, sans-serif;
    margin: 0;
}

.lens-details-box .dis .col .cell .sub-cell span {
    color: #999;
}

.lens-details-box .main-box .col-header {
    padding: 4px 5px 0;
    margin-top: 18px;
}

.lens-details-box .main-box.wo-checkbox .cell .col .cell {
    background: none;
    min-width: 1px;
}

.lens-details-box .main-box .cell .col .cell span {
    font-weight: bold;
}

#content .lens-details-box .main-box .cell .col h3, .lens-details-box .main-box .cell .col h3 {
    font-weight: normal;
    padding-top: 5px;
}

#content .lens-details-box .main-box .col .cell h3, .lens-details-box .main-box .col .cell h3 {
    padding-bottom: 4px;
}

.lens-details-box .main-box .col .cell span {
    margin: 0 5px;
    padding: 1px 0;
}

.lens-details-box .main-box .col .cell span.checked {
    font-weight: bold;
    margin: 0 5px;
}

.fix-max-width {
    max-width: 220px;
}

.lens-details-box .main-box .cell {
    padding-bottom: 5px;
    min-height: 20px;
}

.lens-details-box .main-box .sub-cell {
    padding-bottom: 0;
}

.lens-details-box .sub-cell.empty-top {
    padding-top: 0
}

.lens-details-box .sub-row em, .lens-details-box .cell em {
    float: left;
    display: inline;
    margin: 3px 0 0 3px;
    font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
}

.lens-details-box .sub-row strong {
    float: left;
    display: inline;
    font: 11px/13px Arial, Helvetica, sans-serif;
    padding: 1px 0;
}

.column-box {
    float: left;
    display: inline;
}

.column-box .parameters-box {
    padding-bottom: 20px;
}

.lens-details-box .pb-scheme-box {
    padding-bottom: 0;
}

.lens-details-box .paddingtop5 .cell {
    padding-top: 5px
}

.value-container span {
    min-height: 13px;
}

/* ---- */

.product-types-box {
    display: block;
    padding-left: 126px;
    padding-right: 25px;
}

.product-types {
    float: left;
    display: inline;
    margin-left: -126px;
    width: 126px;
}

.product-types ul {
    float: left;
    display: inline;
    width: 125px;
    margin-top: 10px;
    border: 1px solid #767676;
    border-right: none;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.product-types li, .product-types li a {
    font-size: 11px;
    line-height: 13px;
}

.product-types li {
    width: 125px;
    position: relative;
    border-bottom: 1px solid #767676;
}

.product-types li:last-child {
    border-bottom: 0;
}

.product-types li a {
    display: block;
    width: 111px;
    padding: 7px 0 7px 14px;
    color: #555;
    text-decoration: none;
    background: #dae0e2 url(../images/bg_product_types.gif) 0 0 repeat-x;
}

.product-types li a.on {
    background: #02a7a8 url(../images/bg_product_types.gif) 0 -30px repeat-x;
    color: #fff;
}

.type-hover a:hover {
    background: #02a7a8 url(../images/bg_product_types.gif) 0 -60px repeat-x;
    color: #00a6a7;
}

.product-types .disabled li a, .product-types .disabled li a:hover {
    cursor: default;
    color: #999;
    background: #dae0e2 url(../images/bg_product_types.gif) 0 0 repeat-x;
}

.search-results-box {
    display: none;
    padding: 10px 10px 10px 185px;
    border: 1px solid #767676;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.results-box.search-results-box {
    display: block;
    float: none;
    margin-right: 255px;
    margin-top: 0;
    width: auto;
    padding-left: 10px;
}

.results-box.width-all {
    margin-right: 30px;
}

.info-news-box {
    display: none;
}

.info-news {
    display: block;
    padding: 4px;
    border: 1px solid #767676;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.popup-body .info-news {
    padding: 0 10px 5px;
}

.popup-body .info-news-box img {
    float: none;
    margin: 5px 0 0;
}

#content .info-news-box h2 {
    margin: 0;
    padding: 0 0 8px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}

.info-news-box p {
    margin: 0;
    padding: 0 0 10px;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}

.info-news-box img {
    float: left;
    margin: 0;
}

.product-result-box {
    width: auto !important;
    padding: 25px 0 0 100px;
}

.filter-container .chb-cell {
    padding-top: 4px;
}

.popup-table-box {
    display: none;
    padding: 10px 10px 10px 10px;
    border: 1px solid #767676;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.search-results-box.on, .info-news-box.on, .popup-table-box.on {
    display: block;
}

.filter-header {
    margin: 20px 0 15px 0;
}

.filter-link {
    font-size: 11px;
    text-decoration: underline;
    color: #00A6A7;
    cursor: pointer;
    margin-left: 10px;
}

.filter-container {
    margin-bottom: 40px;
}

.family-filter-link {
    width: 165px;
    float: left;
    display: inline;
    margin-left: -175px;
}

.family-filter-link ul {
    border: 1px solid #999;
    width: 163px;
    float: left;
    display: inline;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.family-filter-link li, #content .family-filter-link li a {
    font: bold 11px/13px Arial, Helvetica, sans-serif;
}

.family-filter-link li {
    width: auto;
    position: static;
    border-bottom: 1px solid #999;
}

.family-filter-link li:last-child {
    border: none;
}

.family-filter-link li a {
    width: auto;
    padding: 9px 15px;
    border: none;
    color: #555;
    text-decoration: underline;
    background-color: #eceff0;
    background-image: url(../images/bg_arrows.png);
    background-repeat: no-repeat;
    background-position: 100% 11px;
    display: block;
    text-decoration: none;
}

.family-filter-link li a:hover {
    background-color: #f8fafb;
    color: #000;
}

.family-filter-link li div.groups {
    display: none;
    padding: 0 15px 15px;
}

.family-filter-link li div.on {
    display: block;
}

.family-filter-link li a.on {
    border: none;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    background-position: 100% -77px;
}

#content .family-filter-link li a.uncheck-lnk {
    padding: 0;
    font: 10px/13px Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    color: #00a6a7;
    margin: 0 0 8px;
    display: block;
    background: none;
}

.family-filter-link li a.uncheck-lnk:hover {
    text-decoration: none;
}

.family-filter-link li a.uncheck-lnk span {
    cursor: pointer;
    font-size: 10px;
    line-height: 13px;
    font-weight: normal;
}

.row-checkbox {
    display: block;
    padding: 3px 0 3px 20px;
    height: 20px;
}

.row-checkbox input {
    float: left;
    display: inline;
    margin: 3px 0 0 -20px;
}

.row-checkbox label {
    float: left;
    margin-top: 3px;
    color: #000;
    font-weight: normal;
}

.rp-type2 .row-checkbox label {
    font-size: 13px;
    line-height: 17px;
}

.results-box {
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    margin-right: -3px;
    margin-top: -1px;
}

.results-box.title-pages {
    float: none;
    position: static;
    display: block;
    width: auto;
    padding: 0 2px 0 0;
    margin-right: -15px;
}

.category-binding-popup .results-box.title-pages {
    width: 900px;
}

.order-binding-popup .results-box.title-pages {
    width: 100%;
}

.order-binding-popup .results-box.title-pages table {
    width: 950px;
}

.compare-product-table {
    margin-top: 10px;
}

.table-box {
    display: block;
    min-height: 1%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999;
    overflow: hidden;
}

.tab-panel-bottom-box {
    display: block;
}

.note-box {
    display: block;
    padding: 10px 13px;
    border: 2px solid #fed8d2;
    background-color: #ffe7e3;
    color: #500;
    font-size: 11px;
    line-height: 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.note-box p {
    padding: 0;
    color: #500;
    font-size: 11px;
    line-height: 14px;
}

/* --- end --- */

/* Wicket */

div.wicket-aa-container {
    z-index: 1000;
}

div.wicket-aa {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    color: #555;
    background-color: #fff;
    border: 1px #888 solid;
    padding: 1px;
    margin: 1px 0 0;
    text-align: left;
}

div.wicket-aa ul {
    padding: 0;
    margin: 0;
}

div.wicket-aa ul li {
    padding: 3px 8px;
}

div.wicket-aa ul li.selected {
    background-color: #00a6a7;
    color: #fff;
    padding: 3px 8px;
    margin: 0;
}

/* --- end --- */

/* modal */

div.wicket-modal {
    position: absolute !important;
}

.w_content iframe {
    /*overflow:hidden;*/
}

body.popup-body {
    background-color: #fff;
}

.popup-body.details-popup {
    width: 100%;
    overflow: auto;
}

.row-parameters-box {
    /*overflow:hidden;*/
}

.popup-body h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding: 10px 10px 0;
}

.popup-body h3 strong {
    font-weight: bold;
}

div.wicket-modal div.w_silver div.w_top,
div.wicket-modal div.w_silver div.w_bottom,
div.wicket-modal div.w_silver div.w_topLeft,
div.wicket-modal div.w_silver div.w_topRight,
div.wicket-modal div.w_silver div.w_bottomRight,
div.wicket-modal div.w_silver div.w_bottomLeft,
div.wicket-modal div.w_silver a.w_close {
    background-image: url("../images/frame-gray-1-alpha.png") !important;
}

div.wicket-modal div.w_silver div.w_left, div.wicket-modal div.w_silver div.w_right {
    background-image: url("../images/frame-gray-2-alpha.png") !important;
}

div.wicket-modal div.w_content_1 {
    background-color: #fff;
    padding: 4px;
}

div.wicket-modal div.w_caption {
    color: #000 !important;
    height: 38px !important;
    line-height: normal !important;
    border-bottom: 1px solid #767676;
}

div.wicket-modal span.w_captionText {
    font-weight: bold;
!important;
    height: auto !important;
    margin-left: 0 !important;
    color: #000 !important;
    line-height: normal !important;
    font-size: 15px;
    padding: 7px 10px;
    text-transform: uppercase;
}

div.wicket-modal div.w_silver a.w_close,
div.wicket-modal .left-btn.ipad-close-btn,
a.iclose {
    width: 35px;
    height: 35px;
    background-image: url("../images/bg_modal_close.gif") !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    right: 0 !important;
    top: -4px;
}

a.iclose {
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -999px;
}

div.wicket-modal div.w_silver a.w_close:hover,
div.wicket-modal .left-btn.ipad-close-btn:hover,
a.iclose:hover {
    background-position: 0 -35px;
}

div.wicket-modal .left-btn.ipad-close-btn {
    background-color: #FFFFFF;
    position: absolute;
    right: 14px !important;
    top: 8px;
    z-index: 99999;
}

div.wicket-modal div.w_content_3 {
    border: none !important;
}

div.form-box {
    display: block;
    padding: 5px 20px 0 20px;
    background-color: #fff;
    min-height: 1%;
}

div.form-box h1 {
    padding: 10px 0;
}

div.form-box.login-form-box {
    border: none;
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 10px 0 0;
    width: auto;
}

div.form-box.login-form-box .row-parameters .cell {
    padding-left: 15px;
    padding-right: 15px;
}

div.form-box.login-form-box .row-parameters .cell.sel-box {
    padding-bottom: 0;
}

div.form-box.login-form-box .row-parameters .cell.sel-box select {
    padding: 5px;
}

.popup-body div.row {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 5px;
    font-size: 12px;
    line-height: normal;
    overflow: hidden;
}

.popup-body div.form-box .parameters-box {
    margin: 0 10px;
}

.popup-body div.form-box .chb-cell label {
    padding: 0;
}

.popup-body div.form-box .parameters-box .chb-cell {
    float: left;
}

.popup-body div.row .row-cell {
    float: left;
    display: inline;
    margin-right: 20px
}

.popup-body .btn-box {
    padding: 10px 0 0;
    margin-top: 10px;
}

.popup-body .btn-box.top-position {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.popup-body .btn-box.right-position {
    float: right;
    margin: 0;
}

.popup-body .top-position.align-middle {
    padding: 10px 150px;
    text-align: center;
}

.thickness-top-box {
    padding-bottom: 20px;
}

.popup-body .top-position.align-middle .btn {
    margin: 0 -150px 0 0;
}

.popup-body .btn-box.top-position input, .popup-body .btn-box.top-position a, .popup-body .btn-box.top-position span {
    margin-left: 20px;
    margin-right: 0;
}

.popup-body .top-position.align-middle a, .popup-body .top-position.align-middle span {
    float: none;
    display: inline-block;
    margin: 0 10px;
}

.popup-body .btn-box.top-position input.disabled, .popup-body .btn-box.top-position a.disabled, .popup-body .btn-box.top-position span.disabled, .popup-body .top-position.align-middle span {
    padding: 4px 19px 5px;
}

.popup-body .btn-box.top-position a.disabled label, .popup-body .btn-box.top-position span.disabled label, .popup-body .top-position.align-middle span label {
    cursor: default;
}

.popup-body .btn-box.top-position .btn a {
    margin: 0 20px 0 0;
    float: left;
}

.popup-body .btn-box.top-position .btn a.ipad-cancel {
    background-position: 0 -70px;
    display: none;
}

.popup-body .btn-box.top-position .btn a.ipad-cancel:hover {
    background-position: 0 -170px;
}

.popup-body .btn-box.right-position a,
.popup-body .btn-box.right-position span {
    margin: 0 20px 0 0;
}

.popup-body .btn-box.large-buttons-set a {
    float: none;
    display: table-cell;
    height: 32px;
    padding: 0 20px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    background: #3f9ab0;
    background: -moz-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5db5ca), color-stop(100%, #1c7b92));
    background: -webkit-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: -o-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: -ms-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5db5ca', endColorstr='#1c7b92', GradientType=0);
}

.popup-body .btn-box.large-buttons-set a:hover {
    background: #3ca9ad;
    background: -moz-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5dc7ca), color-stop(100%, #1c8e92));
    background: -webkit-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: -o-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: -ms-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc7ca', endColorstr='#1c8e92', GradientType=0);
}

.popup-body .btn-box.large-buttons-set a.disabled, .popup-body .btn-box.large-buttons-set a.disabled:hover {
    padding: 0 20px;
    cursor: default;
    background: #e8eced;
    background: -moz-linear-gradient(top, #f2f4f5 0%, #dde3e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f4f5), color-stop(100%, #dde3e4));
    background: -webkit-linear-gradient(top, #f2f4f5 0%, #dde3e4 100%);
    background: -o-linear-gradient(top, #f2f4f5 0%, #dde3e4 100%);
    background: -ms-linear-gradient(top, #f2f4f5 0%, #dde3e4 100%);
    background: linear-gradient(top, #f2f4f5 0%, #dde3e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f4f5', endColorstr='#dde3e4', GradientType=0);
}

.popup-body .btn-box.large-buttons-set a.disabled {
    height: 30px;
    line-height: 30px;
    padding: 0 19px;
}

.popup-body .btn-box.large-buttons-set a.disabled:hover {
    padding: 0 19px;
}

.popup-body .btn-box.long-set {
    overflow: hidden;
    margin-left: -20px;
    border-top: 1px solid #ccc;
}

.popup-body .btn-box.title-tools {
    float: right;
    padding: 0;
    border: none;
    margin: 0 15px 0 0;
}

.popup-body .btn-box .flt-l {
    float: left;
}

.long-set-box {
    display: block;
    width: 100%;
}

.btn-box.title-tools .long-set-box {
    float: right;
    display: inline;
    width: auto;
    padding-bottom: 10px;
}

.tablet-btn-info-box {
    display: none;
    background-color: #efe;
    border: 2px solid #cfe;
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #055;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px 4px;
    line-height: 15px;
}

.popup-body .btn-box .btn input {
    width: 90px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.popup-body .col h3 label {
    color: #555;
}

.ichb-row .chb-cell {
    float: left;
    margin: 5px 15px 0 0;
}

.popup-fields-container {
    padding-top: 10px;
    min-height: 62px;
}

.canvas-box {
    padding: 10px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
    text-align: center;
    min-height: 602px;
    overflow: hidden;
}

.wk-select-none {
    -webkit-user-select: none;
}

#canvas {
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: url("cursor_brush_m.cur"), url("cursor_brush_m.cur"), url("../images/cursor_brush.png"), crosshair;
}

.canvas-box object {
    margin-top: 20px;
}

.points-box {
    width: 100%;
    height: 1px;
    overflow: hidden;
}

#middlePointsHolder, #frameHolder {
    margin: 10px 20px;
    border: 1px solid #ccc;
    padding: 10px;
    max-height: 39px;
    overflow: auto;
    font-size: 11px;
    line-height: 13px;
    display: none;
}

div.sel-box {
    padding-right: 0;
}

div.form-box label {
    display: block;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

div.form-box a label {
    display: inline;
    padding: 0;
    line-height: 16px;
}


input, select, textarea {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:focus, textarea:focus {
    -moz-box-shadow: 0 0 3px #0c9;
    -webkit-box-shadow: 0 0 3px #0c9;
    box-shadow: 0 0 3px #0c9;
}

div.form-box input[type="text"], div.form-box input[type="password"], div.form-box input.type-text, div.form-box input.type-password {
    display: block;
    border: 1px solid #aaa;
    background: none;
    background: #fff url("../images/bg_input_txt.gif") repeat-x 0 0;
    padding: 0 7px;
    height: 30px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    min-height: 1%;
}

div.form-box select, #content select, .popup-body select {
    display: block;
    border: 1px solid #888;
    color: #000;
    font-size: 11px;
    line-height: normal;
    font: 11px/13px Arial, Helvetica, sans-serif;
    width: 100px;
    padding: 1px;
}

div.form-box .select-auto-width select, #content .select-auto-width select, .popup-body .select-auto-width select {
    width: auto;
}

.popup-body select[disabled="disabled"] {
    color: #999;
}

/* --- end --- */

/* Prescription Page */

div.right-line-box {
    display: block;
    background: url(../images/bg_summary_box.gif) no-repeat 100% 100%;
}

div.right-line {
    display: block;
    background: url(../images/bg_summary_en.gif) no-repeat 100% 0;
    padding-right: 40px;
}

#content div.right-line-box p {
    margin-right: 20%
}

.parameters-box {
    float: left;
    display: inline;
    margin: 0 5px 0 15px;
}

#content .parameters-box h2 {
    padding-left: 0;
    padding-right: 0;
}

.parameters-box.big-left-margin {
    margin-left: 35px;
}

.parameters-box.pb-subrow {
    padding-top: 25px;
}

/* Lens Details */

.tab-panel-box .tab-panel-box {
    padding: 0;
}

.pb-right {
    float: right;
    padding-bottom: 10px;
}

.pb-right .col .c-long label {
    margin: 3px 10px 0 0;
}

.two-row-box .pb-right {
    padding-bottom: 0;
}

.two-row-box .parameters-box {
    margin-top: 10px;
}

.lens-details-box .main-box .col .cell .sub-cell span.checked {
    margin: 0;
}

.lens-details-box .main-box .sub-row .sub-cell .col-header {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
}

.lens-details-box .main-box.wo-checkbox .cell .sub-cell .col .cell {
    padding: 0 5px 0 0;
    line-height: 15px;
}

.lens-details-box .main-box.wo-checkbox .cell .sub-cell .col .cell.mm {
    padding-right: 5px;
}

.ld-shape-box {
    float: left;
}

.multi-cell-box {
    margin: -20px 0 0;
}

.multi-cell-box .parameters-box {
    margin-top: 20px;
}

.ld-parameters-box {
    min-height: 60px;
    padding-bottom: 20px;
}

.multi-cell-box .ld-parameters-box {
    padding-bottom: 0;
}

.multi-cell-box .ld-parameters-box, .multi-cell-box .ld-parameters-box .cell .cell {
    min-height: 1%;
}

.multi-cell-box .ld-parameters-box .cell {
    min-height: 48px;
}

.ld-parameters-box2 {
    padding-bottom: 20px;
}

/* --- */

.tab-panel-box hr, .hr {
    display: block;
    clear: both;
    height: 5px;
    padding: 0;
    margin: 20px 0;
    color: #eceff0;
    font-size: 0;
    line-height: 0;
    background-color: #eceff0;
    border: none;
}

.hr {
    font-size: 0;
    line-height: 0;
    height: 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #dce0e2;
    background: none;
}

.col-header, .col, .col-header h5, .col h3, .col .cell, .col .cell input, .col .cell span, .col .cell select {
    float: left;
    display: inline;
}

.col-header {
    margin-top: 16px;
}

.col-header h5 {
    margin-top: 16px;
    color: #000;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
}

.col-header input[type="checkbox"] {
    float: left;
    display: inline;
    margin: 16px 8px 0 0;
}

.big-left-margin {
    margin-left: 50px;
}

.row-parameters {
    float: left;
    display: inline;
    padding: 15px 0;
    position: relative;
}

.row-parameters.right {
    float: right;
}

#content .left-right .col {
    margin-left: 10px;
}

#content .fixed-width .col {
    margin-left: 10px;
    width: 150px;
}

#content .col h3 {
    padding: 0 0 10px;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

#content .col h3 label {
    color: #555;
}

.fields-container {
    float: left;
    display: inline;
    margin-top: 20px;
}

.left-right .cell, .main-box .cell {
    padding: 0 5px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
}

.left-right .col input[type="text"], .main-box .col input[type="text"] {
    margin: 5px 0;
}

.col .cell span {
    margin: 6px 0 0 4px;
    color: #000;
    font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
}

.col .cell span.degree, .main-box .col .cell .sub-col .col span.degree {
    margin-top: 0;
    font-size: 13px;
    line-height: 16px;
}

.col .cell span.yui-skin-sam {
    margin: 0;
}

.left-right .col .cell span, .main-box .col .cell span {
    margin-top: 11px;
}

.main-box .col .cell .chb-cell span {
    margin: 3px 0 0;
}

.main-box .cell {
    margin: 10px 0 0 20px;
    padding: 0;
    min-width: 60px;
}

.main-box .cell.wo-left-mg {
    margin-left: 0;
}

#content .main-box .col .cell h3 {
    padding: 5px 5px 0;
}

.main-box .sub-row {
    float: left;
    display: inline;
    padding: 0 5px;
}

.main-box .cell .chb-cell {
    float: left;
    display: inline;
    padding: 5px;
}

.main-box .cell .chb-cell input[type="radio"] {
    margin: 0 8px 0 0;
}

.main-box .cell label {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.chb-cell .disabled {
    background: none;
}

.reg-form .chb-cell {
    float: left;
}

.main-box .cell .sub-col .cell .sub-row input[type="text"] {
    margin: 0 4px 0 0;
}

.sub-col {
    float: left;
    display: inline;
    padding: 5px;
}

.drillhole-header {
    float: left;
    display: inline;
    min-width: 45px;
    padding-left: 15px;
}

.drillhole-header h3 span {
    margin-top: 2px !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

.drillhole-input-container {
    margin-right: 5px;
    float: left;
}

.disabled-drillhole-link {
    cursor: default !important;
    background-position: -1px -2131px !important;
}

.col .cell .sub-col label {
    padding-bottom: 5px;
    font-weight: bold;
}

#content .main-box .cell .sub-col h3, .main-box .cell .sub-col h3 {
    padding: 0 0 5px;
}

#content .main-box .cell .sub-col .col-first h3 {
    margin-left: 20px;
}

#content .main-box .cell .sub-col .col-first h4 {
    float: left;
    display: inline;
    width: 10px;
    margin: 3px 4px 0 0;
    color: #000;
    text-align: right;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
}

.main-box .cell .sub-col .cell {
    margin: 0;
    padding: 0;
    background: #fff;
}

.main-box .sub-col .sub-row {
    padding: 5px;
}

.col .cell .sub-col .sub-row label, .wo-checkbox .cell .sub-row label {
    padding: 0;
    margin: 3px 0 0 0;
    font-weight: normal;
    min-width: 15px;
}

.col .cell .sub-col .sub-row.labels-box label, #content .labels-box select {
    margin-right: 5px;
}

.main-box .col .cell .labels-box span {
    margin-top: 6px;
}

.sub-col .input-chb-box {
    margin-top: -15px;
}

.main-box .cell .sub-col .input-chb-box .chb-cell {
    min-width: 0;
}

.main-box .cell .sub-col .chb-cell {
    padding: 10px 0 0 0;
}

.main-box .col .sub-col .col input[type="text"] {
    margin: 0;
}

.main-box .col .cell .sub-col .col span {
    margin-top: 6px;
}

.wo-checkbox .cell {
    margin: 0;
}

.wo-checkbox .col .sub-row {
    padding: 0;
}

.wo-checkbox .cell .sub-row input[type="text"], .wo-checkbox .cell .sub-row select {
    margin: 0 5px 0 0;
}

.wo-checkbox .cell .sub-row .chb-cell input {
    margin: 3px 8px 0 0;
}

.wo-checkbox .cell .sub-row .chb-cell label {
    font-weight: bold;
}

.decentration-label {
    float: left;
    margin: 3px 5px 0 0;
    color: #000;
    font-size: 11px;
    line-height: 13px;
}

.lens-details-box .decentration-label {
    padding: 1px 0;
    margin: 0;
    font-weight: bold;
}

.sub-cell {
    float: left;
    display: inline;
    padding: 5px;
}

.col .c-long label {
    float: left;
    display: inline;
    padding-bottom: 10px;
    color: #555;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.col .c-long input[type="text"], .col .c-long input[type="password"] {
    width: 100px;
}

.checkboxes-box .row-parameters {
    padding-top: 0;
}

.checkbox {
    padding-left: 30px
}

.chb-box {
    float: left;
    display: inline;
    margin: 30px 0 0;
    position: absolute;
    left: 0;
}

#content div.right-line .row-parameters h3 {
    float: left;
    display: inline;
    width: 90px;
    padding-top: 26px;
    padding-right: 0;
}

.row-parameters .cell {
    float: left;
    display: inline;
    padding-right: 10px;
}

.chb-list {
    padding-bottom: 20px;
}

.chb-list .chb-cell {
    float: none;
}

label, label span {
    cursor: pointer;
}

.cell label, .top-level-label, .h3, .bottom-label {
    float: left;
    display: inline;
    padding-bottom: 8px;
    color: #555;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.top-level-label {
    padding: 10px 0 0;
}

.reg-form .h3 {
    padding-bottom: 15px;
    color: #000;
    font-weight: normal;
}

.reg-form .h3 li {
    padding-left: 15px;
    background: url(../images/bull-square.gif) 0 4px no-repeat;
}

.bottom-label {
    padding: 20px 0 0;
    color: #000;
    font-weight: normal;
}

.row-parameters .cell input[type="text"], .row-parameters .cell input[type="password"] {
    float: left;
    display: inline;
    width: 50px;
}

.pb-ddate .row-parameters .cell input[type="text"] {
    width: 100px;
}

.row-parameters .c-long {
    padding-bottom: 0;
}

.login-form-box {
    display: block;
    width: 280px;
    padding: 10px 15px;
    border: 1px solid #767676;
    margin: 5px 15px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.login-page-content-box {
    padding: 5px 15px 20px 347px;
}

.login-page-content-box .login-form-box {
    float: left;
    display: inline;
    margin: 0 0 0 -332px;
}

.reg-form-box {
    padding: 5px 15px 20px;
}

.reg-form-box .login-form-box {
    margin: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.reg-form-box .login-form-box .row-parameters {
    width: 280px;
    padding: 0 15px;
}

.reg-form-box .login-form-box .btn-box {
    margin: 0 15px;
}

.login-page-content {
    display: block;
    padding: 21px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #555;
    font-size: 12px;
    line-height: 16px;
}

.after-login-page-content-box {
    display: block;
    padding: 0 15px 20px;
}

.after-login-page-content {
    display: block;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #555;
    font-size: 12px;
    line-height: 16px;
    min-height: 200px;
}

.after-login-page-btns-box {
    display: block;
    padding: 0 0 20px;
    background-color: #eceff0;
    height: 195px;
    margin-bottom: 30px;
}

.after-login-page-btns {
    display: block;
    width: 1000px;
    margin-right: -10px;
}

.after-login-page-btns .btn-box {
    float: left;
    display: inline;
    margin: 15px 15px 0;
    padding: 0;
}

.after-login-page-btns .btn-box a {
    float: none;
    display: table-cell;
    width: 260px;
    height: 33px;
    padding: 0 19px;
    margin: 0;
    border: 1px solid #2977a3;
    border-top-color: #55a0cc;
    border-bottom-color: #00507d;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    background: #2b74a4;
    background: -moz-linear-gradient(top, #55a0cc 0%, #00507d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55a0cc), color-stop(100%, #00507d));
    background: -webkit-linear-gradient(top, #55a0cc 0%, #00507d 100%);
    background: -o-linear-gradient(top, #55a0cc 0%, #00507d 100%);
    background: -ms-linear-gradient(top, #55a0cc 0%, #00507d 100%);
    background: linear-gradient(top, #55a0cc 0%, #00507d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55a0cc', endColorstr='#00507d', GradientType=0);
}

.after-login-page-btns .btn-box a:hover {
    border-color: #55b4cc #2b88a4 #005d7d;
    background: #2b88a4;
    background: -moz-linear-gradient(top, #55b4cc 0%, #005d7d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55b4cc), color-stop(100%, #005d7d));
    background: -webkit-linear-gradient(top, #55b4cc 0%, #005d7d 100%);
    background: -o-linear-gradient(top, #55b4cc 0%, #005d7d 100%);
    background: -ms-linear-gradient(top, #55b4cc 0%, #005d7d 100%);
    background: linear-gradient(top, #55b4cc 0%, #005d7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55b4cc', endColorstr='#005d7d', GradientType=0);
}

.after-login-page-btns .btn-box.outside-lnk a {
    border-color: #5db5ca #3f9ab0 #1c7b92;
    background: #3f9ab0;
    background: -moz-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5db5ca), color-stop(100%, #1c7b92));
    background: -webkit-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: -o-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: -ms-linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    background: linear-gradient(top, #5db5ca 0%, #1c7b92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5db5ca', endColorstr='#1c7b92', GradientType=0);
}

.after-login-page-btns .btn-box.outside-lnk a:hover {
    border-color: #5dc7ca #3ca9ad #1c8e92;
    background: #3ca9ad;
    background: -moz-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5dc7ca), color-stop(100%, #1c8e92));
    background: -webkit-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: -o-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: -ms-linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    background: linear-gradient(top, #5dc7ca 0%, #1c8e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc7ca', endColorstr='#1c8e92', GradientType=0);
}

.after-login-page-btns .btn-box.outside-lnk a.disabled, .after-login-page-btns .btn-box.outside-lnk a.disabled:hover {
    cursor: default;
    padding: 0 19px;
    height: 33px;
    border-width: 1px;
    border-color: #ccc #bbb #aaa;
    background: #ccd3d5;
    background: -moz-linear-gradient(top, #dae0e2 0%, #bec6c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae0e2), color-stop(100%, #bec6c9));
    background: -webkit-linear-gradient(top, #dae0e2 0%, #bec6c9 100%);
    background: -o-linear-gradient(top, #dae0e2 0%, #bec6c9 100%);
    background: -ms-linear-gradient(top, #dae0e2 0%, #bec6c9 100%);
    background: linear-gradient(top, #dae0e2 0%, #bec6c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae0e2', endColorstr='#bec6c9', GradientType=0);
}

.login-form-box .input-chb-box {
    margin-top: 0;
}

.login-form-box .input-chb-box .chb-cell .label-box {
    float: left;
    font-size: 11px;
    line-height: 13px;
    max-width: 255px;
}

.login-form-box .input-chb-box .chb-cell .label-box label {
    float: none;
}

.login-form-box .input-chb-box .chb-cell a {
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    color: #00a6a7;
    text-decoration: underline;
}

.login-form-box .input-chb-box .chb-cell a:hover {
    text-decoration: none;
}

.login-form-box .row-parameters {
    padding: 0 0 20px;
}

.login-form-box .cell label {
    font-size: 12px;
    line-height: 15px;
}

.login-form-box .row-parameters .cell {
    padding: 0 0 15px;
}

.login-form-box .row-parameters .cell input[type="text"], .login-form-box .row-parameters .cell input[type="password"] {
    display: inline;
    float: left;
    background: #fff;
    border: 1px solid #888;
    font-size: 12px;
    color: #000;
    height: 16px;
    line-height: 16px;
    padding: 5px 7px;
    width: 264px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.login-form-box .btn-box {
    border-top: 1px solid #999999;
    padding: 10px 0;
}

.login-form-box .btn-box input, .login-form-box .btn-box a, .login-form-box .btn-box span {
    margin: 0;
}

.c-long label {
    font: 18px/normal Arial, Helvetica, sans-serif;
    padding-bottom: 21px;
    color: #444;
}

.row-parameters .c-long input[type="text"], .row-parameters .c-long input[type="password"] {
    width: 300px;
}

#content div.right-line .rp-type2 h3 {
    padding-top: 5px;
}

.rp-type2 .cell {
    width: 120px
}

.rp-type2 .cell label {
    padding: 0;
    margin: 8px 0 0 10px;
}

a.morepanel, a.morepanel span {
    float: left;
    display: inline;
    background-image: url(../images/bg_more_panel_lnk.gif);
}

a.morepanel {
    margin: 0 0 0 5px;
    width: 15px;
    background-repeat: repeat-y;
    background-position: 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

a.morepanel span {
    width: 15px;
    height: 81px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: -15px 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    cursor: pointer;
}

a.morepanel.on span {
    background-position: -30px 50%;
}

#content div.right-line h3 {
    padding-top: 20px;
    padding-right: 20px;
}

#content div.right-line h3.first {
    padding-left: 90px;
}

#content div.right-line .row-line h3 {
    padding-top: 5px;
}

#content div.right-line .big-left-margin h3 {
    padding-right: 0;
}

.select-cell {
    float: left;
    display: inline;
    width: 120px;
    padding-right: 40px;
}

.chb-cell input, .chb-cell label {
    float: left;
    display: inline;
}

.input-chb-box {
    float: left;
    display: inline;
    margin-top: -10px;
}

.input-chb-box.woh3 {
    margin-top: 0;
}

.input-chb-box.icb-alone {
    margin: 0;
    padding: 10px 0;
}

.chb-cell {
    padding-top: 10px;
}

.input-chb-box .chb-cell {
    min-width: 80px;
}

.input-chb-box.ichb-row .chb-cell {
    min-width: 0;
}

.input-chb-box.icb-alone .chb-cell {
    float: left;
}

.input-chb-box.icb-alone .chb-cell input {
    height: 14px;
    width: 14px;
}

.input-chb-box.icb-alone .chb-cell label {
    line-height: 14px;
}

.oval-box {
    float: left;
}

.preference-panel .chb-cell {
    min-width: 85px;
}

.option-group .chb-cell {
    min-width: 100px;
}

.option-name-block {
    float: left;
    min-width: 160px;
}

.chb-cell input, .lens-box .chb-cell input[type=radio] {
    margin: 0 8px 0 0;
}

.chb-cell label {
    color: #555;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.radio-col {
    padding-top: 17px;
}

.radio-col .chb-cell.col {
    margin-right: 20px;
}

.product-type-container {
    margin-right: 20px;
}

.radio-col .chb-cell.col input[type="radio"],
.product-type-container .chb-cell.col input[type="radio"],
.starts-with-block .chb-cell.col input[type="radio"] {
    margin: 0 8px 0 0;
}

.radio-col .input-chb-box {
    margin: 0;
}

.sales-aid-container {
    display: inline-block;
}

.sales-aid-container .parameters-box {
    display: block;
    float: none;
    margin-top: 10px;
}

#content .sales-aid-container select {
    width: 90px;
}

.starts-with-block .col.header-col {
    width: 70px;
}

.starts-with-block .col.content-col {
    width: 115px;
}

.parameters-box .col.family-label-col {
    width: 85px;
}

.parameters-box .col.additional-name-col {
    width: 115px;
}

.parameters-box .col.dropdown-col {
    margin: 0 20px;
}

div.download-space{
    display: table-cell;
    width: 5px;
}
div.download-background{
    width: 298px;
    height: 34px;
    background-color: #2a78a4;
    color: white;
    border-radius: 4px;
}

div.download-titel{
    display: table-cell;
    vertical-align: middle;
    font-size: 8pt;
    padding-right: 10px;
    padding-left: 5px;
}

.btn-box.reset-settings-button {
    float: left;
    margin-left: 150px;
    margin-top: -21px;
}

.checkbox-col {
    padding-top: 0;
}

.left-box {
    float: left;
    padding-right: 40px;
}

#content .parameters-box h3.h3-btns {
    padding: 0;
    height: 14px;
    line-height: 14px;
    padding-bottom: 10px;
    margin-right: 20px;
}

.disabled .chb-cell label, #content .col.disabled h3, label.disabled,
.disabled .chb-cell label span, #content .col.disabled h3 span, label.disabled span,
.chb-cell label span.disabled, #content span.disabled,
#summary-content .col .cell a.disabled, #summary-content .col .cell a.disabled span, #summary-content .col .cell a span.disabled {
    color: #999 !important;
    cursor: default;
}

#summary-content .col .cell a.disabled, #summary-content .col .cell a.disabled span, #summary-content .col .cell a span.disabled {
    cursor: pointer;
}

.left-right.disabled .cell, .main-box.disabled .cell, .col.disabled .cell {
    border: 1px solid #ccc;
    background-color: #fff;
}

.tab-panel-box .disabled input[type="text"], .tab-panel-box .disabled input[type="password"], .tab-panel-box .disabled textarea {
    color: #999;
    border: 1px solid #ccc;
}

.feedback-box {
    display: block;
    padding-right: 4px;
}

.feedback-panel-box {
    padding: 10px 4px 0 0;
}

.feedback-panel-box .feedbackPanel {
    margin: 0 -10px 0 0;
}

.feedbackPanel ul {
    float: left;
    display: inline;
    width: 986px;
    padding: 0;
    margin-bottom: 20px;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
    color: #555;
    font-size: 10pt;
    line-height: 14pt;
    width: 100%;
}

.sixpack-feedback ul {
    width: auto;
    margin: 0 30px 0 30px;
}

.popup-body .feedbackPanel ul {
    width: 95%;
    margin: 10px -4px 0 0;
}

.feedbackPanel li {
    float: left;
    display: inline;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.edgeThicknessAdvice {
    float: left;
    display: block;
    font-size: 10pt;
    font-weight: normal;
    padding: 10px;
    margin-top: 13px;
    white-space: nowrap;
    color: #550;
    border: 1px solid #fec;
    background-color: #ffe;
}

.edgeThicknessAdviceOff {
    display: none;
}

.popup-body .feedbackPanel li {
    white-space: normal;
}

.feedbackPanel li.feedbackPanelWARNING {
    color: #550;
    border: 1px solid #fec;
    background-color: #ffe;
}

.feedbackPanel li.feedbackPanelERROR {
    color: #500;
    border: 1px solid #fed8d2;
    background-color: #ffe7e3;
}

.feedbackPanel li.feedbackPanelINFO {
    color: #055;
    border: 1px solid #cfe;
    background-color: #efe;
}

/* --- end --- */

/* Treatments Page */

.tab-panel-content {
    min-height: 470px;
}

.wo-margin {
    margin: 0;
}

.chb-cell input[type="radio"] {
    margin: 12px 10px 0 0;
}

.radio-cell input[type="radio"], .radio-cell input.type-radio {
    margin: 0 8px 0 0;
    width: 14px;
    height: 14px;
}

.reg-form .chb-cell input {
    margin: 0 8px 0 0;
    width: 14px;
    height: 14px;
}

.reg-form .chb-cell input.input, .reg-form .chb-cell input.type-text {
    display: inline;
    height: 17px;
    margin: -2px 0 0 8px;
    width: 120px;
}

.reg-form .chb-cell label.with-note {
    position: relative;
    padding-bottom: 15px;
}

.reg-form .chb-cell small {
    position: absolute;
    font-size: 10px;
    color: #999;
    display: block;
    left: 0;
    bottom: 0;
}

.popup-body .main-box .input.long, .popup-body .main-box .input.type-text {
    display: inline;
    float: left;
    height: 17px;
    margin: 7px 0 0 8px;
    width: 120px;
}

.reg-form .chb-cell label {
    line-height: 14px;
}

.reg-form .chb-cell label strong {
    color: #000;
}

.reg-form .chb-cell label.disabled strong {
    color: #777;
}

/* --- end --- */

/* Shape Page */

.angles-container {
    margin-top: 30px;
}

#content .angles-container .parameters-box .col h3 {
    min-width: 150px;
    padding-top: 4px;
}

.box-fields-container {
    float: left;
    margin-top: 30px;
}

.top-position {
    padding-left: 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.top-position input, .top-position a, .top-position span {
    float: left;
    margin-right: 20px;
    margin-left: 0;
    background-position: 0 -30px;
}

.popup-body .form-box .btn-box .upload-disabled .disabled,
.popup-body .form-box .btn-box .upload-disabled .disabled:hover {
    font-size: 12px;
    padding: 3px 0;
    border: none;
}

.top-position span, .btn-box .disabled, .btn-box .disabled:hover, .popup-body .btn-box .disabled, .popup-body .btn-box .disabled:hover {
    cursor: default;
    background-position: 0 -250px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #999;
    text-shadow: none;
    padding: 4px 19px;
}

.popup-body .btn-box .disabled, .popup-body .btn-box .disabled:hover {
    padding: 5px 19px 4px;
}

.popup-body .btn-box .disabled:hover, .popup-body .btn-box .disabled:hover label, .popup-body .btn-box .disabled:hover span {
    cursor: default;
}

.top-position input:hover, .top-position a:hover {
    float: left;
    margin-right: 20px;
    margin-left: 0;
    background-position: 0 -130px;
}

#content div.rp-shape h3 {
    padding-right: 20px;
    padding-top: 20px;
}

#content div.rp-shape h3.first {
    padding-left: 90px;
}

#content div.rp-shape .row-parameters h3 {
    display: inline;
    float: left;
    padding-right: 0;
    padding-top: 26px;
    width: 90px;
}

#content div.rp-shape .rp-type2 h3 {
    padding-top: 5px;
}

.row-parameters.rp-shape .cell input[type="text"], .row-parameters.rp-shape .cell input[type="password"] {
    width: 80px;
}

.row-parameters.rp-shape .cell {
    min-width: 110px;
}

.pb-first {
    padding-left: 90px;
}

.pb-scheme-box {
    position: relative;
    /*min-height:432px;*/
}

#content .parameters-box.pb-scheme-box h3, .calculate-thickness .pb-scheme-box h3 {
    font-size: 12px;
    line-height: 15px;
    color: #707070;
    position: absolute;
    top: 20px;
}

#content .parameters-box.pb-scheme-box .minimal-diameter-panel-box h3 {
    font-size: 11px;
    line-height: 13px;
    color: #000;
    position: static;
    top: 0;
}

.pb-scheme-box h3.right {
    left: 15px;
}

.pb-scheme-box h3.left {
    right: 15px;
}

.parameters-box.popup-pb {
    padding-top: 10px;
    padding-bottom: 20px;
}

.parameters-box.reg-form {
    width: 540px;
    margin-right: 0;
}

.parameters-box.pb-scheme-box {
    margin-left: 0;
    margin-right: 0;
    float: none;
    margin: auto;
    display: block;
    text-align: center;
}

.float-left-box {
    float: left;
    display: inline;
}


.shape-btns-box .parameters-box {
    margin: 0;
    padding-bottom: 10px;
}

.shape-btns-box .lnk-btn {
    margin: 0 0 0 -3px;
}

.float-left-box .parameters-box {
    margin-right: 0;
}

#shapeImage.on {
    cursor: crosshair;
}

a.small-delete-btn, span.small-delete-btn {
    background: url(../images/icons2020.png) no-repeat -1px -2101px;
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 2px 0 0 5px !important;
    float: left;
}

a.small-delete-btn:hover {
    background-position: -1px -2116px;
}

input.sdb-first {
    margin-top: 20px;
}

.diameter-container-box {
    display: block;
    text-align: center;
}

.diameter-container {
    display: inline-block;
}

.diameter-container-box .parameters-box .col {
    text-align: center;
}

#content .diameter-container-box .parameters-box h3 {
    float: none;
    padding-left: 20px;
    display: inline-block;
}

#content .diameter-container-box .parameters-box .sub-col h3 {
    padding-left: 0;
    font-weight: normal;
}

.diameter-container-box .main-box .cell {
    margin-top: 0;
    border: none;
    background: none;
    min-width: 0;
}

.diameter-container-box .main-box .cell .sub-col .chb-cell {
    padding: 5px 5px 0;
    height: 19px;
}

.diameter-container-box .main-box .col .cell .chb-cell span {
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    margin-top: 1px;
}

.diameter-container-box .col-header {
    margin-top: 43px;
}

.diameter-container-box .col-header h5 {
    margin-top: 11px;
}

.diameter-container-box .input-chb-box {
    margin: 45px 0 0 20px;
}

.pb-subrow .cell-wo-checkbox {
    margin: 0;
}

.dpi-info {
    float: left;
    display: inline;
    margin: 3px 0 0 20px;
}

.lnk-btn {
    border: none;
    background: none;
    width: 1px;
    overflow: visible;
    color: #00a6a7;
    font-weight: bold;
    font-size: 11px;
    line-height: normal;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 20px;
    float: left;
    display: inline;
    margin-top: 2px;
}

.lnk-btn:hover {
    text-decoration: none;
}

.pb-scheme-box span {
    color: #333;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.pb-scheme-box span.ex-line-v {
    left: 2px;
    top: 81px;
    width: 84px;
    height: 68px;
    padding: 52px 36px 0 0;
    text-align: right;
    background: url(../images/bg_extension_line_v.png) 100% 0 no-repeat
}

.pb-scheme-box span.ex-line-h1 {
    left: 122px;
    top: 200px;
    width: 179px;
    padding: 32px 0 0 0;
    text-align: center;
    background: url(../images/bg_extension_line_h1.png) no-repeat
}

.pb-scheme-box span.ex-line-h2 {
    left: 300px;
    top: 200px;
    width: 63px;
    padding: 32px 0 0 0;
    text-align: center;
    background: url(../images/bg_extension_line_h2.png) no-repeat
}

.scheme-box {
    float: left;
    display: inline;
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    min-width: 604px;
    min-height: 415px;
}

.shape-box div, .shape-box div a, .shape-box div img {
    float: left;
    display: inline;
}

.shape-box div {
    margin: 0 10px 20px;
}

.shape-box div a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #00a6a7;
    background-color: #eceff0;
}

.top-position.pb-first {
    padding-bottom: 0;
}

#drillholes-box-row {
    position: relative;
    float: left;
    margin: 30px 30px 0 0;
    min-width: 220px;
}

.drillhole-box {
    float: left;
    display: inline;
    padding-top: 30px;
    margin-left: 90px;
}

.drillhole-box.dl-new-line {
    margin-left: 0;
    padding-bottom: 10px;
}

#content div.rp-shape .drillhole-box h3 {
    padding-top: 16px;
}

#content div.rp-shape .drillhole-box h3.h3-parent {
    padding: 0 0 6px;
    border-bottom: 1px solid #aaa;
}

.drillhole-box .parameters-box {
    width: 130px;
}

.drillhole-box .row-parameters {
    padding: 5px 0;
}

.drillhole-box .parameters-box.first {
    width: 180px;
}

#content div.rp-shape .drillhole-box .parameters-box.first h3.first {
    padding-left: 50px;
}

#content div.rp-shape .drillhole-box .row-parameters h3 {
    width: 50px;
    padding-top: 5px;
}

/* --- end --- */

/* Treatments Page */

#content .parameters-box h3, .parameters-box h3 {
    color: #000;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    padding: 0 0 10px;
}

#content .parameters-box .col-none {
    float: left;
    display: inline;
    margin-top: 6px;
    width: 65px;
}

.parameters-box .col-none input {
    margin: 0 8px 0 0;
    float: left;
    display: inline;
}

.parameters-box .col-none label {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    display: inline;
    float: left;
}

.big-col-box {
    margin-bottom: 35px;
}

.big-col-box .col {
    padding: 0;
    margin-left: 10px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
}

.big-col-box .cell {
    margin: 2px 10px 2px 5px;
}

.big-col-box .chb-cell {
    float: left;
    display: inline;
    padding: 3px 0;
    white-space: nowrap;
}

.big-col-box .chb-cell input {
    margin: 0 8px 0 0;
    width: 14px;
    height: 14px;
}

.big-col-box .chb-cell label {
    padding: 0;
    margin: 0;
}

.big-col-box .chb-cell label span {
    color: #555;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.colors-box, .colors {
    float: left;
    display: inline;
}

.colors-box {
    width: 630px;
    padding-left: 65px;
}

.colors {
    display: none;
    padding: 2px 0;
    margin-top: 5px;
    margin-left: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.big-col-box .col.color-level2 {
    background-color: #fff;
    margin-top: 5px;
}

.big-col-box .col.colors {
    border: 1px solid #767676;
    background-color: #fff;
}

.big-col-box .col.colors .cell {
    margin: 5px 10px 5px 5px;
}

.big-col-box .col.colors .cell label {
    padding-bottom: 5px;
    font-weight: normal;
}

.big-col-box .colors .chb-cell {
    margin: 0 5px;
}

.big-col-box .colors .chb-cell label, .big-col-box .colors .chb-cell label span {
    font-weight: normal;
    cursor: pointer;
}

/* --- end --- */

/* Tooltip */
input.not-submit {
    display: none !important;
}

.qs-popup {
    display: none;
    position: absolute;
    padding-top: 15px;
    left: -4px;
    top: 48px;
    width: 300px;
    z-index: 999;
}

.quick-search-tooltip {
    display: block;
    padding: 4px;
    background: #fff;
}

.quick-search-tooltip div {
    border: 1px solid #767676;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#content .quick-search-tooltip h2 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
    padding: 8px 14px;
}

.quick-search-tooltip ul {
    margin: 0;
    padding: 0;
}

.quick-search-tooltip ul li {
    line-height: 32px;
}

.quick-search-tooltip ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #00a6a7;
}

.quick-search-tooltip ul li:nth-child(odd) {
    background-color: #f2f4f5;
}

.quick-search-tooltip ul li.odd a {
    background-color: #f2f4f5;
}

.quick-search-tooltip ul li:nth-child(even) {
    background-color: #fff;
}

.quick-search-tooltip ul li.even a {
    background-color: #fff;
}

.quick-search-tooltip ul li a:hover, .quick-search-tooltip ul li.odd a:hover, .quick-search-tooltip ul li.even a:hover {
    text-decoration: none;
    color: #555;
    background-color: #e4ecef;
}

.arrow-top {
    position: absolute;
    width: 30px;
    height: 20px;
    overflow: hidden;
    top: 0;
    left: 14px;
    background: url(../images/bg_qs_popup.png);
}

.tooltip {
    display: none;
    padding-left: 10px;
    z-index: 1;
}

.arrow-left {
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: url(../images/bg_arrow_tooltip.png) 0 0 repeat;
}

.info-action-tooltip {
    background: #707070;
    padding: 10px;
    width: 180px;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    border: 2px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    white-space: normal;
}

.tt {
    border: 2px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #555;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap !important;
}

/* h3 and a elements inside tooltip */
.info-action-tooltip h3, #content .info-action-tooltip h3 {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 5px;
    color: #fff;
    float: none;
    display: block;
}

.info-action-tooltip a {
    color: #bff;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    text-decoration: underline;
}

.info-action-tooltip a:hover {
    text-decoration: none;
}

/* Calculation results Popup */

.popup-body.calculate-thickness .parameters-box.lens-type h3 {
    padding: 0;
    margin-top: 7px;
}

.popup-body.calculate-thickness .tab-panel-box {
    padding-top: 0;
}

.lens-box {
    border-bottom: 1px solid #dce0e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.lens-box.calc-res {
    border: none;
    margin: 0;
}

.lens-details-box .lens-box .main-box .cell {
    padding-right: 5px;
}

.lens-details-box .lens-box .main-box .col .cell h3, .lens-details-box .lens-box .main-box.wo-checkbox .cell .col .cell {
    padding-right: 0;
}

.right-lens-col, .left-lens {
    float: left;
}

.right-lens-col .cell .col, .left-lens .cell .col {
    min-width: 36px;
}

.right-lens-col {
    margin-right: 20px;
    width: 480px;
}

.right-lens-col .input-chb-box {
    margin-top: 23px;
    width: 50px;
}

.right-lens-col .input-chb-box .chb-cell {
    padding: 1px 0;
}

.left-lens {
    width: 400px;
    margin-top: 47px;
}

.left-lens .parameters-box {
    margin: 0;
}

.popup-body h3.right-lens-title {
    margin-left: 65px;
}

.right-lens-col .parameters-box {
    margin-left: 10px;
}

.lens-thickness-box .main-box .cell .cell {
    background-color: #fff;
    /*margin: 5px 0 0 5px;*/
}

.detail-box {
    float: left;
}

.title-cell {
    float: left;
    padding: 20px 0 0 10px;
}

.popup-body .title-cell h2 {
    float: left;
    padding: 0 0 12px;
}

.radio-col-box {
    text-align: center;
}

.radio-col-box .radio-col {
    float: none;
}

.radio-col-box .radio-col .input-chb-box {
    float: none;
}

.radio-col-box .radio-col .chb-cell.col {
    float: none;
}

.radio-col-box .radio-col .chb-cell label {
    float: none;
}

.radio-col-box .chb-cell input {
    float: none;
}

.popup-body .radio-col-box h2 {
    display: inline;
    padding: 0;
}

.schnisse-lens-box {
}

.schnisse-lens-box .col {
    float: none;
}

.schnisse-lens-box .input-chb-box {
    float: none;
    display: block;
    padding: 10px 0 10px 15px;
    margin: 0;
    width: 125px;
}

.schnisse-lens-box .chb-cell.title-cell {
    padding: 0;
}

.popup-body .schnisse-lens-box .title-cell h2 {
    padding-bottom: 0;
}

.schnisse-lens-box .chb-cell {
    padding-left: 20px;
}

.calc-res-flt-r {
    float: right;
    text-align: center;
    padding-top: 9px;
    width: 756px;
    overflow: visible;
}

.calc-res-flt-r .parameters-box {
    display: inline-block;
    float: none;
}

.shape-image-panel {
    text-align: center;
    padding-top: 10px;
}

.shape-image-panel .pb-scheme-box.parameters-box {
    float: none;
    display: inline-block;
}

.thickness-action-panel {
    float: left;
    line-height: 16px;
    font-size: 11px;
    margin-top: 19px;
    margin-left: 8px;
    width: 170px;
}

.thickness-action-panel a {
    float: left;
    height: 15px;
    margin-left: 4px;
    padding: 1px 0 0 20px;
    color: #00a6a7;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    text-decoration: underline;
    background-image: url(../images/icons2020.png);
    background-repeat: no-repeat;
}

.thickness-action-panel a:hover {
    text-decoration: none;
}

.thickness-action-panel a.order-action-link {
    background-position: 0 -300px;
}

.thickness-action-panel a.delete-action-link {
    background-position: 0 -2100px;
}

.lens-details-box .main-box .col .cell a.details {
    display: inline-block;
    margin-top: 5px;
}

.lens-details-box .main-box .col .cell a.details span {
    color: #00a6a7;
    text-decoration: underline;
}

.lens-details-box .main-box .col .cell a.details:hover span {
    text-decoration: none;
}

.lens-details-box .parameters-box.lens-type h3 {
    font-weight: bold;
}

/* Vinzent/Tracer Popup */

.flash-box {
    width: 600px;
    height: 45px;
    overflow: hidden;
}

.flash-position {
    margin: -170px 0 0 -95px;
}

.popup-body .results-box {
    padding: 0px;
    width: 99%;
}

.popup-body .results-box table {
    border-collapse: separate;
}

.popup-body .popup-table-box, .popup-body .info-news-box {
    width: 720px;
    min-height: 555px;
    margin: auto;
}

/* --- end --- */

/* Info and Price Tooltips */

.info-tooltip, .price-tooltip {
    float: left;
    display: inline;
    width: 12px;
    height: 12px;
    margin: 1px 0 0 2px;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    background-image: url(../images/icons2020.png);
    background-repeat: no-repeat;
}

.info-tooltip {
    background-position: 0 -1020px;
}

.price-tooltip {
    background-position: 0 -1040px;
}

.arrow-left2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 22px;
    margin-top: -11px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: url(../images/bg_arrow_tooltip2.png) 0 0 repeat;
}

.price-action-tooltip {
    background: #00a6a7;
    padding: 2px 10px;
    width: auto;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    border: 2px solid #fff;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -khtml-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tooltip {
    z-index: 1;
}

.tooltip.price {
    z-index: 0;
}

/* Access Denied */
.ad-box {
    margin: auto;
}

.ad-box h1 {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    padding: 0 0 10px;
}

.ad-box p {
    font-size: 11px;
    line-height: 13px;
    color: #000;
    padding: 0 0 10px;
}

/*.ad-box a {*/
/*color:#00a6a7;*/
/*text-decoration:underline;*/
/*}*/

.ad-box a:hover {
    color: #00a6a7;
    text-decoration: none;
}

/* table scroll */
.tablescroll table {
    /*table-layout:fixed;*/
}

.results-box .group-type-table-box table th {
    padding: 7px 15px;
}

.results-box .group-type-table-box table td, .results-box .compare-product-table table td {
    padding: 9px 15px;
}

.results-box .group-type-table-box table tr.headers th span {
    background: none;
    display: inline;
    padding: 0;
}

/* Minimal Diameter Panel */

.minimal-diameter-panel-box {
    position: absolute;
    left: 0;
    bottom: 0;
}

.minimal-diameter-panel-box label {
    cursor: auto;
}

.minimal-diameter-panel {
    float: left;
    display: inline;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
    padding-top: 5px;
}

.minimal-diameter-panel table td {
    border: none;
    padding: 0 5px 5px;
}

/* reload Order Notification */

.notification-box {
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
    width: 240px;
    padding: 15px 15px 10px 20px;
    background: url(../images/bg_notify_mess.png) 0 0 no-repeat;
    color: #fff;
    font-weight: bold;
    line-height: 13px;
    font-size: 11px;
}

/* Drillhole */

.drillhole-mask {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}

.upper {
    position: relative;
    z-index: 10000;
}

.lnk-btn.disabled {
    color: #999;
    cursor: default;
}

.lnk-btn.disabled:hover {
    text-decoration: underline;
}

.drillhole-tooltip {
    position: absolute;
    display: none;
    left: 250px;
    top: 0;
    min-height: 116px;
    background: #707070;
    padding: 10px;
    width: 350px;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    border: 2px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.drillholes-title {
    position: relative;
}

.drillholes-title .lnk-btn {
    position: absolute;
    background-color: #fff;
    top: -2px;
    left: -3px;
    margin: 0;
}

.drillholes-title .lnk-btn.hided-btn {
    display: none !important;
}

.tab-panel-box .drillhole-tooltip p {
    padding: 0 0 6px;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
}

.width120 {
    width: 120px !important;
}

#busy_indicator {
    display: none;
    width: 200px;
    font-weight: bold;
    text-align: center;
    font-size: 1em;

    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    margin: -20px 0 0 -97px;
}

/* Loader */

#loader.hidden {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
}

#loadermask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
}

#loader img {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -20px 0 0 -97px;
}

.width-all {
    width: 420px;
    margin-right: -20px;
}

/* Button Print */
.print-btn,
.btn-box .print-btn,
.popup-body .btn-box .print-btn {
    float: left;
    display: inline;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background: url(../images/icons2020/bg_btn_print.svg) 0 0 no-repeat;
    cursor: pointer;
    padding: 0;
}

.print-btn:hover,
.btn-box .print-btn:hover,
.popup-body .btn-box .print-btn:hover {
    background: url(../images/icons2020/bg_btn_print.svg) 0 -30px no-repeat;
}

.print-btn.disabled, .print-btn.disabled:hover,
.btn-box .print-btn.disabled, .btn-box .print-btn.disabled:hover,
.popup-body .btn-box .print-btn.disabled, .popup-body .btn-box .print-btn.disabled:hover {
    cursor: default;
    background: url(../images/icons2020/bg_btn_print.svg) 0 -60px no-repeat;
}

/* Tooltip */
#tooltip {
    position: absolute;
    z-index: 3000;
    padding: 5px;
    background-color: #eff;
    border: 2px solid #cef;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #035;
    float: right;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    width: 40px;
}

#tooltip h3 {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
}

.tt-tooltip {
    display: none;
}

.tt#tooltip {
    border: 2px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #555;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap !important;
    width: auto;
}

.tracer-list-small-label {
    min-width: 65px;
}

.tracer-list-medium-label {
    min-width: 90px;
}

.tracer-list-large-label {
    min-width: 100px;
}

.tracer-list-parameters-box {
    float: left;
    display: inline;
    margin: 0 5px 0 25px;
}

#content .text-field-header {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
}

.feedbackPanel-tracer-list ul {
    float: left;
    display: inline;
    width: 600px;
    padding: 0;
    margin-bottom: 20px;
    margin-left: 40px;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
    color: #555;
    font-size: 11px;
    line-height: 14px;
}

.feedbackPanel-tracer-list li {
    float: left;
    display: inline;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.feedbackPanel-tracer-list li.feedbackPanelWARNING {
    color: #550;
    border: 1px solid #fec;
    background-color: #ffe;
}

.feedbackPanel-tracer-list li.feedbackPanelERROR {
    color: #500;
    border: 1px solid #fed8d2;
    background-color: #ffe7e3;
}

.feedbackPanel-tracer-list li.feedbackPanelINFO {
    color: #055;
    border: 1px solid #cfe;
    background-color: #efe;
}

.registration-label-left {
    min-width: 150px;
    padding-top: 6px;
    float: left;
    padding-bottom: 8px;
    color: #555;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}

.popup-body .registration-label-left {
    min-width: 160px;
}

.registration-label-right {
    width: 90px;
    min-width: 90px;
    padding-top: 6px;
    float: left;
    padding-bottom: 8px;
    color: #555;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}

.popup-body input.registration-input {
    display: inline;
    float: left;
    height: 25px;
    width: 150px;
}

.cell label.sixpack-item-label {
    padding-bottom: 3px;
    font-size: 10px;
}

.cell label.sixpack-input-label {
    min-width: 100px;
    padding-top: 3px;
}

.cell span.sixpack-label-box {
    margin: 0;
    width: 100px;
}

.sixpack-label-box label {
    font-family: Arial, Helvetica, sans-serif;
}

.btn-box.account-popup-buttons-block {
    float: left;
    border: none;
    margin: 0;
}

.account-popup-buttons-block a.upload-disabled {
    background-position: 0 -250px;
    cursor: default;
    padding-bottom: 5px;
    border: 1px solid #bbb;
    padding-top: 4px;
}

.btn-box a.details-button {
    margin-left: 10px;
}

.sixpack-container {
    margin-bottom: 80px;
}

.popup-body .sixpack-block {
    margin: 10px 0 10px 20px;
}

.popup-body .end-user-container input[type="text"] {
    height: 18px;
    padding: 0 4px;
}

.popup-body .end-user-container .cell input.medium-input {
    width: 155px;
}

.sixpack-block {
    margin: 20px 20px 80px 0;
}

.sixpack-selection {
    padding: 5px 0 15px 0;
    margin-left: 15px;
}

.empty-package-tooltip {
    min-width: 15px;
    margin-top: 10px;
}

.sixpack-package-header {
    font-size: 16px;
}

.sixpack-eyemail-image-example {
    background: url(../images/eyemail-example-image.png) 0 0 no-repeat;
    background-size: 60%;
    height: 340px;
    width: auto;
    margin: 15px auto;
}

.sixpack-end-user-header {
    float: left;
    padding-top: 5px;
    margin-bottom: 10px;
}

.title-label {
    margin: 0 10px 0 10px;
    padding-top: 3px;
}

.title-sixpack-cell {
    min-width: 126px;
}

.gender-label {
    min-width: 100px;
    padding-top: 3px;
}

.gender-sixpack-cell {
    min-width: 183px;
}

.country-sixpack-cell {
    min-width: 310px;
}

.col .gender-sixpack-cell span {
    margin: 2px 0 0 -16px;
}

.zipcode-label {
    padding-top: 3px;
    margin-right: 2px;
}

.zipcode-input {
    margin-right: 5px;
}

.town-label {
    padding-top: 3px;
    margin-right: 18px;
}

.end-user-second-block {
    float: left;
    margin-top: 22px;
}

.end-user-checkbox-container {
    padding-left: 50px;
}

.thumbnail {
    margin: 10px 0 0 5px;
    overflow: hidden;
}

.cell input.short-input {
    width: 73px;
}

.cell input.medium-input {
    width: 145px;
}

.cell input.long-input {
    width: 200px;
}

.general-settings-chb-box {
    min-width: 300px;
    margin-bottom: 15px;
}

::-ms-clear {
    display: none;
}

.login-form-box .row-parameters.sixpack-registration-block {
    width: auto;
    padding-left: 100px;
    margin-bottom: 40px;
}

.sixpack-registration-block h1 {
    margin-top: 30px;
}

.sixpack-contract-input-label {
    padding: 3px 10px 0 0;
}

.sixpack-contract-input-container {
    padding-left: 21px;
}

.sixpack-contract-block {
    padding-left: 30px;
}

.btn-box a.sixpack-contract-upload-button {
    margin: 0 0 10px 0;
}

.popup-body .btn-box.sixpack-contract-upload-button-box {
    padding: 0;
    margin: 0;
}

.sixpack-registration-message {
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    padding: 15px 12px 30px 50px;
}

.login-form-box .row-parameters.sixpack-left-input-block {
    width: 500px;
}

.login-form-box .row-parameters.sixpack-right-input-block {
    width: 380px;
}

.sixpack-text-block {
    float: left;
    padding-left: 15px;
}

.reg-form h1.sixpack-text {
    font-weight: 200;
    margin-top: 5px;
}

.popup-body .btn-box.sixpack-popup-btn-box {
    border: none;
}

.popup-body .btn-box.sixpack-popup-btn-box.floating {
    width: 100%;
    float: right;
    padding: 0;
    margin-top: -47px;
}

.sixpack-contract-popup {
    height: 410px;
}

.sixpack-no-contract-popup {
    height: 560px;
}

.sixpack-registration-finish-popup {
    height: 260px;
}

.sixpack-registration-finish-popup h1 {
    font-weight: bold;
    font-size: 14px;
    padding: 30px;
}

.sixpack-registration-finish-popup h2 {
    font-weight: 200;
    font-size: 14px;
    padding: 0 30px 15px 30px;
}

.parameters-box.popup-pb.sixpack-popup-block {
    padding-bottom: 0;
    margin-bottom: 0;
}

.btn-box input.button-upload {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding: 0;
    background: none;
    width: 0;
}

.fag-link-block {
    margin-top: 15px;
}

.faq-label {
    font-size: 14px;
    text-decoration: underline;
    padding-left: 40px;
}

.faq-post-label {
    font-size: 14px;
    padding-left: 40px;
    color: black;
    font-weight: bold;
    cursor: text;
}

.fag-link-block .sub-link-label {
    font-size: 12px;
    padding-left: 80px;
}

h1.faq {
    font-size: 18px;
    padding: 20px 0 0 30px;
}

h2.faq {
    font-size: 14px;
    padding: 20px 0 0 30px;
}

div.faq {
    font-size: 14px;
    padding: 10px 0 0 25px;
}

.warning-style {
    font-size: 18px;
    margin: 20px;
}

.warning-popup {
    height: 100px;
}

.sixpack-popup-label {
    float: none !important;
    color: rgb(0, 0, 0) !important;
}

.short {
    width: 135px !important;
}

.large {
    width: 290px !important;
}

.sixpack-popup-input {
    height: 20px !important;
    margin-top: 10px;
}

.sixpack-popup-checkbox-label {
    margin-right: 10px;
}

.sixpack-parameters-box {
    margin: 20px 0 0 40px;
}

.sixpack-small-parameters-box {
    margin: 20px 0 0 20px;
}

.consulting-category-price-container .sixpack-small-parameters-box {
    margin: 20px 0 0 0;
}

.new-lens-buyer-popup {
    height: 580px;
}

.customer-label {
    font-size: 14px;
    font-weight: bold;
}

.customer-panel {
    margin-left: 50px;
    /*fix for ie 9*/
    width: 400px;
}

.customer-header-label {
    color: #000;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

.customer-header-block {
    width: 150px;
    margin-bottom: 10px;
}

.lens-buyers-search {
    padding-bottom: 0;
}

.lens-buyers-buttons-block {
    margin-bottom: 50px;
}

.package-management-container {
    margin: 20px 0 0 30px;
}

.package-management-container h1 {
    font-size: 16px;
}

.package-management-container h2 {
    padding-left: 0;
}

.package-management-column-header {
    float: left;
    margin-right: 30px;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.package-management-header-block {
    margin-top: 15px;
    padding-bottom: 35px;
}

.package-management-item-name {
    float: left;
    min-width: 350px;
}

.package-management-label {
    float: left;
    min-width: 170px;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #555;
}

.package-management-customer-panel {
    border: 1px solid;
    display: inline-block;
    margin: 10px;
    padding: 15px;
    background-color: #E6F3ED;
}

.package-management-popup {
    height: 740px;
}

.period-choices-block {
    margin-left: 20px;
    margin-top: 5px !important;
}

.head-tilt-cluster-block {
    margin-top: 25px;
}

.details-popup {
    height: 550px;
}

.details-popup .cell label {
    float: none;
}

.details-popup span.yui-skin-sam > span:first-child {
    width: 125px;
}

.details-popup .yui-cal-nav-y input {
    width: 88px !important;
}

.details-popup .row-parameters {
    width: 50%;
}

.details-popup .row-parameters .cell {
    display: block;
    float: none;
    margin-bottom: 6px;
    padding: 0 220px 0 10px;
}

.details-popup .row-parameters .cell.title-box {
    margin-top: 40px;
}

.details-popup .row-parameters .cell .fields-box {
    float: right;
    width: 201px;
    margin-right: -210px;
    margin-left: 9px;
}

.details-label-block {
    min-width: 180px;
    padding: 3px 0 8px 0;
    float: left;
}

.details-status-label-block {
    min-width: 45px;
    padding: 3px 0 8px 0;
    float: left;
}

.details-popup .details-label-block {
    min-width: 0;
    width: 100%;
    margin-right: -3px;
}

.details-status-input {
    width: 40px !important;
}

.details-date-label-block {
    min-width: 78px;
    padding: 3px 0 8px 0;
    float: left;
}

.details-date-input {
    width: 42px !important;
}

.details-input {
    width: 200px !important;
}

.price-calculation-popup {
    height: 470px;
}

.calculation-label-block {
    min-width: 300px;
    float: left;
}

.row-parameters .cell input[type="text"].calculation-input {
    width: 80px;
}

.calculation-notation-label {
    line-height: 15px;
    margin-top: 20px;
    font-size: 11px;
    font-weight: normal;
}

.calculation-result-label {
    font-weight: bold;
    float: left;
}

.monthly-rate-output {
    display: inline-block;
    background-color: orange;
    padding: 0 5px 0 5px;
}

a.redirect-action-link span {
    text-decoration: underline;
    color: #00A6A7 !important;
    cursor: pointer;
    text-transform: uppercase;
}

a.redirect-action-link span:hover {
    color: #00A6A7 !important;
}

.redirect-link-block {
    margin: 4px;
}

.distance-block {
    margin-top: 40px;
}

.distance-block .parameters-box .col h3 {
    padding-top: 3px !important;
    min-width: 120px;
}

.name-block {
    margin-top: 40px;
}

.name-block .parameters-box .col label {
    margin-right: 10px;
    padding-top: 3px;
}

.price-details-popup {
    height: 160px;
}

.price-block {
    margin-top: 20px;
}

.price-block .parameters-box {
    margin-bottom: 20px;
}

.price-block .parameters-box .col h3 {
    min-width: 130px;
    font-size: 14px;
}

.price-block .parameters-box .cell {
    min-width: 70px;
}

.price-block .parameters-box .cell span {
    font-size: 14px;
    float: right;
    margin: 0;
}

.currency-col {
    margin: -3px 0 0 20px !important;
}

.currency-col input {
    width: 120px !important;
}

.parameters-box.price-section {
    margin-right: 50px;
}

.discount-container input[type="checkbox"], .discount-container label {
    margin-top: 2px;
}

.tab-panel-box input[type="text"].percent-input {
    width: 2em;
    margin: 0 5px 0 10px;
    height: 15px;
}

.popup-body .commission-block label {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    padding: 1px 15px 13px;
}

.popup-body .commission-block span {
    float: left;
    display: inline;
    height: 14px;
    padding: 2px 5px;
    color: #555;
    border: 1px solid #999;
    background: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    min-width: 100px;
}

.sixpack-popup {
    height: 610px;
}

.sixpack-list {
    margin-left: 30px;
}

.sixpack-list ul li {
    list-style-type: disc;
    margin-bottom: 6px;
}

.basic-link {
    background: none;
    border: none;
    text-decoration: underline;
    color: #00A6A7;
    cursor: pointer;
    font-weight: bold;
}

.sixpack-link-block {
    float: left;
    min-width: 200px;
    font-size: 13px;
}

.sixpack-package-cell {
    min-height: 180px;
}

.compare-label {
    color: #00a6a7 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: normal !important;
}

.button-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    text-decoration: underline;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    color: #707070;
    font-size: 12px;
    font-weight: bold;
}

.no-white-spaces {
    margin: 0 !important;
    padding: 0 !important;
}

.results-box table tbody td.frame-label-cell {
    padding: 0;
    width: 50px;
}

.results-box table tbody td.frame-image-cell {
    padding: 0;
    width: 290px !important;
    margin-top: 30px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.results-box table tbody td.frame-image-cell div, .results-box table tbody td.frame-label-cell div {
    line-height: 0;
}

.results-box table tbody td.frame-color-cell {
    width: 250px;
}

.history-table {
    margin: 10px;
    font-size: 14px;
}

.history-table thead {
    font-size: 16px;
    text-align: left;
}

.history-table thead div {
    margin: 10px 0 30px 0;
}

.history-table tr.small-gap {
    height: 20px;
}

.history-table tr.big-gap {
    height: 40px;
}

.history-table td {
    vertical-align: top;
}

.history-table td.date-column {
    width: 75px;
}

.history-table td.version-column {
    width: 75px;
    font-weight: bold;
}

.history-table td.topic-column {
    width: 170px;
    font-weight: bold;
    font-style: italic;
}

.history-table td.details-column {
    width: 450px;
    text-align: justify;
}

.history-faq-label {
    font-size: 14px;
    text-decoration: underline;
    color: black;
    font-weight: normal;
    font-style: italic;
}

.images-set-container {
    padding: 0;
    width: 100%;
    height: 500px;
    margin-top: 5px;
}

.sales-aid-images-container {
    width: 100%;
    display: table;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.images-set-panel-wrapper {
    display: table;
    width: 100%;
    position: relative;
}

.images-set-panel {
    display: table-cell;
    vertical-align: middle;
}

.sales-aid-image-box {
    display: inline-block;
    margin: 13px 4px;
}

.sales-aid-image-box img {
    width: 180px;
    height: 180px;
}

.sales-aid-image-label {
    color: #00a6a7;
    display: table-cell;
    width: 180px;
    font-size: 14px;
    padding: 3px 6px 0;
    text-align: center;
    cursor: default;
}

.slide-container {
    display: table-cell;
    vertical-align: middle;
    width: 5%;
}

.images-set {
    position: absolute;
    width: 100%;
    text-align: left;
    left: 150%;
    margin-left: -39%;
}

.images-set.selected-panel {
    left: 40%;
}

.sales-aid-image-selected {
    border: 7px solid #00a6a7;
}

.sales-aid-image-not-selected {
    border: 7px solid transparent;
}

a.slide-link, span.slide-link {
    z-index: 2;
    display: inline-block;
    top: 45%;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    width: 49px;
    height: 49px;
    margin: 24px 0 0 0;
}

a.slide-link.left {
    background: url(../images/SalesAid/navigation/sliding/arrow-left-active.png) no-repeat;
}

span.slide-link.left {
    background: url(../images/SalesAid/navigation/sliding/arrow-left.png) no-repeat;
}

a.slide-link.right {
    background: url(../images/SalesAid/navigation/sliding/arrow-right-active.png) no-repeat;
}

span.slide-link.right {
    background: url(../images/SalesAid/navigation/sliding/arrow-right.png) no-repeat;
}

/*Sales Aid Group selection*/
.sales-aid-group-block {
    float: right;
    margin: 30px 50px 50px 0;
}

.sales-aid-property-block {
    margin: 40px 0 0 100px;
    float: left;
}

.sales-aid-group-small-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 46px;
    height: 48px;
}

.sales-aid-group-small-icon.home {
    background: url(../images/SalesAid/groups/small/home.png) no-repeat
}

.sales-aid-group-small-icon.home.active {
    background: url(../images/SalesAid/groups/small/home_selected.png) no-repeat
}

.sales-aid-group-small-icon.work {
    background: url(../images/SalesAid/groups/small/work.png) no-repeat
}

.sales-aid-group-small-icon.work.active {
    background: url(../images/SalesAid/groups/small/work_selected.png) no-repeat
}

.sales-aid-group-small-icon.on_the_way {
    background: url(../images/SalesAid/groups/small/on_the_way.png) no-repeat
}

.sales-aid-group-small-icon.on_the_way.active {
    background: url(../images/SalesAid/groups/small/on_the_way_selected.png) no-repeat
}

.sales-aid-group-small-icon.freetime {
    background: url(../images/SalesAid/groups/small/freetime.png) no-repeat
}

.sales-aid-group-small-icon.freetime.active {
    background: url(../images/SalesAid/groups/small/freetime_selected.png) no-repeat
}

.sales-aid-group-small-icon.sports {
    background: url(../images/SalesAid/groups/small/sports.png) no-repeat
}

.sales-aid-group-small-icon.sports.active {
    background: url(../images/SalesAid/groups/small/sports_selected.png) no-repeat
}

/*Rating Panel*/
.rating-container {
    overflow: hidden;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}

.rating-link-container {
    float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-bottom: 10px;
}

a.rating-icon {
    background-image: url(../images/SalesAid/rating/star1.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 18px;
    text-indent: -999px;
    padding: 0;
    margin-right: 5px;
}

a.rating-icon label {
    display: none;
}

a.rating-icon.active {
    background-image: url(../images/SalesAid/rating/star2.png);
}

/*Selection Panel*/

.selection-link-container {
    display: inline-block;
    margin: 10px 15px;
    vertical-align: top;
}

.kind-of-glasses-link-container.selection-link-container {
    margin: 10px 18px;
    display: inline-table;
}

.preference-link-container.selection-link-container {
    margin: 10px;
    display: inline-table;
    width: 222px;
}

.preference-link-container:first-child {
    margin-left: 5px;
}

.preference-link-container:last-child {
    margin-right: 0;
}

.selection-link-container label {
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center;
}

.selection-link-panel {
    display: inline-block;
    margin: 7px;
}

.selection-link-container a.active {
    color: #ffffff;
    background: #00A0A0;
    border-color: #00A0A0;
}

.selection-link-container a {
    display: table-cell;
    vertical-align: middle;

    font-size: 14px;
    color: #000000;
    font-weight: normal;
    border: 2px solid #808080;
    padding: 5px;

    width: 100px;
    height: 100px;

    line-height: 20px;
    text-align: center;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.kind-of-glasses-link-container.selection-link-container a,
.preference-link-container.selection-link-container a {
    display: table-cell;
    vertical-align: middle;
    width: 80px;
}

.kind-of-glasses-link-container.selection-link-container a {
    height: 60px;
}

.preference-link-container.selection-link-container a {
    height: 80px;
    font-size: 13px;
    font-weight: bold;
    max-height: none;
}

.selection-link-container a span {
    max-width: 100px;
    max-height: 80px;
    overflow: hidden;
    display: inline-block;
}

/*Priority Panel*/
.priority-link-container {
    display: inline-block;
    border: 1px #CDCDCD solid;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);
    float: left;
}

.priority-link-container.active {
    border: 1px #2B9896 solid;
    background: -webkit-linear-gradient(#40A490, #67CCB8);
    background: -o-linear-gradient(#40A490, #67CCB8);
    background: -moz-linear-gradient(#40A490, #67CCB8);
    background: linear-gradient(#40A490, #67CCB8);
}

.priority-link-container.left {
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.priority-link-container.right {
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

a.priority-link {
    font-size: 12px;
    font-weight: normal;
    color: #a6a6a6;
    text-align: center;
}

.priority-link-container.active a.priority-link {
    color: #ffffff;
}

a.priority-link label {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

/**/
.situations-container {
    display: inline-block;
    text-align: center;
    height: 580px;
}

.situation {
    margin-top: 10px;
    display: inline-block;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    text-align: center;
}

.situation.house {
    background: url(../images/situations/situation_icon_home.png) 0 no-repeat;
}

.situation.house:hover {
    background: url(../images/situations/situation_icon_home_selected.png) 0 no-repeat;
}

.situation.work {
    background: url(../images/situations/situation_icon_work.png) 0 no-repeat;
}

.situation.work:hover {
    background: url(../images/situations/situation_icon_work_selected.png) 0 no-repeat;
}

.situation.driving {
    background: url(../images/situations/situation_icon_on_the_way.png) 0 no-repeat;
}

.situation.driving:hover {
    background: url(../images/situations/situation_icon_on_the_way_selected.png) 0 no-repeat;
}

.situation.leisure {
    background: url(../images/situations/situation_icon_freetime.png) 0 no-repeat;
}

.situation.leisure:hover {
    background: url(../images/situations/situation_icon_freetime_selected.png) 0 no-repeat;
}

.situation.sport {
    background: url(../images/situations/situation_icon_sports.png) 0 no-repeat;
}

.situation.sport:hover {
    background: url(../images/situations/situation_icon_sports_selected.png) 0 no-repeat;
}

.situation-all {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    right: 30px;
    bottom: 70px;
    border: 1px #DEDEDE solid;
    background: -webkit-linear-gradient(#FFFFFF, #F4F4F4);
    background: -o-linear-gradient(#FFFFFF, #F4F4F4);
    background: -moz-linear-gradient(#FFFFFF, #F4F4F4);
    background: linear-gradient(#FFFFFF, #F4F4F4);
}

.situation-all:hover {
    border: 1px #1AB8B7 solid;
    background: -webkit-linear-gradient(#FFFFFF, #E5F7F7);
    background: -o-linear-gradient(#FFFFFF, #E5F7F7);
    background: -moz-linear-gradient(#FFFFFF, #E5F7F7);
    background: linear-gradient(#FFFFFF, #E5F7F7);
}

.situation-all label {
    line-height: 90px;
    font-weight: bold;
    font-size: 16px;
    color: #00a6a7;
}

.situation label {
    line-height: 400px;
    margin-right: 40px;
    font-weight: bold;
    font-size: 13px;
    color: #00a6a7;
}

.category-welcome-panel {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

/*Category Page*/

.category-list-container {
    width: 91%;
    text-align: left;
    display: inline-block;
}

.dynamic-category-container {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.additional-categories-container {
    position: relative;
    display: inline-block;
}

.category-action-panel {
    float: left;
    width: 15%;
}

.bottom-left-action-panel {
    position: absolute;
    bottom: 5%;
    margin-left: 10px;
}

.total-price-panel {
    margin-right: 10px;
    position: relative;
    top: 0px;
    text-align: center;
    border: 2px solid gainsboro;
    border-radius: 24px;
    padding: 15px 20px;
    font-size: 11px;
    font-weight: bold;
}

.total-price-panel div {
    text-align: left;
    width: 85px;
}

.discount-header {
    margin-top: 15px;
    color: red;
}

.discount-label {
    background: red;
    color: white;
    padding: 7px;
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
}

.category-welcome-panel h1,
.analysis-content-child .category-welcome-panel h1 {
    font-size: 16px;
    margin-bottom: 10px
}

.category-welcome-panel div {
    margin: 0 30px 0px 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
}

.category-price-block {
    margin: 15px 0 2px 0;
    text-align: center;
}

.category-panel-container {
    display: inline-block;
    margin: 0 10px 15px 10px;
    vertical-align: top;
}

.small-category-panel-container {
    display: inline-block;
    margin: -10px 0 0 10px;
}

.category-container {
    position: relative;
    display: inline-block;
    width: 173px;
    height: 190px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.category-container img {
    margin-bottom: 3px;
    width: 122px;
}

.category-label {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    margin: 4px 0;
}

.category-button-container {
    position: relative;
}

.category-container a.action-link,
.category-container .category-block-label,
.category-button-container a.action-link,
.action-block a.action-link {
    display: inline-block;
    margin: 5px;
    padding: 5px 3px 4px 3px;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.category-block-label {
    margin-top: -2px !important;
}

.action-block a.action-link {
    background: -webkit-linear-gradient(#FAFAFA, #F3F3F3);
    background: -o-linear-gradient(#FAFAFA, #F3F3F3);
    background: -moz-linear-gradient(#FAFAFA, #F3F3F3);
    background: linear-gradient(#FAFAFA, #F3F3F3);
    background-color: #F3F3F3;
    border: #CDCDCD 1px solid;
    color: #A7A7A7;
}

.category-container.start-consultation {
    background: -webkit-linear-gradient(#FFFFFF, #FAE6E6);
    background: -o-linear-gradient(#FFFFFF, #FAE6E6);
    background: -moz-linear-gradient(#FFFFFF, #FAE6E6);
    background: linear-gradient(#FFFFFF, #FAE6E6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#FAE6E6'); /*For IE7-8-9*/
    border: #DA7F8C 1px solid;
}

.category-container.start-consultation a.action-link,
.category-container.start-consultation .category-block-label,
.category-button-container a.action-link {
    background: -webkit-linear-gradient(#FFFFFF, #FDFDFD);
    background: -o-linear-gradient(#FFFFFF, #FDFDFD);
    background: -moz-linear-gradient(#FFFFFF, #FDFDFD);
    background: linear-gradient(#FFFFFF, #FDFDFD);
    background-color: #FDFDFD;
    border: #DA7F8C 1px solid;
    color: #BE0022;
}

.category-container.selected {
    background: -webkit-linear-gradient(#F3FBFB, #DAF3F3);
    background: -o-linear-gradient(#F3FBFB, #DAF3F3);
    background: -moz-linear-gradient(#F3FBFB, #DAF3F3);
    background: linear-gradient(#F3FBFB, #DAF3F3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F3FBFB', endColorstr='#DAF3F3'); /*For IE7-8-9*/
    border: #98E1E0 1px solid;
}

.category-container.selected a.action-link,
.category-container.selected .category-block-label {
    background: -webkit-linear-gradient(#FAFAFA, #EEF9F8);
    background: -o-linear-gradient(#FAFAFA, #EEF9F8);
    background: -moz-linear-gradient(#FAFAFA, #EEF9F8);
    background: linear-gradient(#FAFAFA, #EEF9F8);
    border: #98E1E0 1px solid;
    color: #3AC9C8;
    background-color: #FAFAFA;
    cursor: default;
}

.category-button-container {
    margin-top: -17px;
    text-align: center;
}

.action-block {
    text-align: center;
}

.warning-container {
    width: 100px;
    margin-left: 10px;
    margin-top: 30px;
}

.category-container a.top-level-link,
.warning-container a.warning-link,
a.add-category-link {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 4px 4px 2px 4px;
}

a.add-category-link {
    background: url(../images/SalesAid/category/add.png) no-repeat;

    position: absolute;
    right: 0;
    bottom: 2px;
}

.category-container .top-level-container {
    min-height: 32px;
}

.category-container a.top-level-link.reset {
    float: right;
}

.category-container a.top-level-link.return {
    float: left;
}

.category-container.start-consultation a.top-level-link.reset {
    background: url(../images/SalesAid/category/reset-start-consulation.png) no-repeat;
}

.category-container.selected a.top-level-link.reset {
    background: url(../images/SalesAid/category/reset-selected.png) no-repeat;
}

.category-container a.top-level-link.return {
    background: url(../images/SalesAid/category/return.png) no-repeat;
}

.category-container a.top-level-link.not-specified,
.warning-container a.warning-link.not-specified {
    display: none;
}

.category-container a.top-level-link.not-driving,
.warning-container a.warning-link.not-driving {
    background: url(../images/SalesAid/category/not-driving.png) no-repeat;
}

.category-container a.top-level-link.not-night,
.warning-container a.warning-link.not-night {
    background: url(../images/SalesAid/category/not-night.png) no-repeat;
}

.category-container a.top-level-link.light-transmission,
.warning-container a.warning-link.light-transmission {
    background: url(../images/SalesAid/category/light-transmission.png) no-repeat;
}

.warning-text-container {
    width: 330px;
    margin: 10px 0 0 10px;
}

.warning-text-container label {
    font-size: 14px;
}

.product-name-label {
    color: #8C8C8C;
    font-weight: bold;
    margin: -10px 0px 0 0px;
    font-size: 12px;
    max-width: 172px;
    text-align: center;
}

.consulting-content .feedbackPanel ul {
    width: 97%;
    margin: 10px;
}

/*Consulting Workflow*/
.consulting-content-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    margin-top: -15px;
}

.action-panel {
    float: left;
    width: 13%;
    position: relative;
}

.bottom-action-block {
    position: absolute;
    bottom: 0;
    float: right;
    width: 100%;
}

.bottom-action-block .btn-box,
.navigation-items-container .btn-box {
    padding-bottom: 7px;
    display: inline-block;
}

.bottom-action-block .analysis-link {
    padding: 5px 10px;
    margin: 0;
    float: none;
    text-transform: none;
}

.bottom-action-block a,
.analysis-bottom-action-panel a.multi-line-button {
    margin-left: 0px;
    text-transform: none;
    font-size: 11px;
    padding: 5px 7px;
    width: 115px;
}

.bottom-action-block .col .cell input {
    width: 117px;
}

.btn-box a.multi-line-button {
    text-transform: none;
    margin: 0;
    height: auto;
    padding: 7px 3px;
    text-align: center;
    background: #1C7B92 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    min-width: 80px;
}

.btn-box a.multi-line-button:hover {
    background: #4BB7BA none;
}

.consulting-result-strong {
    font-weight: bold;
}

.consulting-result-small {
    font-size: 11px;
}

.consulting-content {
    float: left;
    width: 87%;
    position: relative;
    background: #FAFAFA;
    min-height: 510px;
}

.consulting-customer-container {
    display: inline-block;
}

.consulting-consultant-container {
    display: inline-block;
    margin-top: 25px;
}

.consulting-client-top-label-container,
.consulting-price-top-label-container {
    margin-bottom: 20px;
    margin-left: 5px;
}

.consulting-client-top-label-container label,
.consulting-price-top-label-container label {
    font-size: 15px;
    line-height: 15px;
}

.consulting-consultant-label-container {
    position: absolute;
    margin-top: 0;
}

.consulting-customer-container input.short-print-input,
.consulting-consultant-container input.short-print-input {
    width: 90px;
}

.consulting-customer-container input.large-print-input,
.consulting-consultant-container input.large-print-input {
    width: 220px;
}

.consulting-consultant-container .top-label,
.consulting-customer-container .top-label {
    font-size: 14px;
    float: left;
    display: inline;
    padding-bottom: 8px;
    color: black;
    font-weight: bold;
    line-height: 13px;
    margin-top: -6px;
}

.price-container-wrapper {
    margin-left: 40px;
}

.consulting-category-price-container {
    width: 100px;
    display: inline-block;
    margin-top: -5px;
}

.consulting-category-price-container input {
    display: inline-block;
    width: 70px !important;
}

.consulting-category-price-container label {
    display: inline-block;
    width: 85px;
}

.consulting-category-button-box {
    margin: 40px 20px 20px 0;
}

.consulting-services-block {
    height: 70px;
}

.consulting-services-block label {
    display: inline-block;
    margin-right: 5px;
}

.consulting-services-block input.short-print-input {
    width: 70px;
}

.slide-price-calculator-panel {
    background: url(../images/euro.png) 0px 0;
    width: 30px;
    height: 29px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: -2px;
}

.price-calculator-panel {
    text-align: center;
    cursor: pointer;
}

.slide-price-calculator-panel.active {
    background: url(../images/euro-active.png) 0px 0;
}

.price-calculator-panel {
    position: absolute;
    display: none;
    z-index: 1;
    margin-left: 1px;
}

.price-calculator-panel-element-container {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    width: 26px;
    height: 27px;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);
}

.price-calculator-panel-element-container.active {
    border: 1px #2B9896 solid;
    background: -webkit-linear-gradient(#4BB09B, #67CCB8);
    background: -o-linear-gradient(#4BB09B, #67CCB8);
    background: -moz-linear-gradient(#4BB09B, #67CCB8);
    background: linear-gradient(#4BB09B, #67CCB8);
}

.price-calculator-panel-element {
    display: block;
    line-height: 27px;
    font-size: 10px;
    color: #a6a6a6;
}

.price-calculator-panel-element-container.active .price-calculator-panel-element {
    color: white;
}

.consulting-print-button {
    float: left;
    display: inline;
    width: 28px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    background: url(../images/icons2020/bg_btn_print.svg) no-repeat 0px -60px;
}

.consulting-end-user-button {
    text-transform: none;
    margin: 0;
    width: auto;
    height: auto;
    padding: 6px 9px 6px;
    border-radius: 5px;
    font-size: 12px;
    color: #a6a6a6;
    text-align: center;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);
}

.analysis-end-user-button {
    position: relative;
    top: -10px;
    left: 8px;
}

.analysis-panel {
    float: left;
    width: 14%;
    position: relative;
    z-index: 2;
}

.analysis-content-container {
    margin-bottom: 40px;
}

.analysis-content-container .analysis-content {
    width: 85%;
    height: 100%;
    position: relative;
    background: #FAFAFA;
    display: inline-block;
    z-index: 1;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.navigation-items-container {
    margin: 0 0;
}

.analysis-bottom-action-panel {
    position: absolute;
    float: right;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.analysis-bottom-action-panel a {
    float: none;
}

.analysis-panel a.multi-line-button {
    padding: 7px 3px;
    width: 115px;
    display: inline-block;
}

.analysis-sub-item {
    margin-bottom: 10px;
    margin-left: -3px;
}

.analysis-content .nav-button {
    padding: 0 9px 0 20px;
    font-size: 25px;
    border: 2px #CDCDCD solid;
    border-radius: 6px;
    z-index: 9999;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);
}

.nav-button.left {
    background: url(../images/arrow_left.png) no-repeat;
    background-size: 29px 28px;

}

.nav-button.right {
    background: url(../images/arrow_right.png) no-repeat;
    background-size: 29px 28px;

}

.analysis-feedback-panel ul {
    float: left;
    display: inline;
    width: 99%;
    padding: 0;
    margin-bottom: 0;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f4f5;
    color: #555;
    font-size: 11px;
    line-height: 14px;
}

.refraction-container {
    margin-top: 70px;
}

#content .refraction-container h2,
#content .approximation-container h2 {
    padding: 0;
    margin-bottom: 20px;
}

.refraction-lens-container,
a.refraction-lens-container {
    margin-left: 0;
    margin-right: 0;
}

a.show-more-panel-link {
    margin-left: 10px;
}

.approximation-container {
    margin: 90px 0 130px 0;
}

.approximation-control {
    display: inline-block;
    margin-right: 30px;
}

.approximation-control div {
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.navigation-column {
    width: 5%;
    /* height: 800px; */
    display: inline-block;
    margin-top: 47%;
}

.navigation-column.left {
    float: left;
    margin-left: 10px;
}

.navigation-column.right {
    float: right;
    margin-right: 1px;
}

.analysis-content-child {
    width: 85%;
    display: inline-block;
    padding: 10px;
    max-height: 555px;
    min-height: 555px;
}

.analysis-content-child h1 {
    font-size: 18px;
    margin-top: 10px;
}

.analysis-content-child h1.current-glasses-header {
    margin-left: 40px;
}

.analysis-content-child h1.new-glasses-header {
    margin-left: 10px;
}

.analysis-content-child h1.image-set-header {
    margin-left: 65px;
}

.analysis-content-child h1.main {
    font-size: 22px;
    margin: 0 0 15px 10px;
}

.navigation-link-container {
    width: 100%;
    padding: 10px;
}

.navigation-link-container.active {
    background: #FAFAFA;
}

.navigation-link-container a {
    color: #3C7DAA;
    font-size: 16px;
    font-weight: bold;
}

.navigation-link-container.active a {
    color: #00A0A0;
}

.navigation-link-container span {
    display: none;
}

.navigation-link-container.active span {
    display: block;
    color: #00A0A0;
    float: right;
    margin-right: 15px;
}

/*Consulting Comparison page*/

.comparison-action-icon-container {
    display: inline-block;
    float: right;
    margin: 5px 30px 0 0;
}

.comparison-action-icon {
    display: inline-block;
    width: 41px;
    height: 41px;
    padding: 0;
    margin: 0;
}

.comparison-action-icon.add {
    background-image: url(../images/SalesAid/comparison/add.png);
}

.comparison-action-icon.remove {
    background-image: url(../images/SalesAid/comparison/remove.png);
}

a.comparison-action-icon label {
    display: none;
}

.comparison-button-container {
    display: inline-block;
    border: 1px #CDCDCD solid;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);
    float: left;
}

.delivery-range-button-container {
    border: 1px #2B9896 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    background: -webkit-linear-gradient(#40A490, #67CCB8);
    background: -o-linear-gradient(#40A490, #67CCB8);
    background: -moz-linear-gradient(#40A490, #67CCB8);
    background: linear-gradient(#40A490, #67CCB8);
    text-align: center;
    width: 70px;
    padding: 5px 6px;
    margin: 20px 0 0 5px;
}

.col-comparison .delivery-range-button-container label {
    margin-left: 10px;
    color: white;
}

.delivery-range-warning-icon {
    width: 16px;
    height: 16px;
    background: url(../images/warning.png) center no-repeat;
}

.delivery-range-warning-icon + select.comparison-dropdown.product-dropdown {
    padding: 10px 55px 10px 10px !important;
}

.selection-container {
    width: 50%;
    float: left;
}

.selection-container .price-panel {
    margin-right: 50px;
    float: right;
}

.selection-header {
    display: inline-block;
    margin: 10px 0 20px 20px;
    color: #00A0A0;
    font-size: 25px;
}

.selection-price-section {
    font-size: 21px;
    color: #00A0A0;
    margin: 0 0 15px 20px;
    font-weight: bold;
}

.selection-price-section .selection-price-label {
    font-size: 18px;
}

#content div.form-box-content-label {
    color: #00A0A0;
    font-size: 18px;
    padding: 0px;
}

#content div.form-box-content-label.disabled {
    color: #96DCDC;
}

.selection-section-container {
    padding: 5px 15px 5px 15px;
}

.selection-form-box {
    display: inline-block;
    width: 96%;
    padding: 2% 2% 0 2%;
    margin-top: 10px;
    border: 1px solid #E1E1E1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.row-box {
    float: left;
    display: inline;
    width: 100%;
}

.col-comparison {
    display: inline;
    float: left;
}

.col-comparison.col-material {
    width: 40%;
}

.col-comparison.col-index {
    width: 25%;
}

.col-comparison.col-product-category {
    width: 35%;
}

.col-comparison.col-product {
    width: 75%;
}

.col-comparison.col-additional-category {
    width: 40%;
}

.col-comparison.col-additional {
    width: 60%;
}

.col-comparison.col-color {
    width: 100%;
}

.col-comparison label {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-left: 10px;
}

.col-comparison label.disabled {
    color: #D2D2D2 !important;
}

.col-comparison input[type="checkbox"] {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    margin: 4px;
}

.dropdown-content {
    padding: 7px 7px 0 7px;
    position: relative;
}

#content select.comparison-dropdown {
    width: 100%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 40px 10px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: none;
    outline: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 0 0 15px;
}

#content select.comparison-dropdown::-ms-expand {
    display: none;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .comparison-dropdown {
        padding-right: 40px;
    }
}

#content select.comparison-dropdown-greeny {
    color: #00A0A0;
    background: url(../images/arrow_greeny.png) 96% no-repeat, -o-linear-gradient(#EFF7F7, #CAE5E5);
    background: url(../images/arrow_greeny.png) 96% no-repeat, -webkit-linear-gradient(#EFF7F7, #CAE5E5);
    background: url(../images/arrow_greeny.png) 96% no-repeat, -moz-linear-gradient(#EFF7F7, #CAE5E5);
    background: url(../images/arrow_greeny.png) 96% no-repeat, linear-gradient(#EFF7F7, #CAE5E5);
}

#content select.comparison-dropdown-greeny option {
    background: #F4FBFB;
}

#content select.comparison-dropdown-gray {
    color: #6C6C6C;
    background: url(../images/arrow_gray.png) 96% no-repeat, -webkit-linear-gradient(#F5F5F5, #C4C4C4);
    background: url(../images/arrow_gray.png) 96% no-repeat, -o-linear-gradient(#F5F5F5, #C4C4C4);
    background: url(../images/arrow_gray.png) 96% no-repeat, -moz-linear-gradient(#F5F5F5, #C4C4C4);
    background: url(../images/arrow_gray.png) 96% no-repeat, linear-gradient(#F5F5F5, #C4C4C4);
}

#content select.comparison-dropdown-gray option {
    background: #F0F0F0;
}

#content select.comparison-dropdown-greeny[disabled="disabled"] {
    cursor: default;
    color: #96DCDC;
    background: url(../images/arrow_greeny_disabled.png) 96% no-repeat, -webkit-linear-gradient(#F4FBFB, #DBF2F2);
    background: url(../images/arrow_greeny_disabled.png) 96% no-repeat, -o-linear-gradient(#F4FBFB, #DBF2F2);
    background: url(../images/arrow_greeny_disabled.png) 96% no-repeat, -moz-linear-gradient(#F4FBFB, #DBF2F2);
    background: url(../images/arrow_greeny_disabled.png) 96% no-repeat, linear-gradient(#F4FBFB, #DBF2F2);
}

#content select.comparison-dropdown-gray[disabled="disabled"] {
    cursor: default;
    color: #B8B8B8;
    background: url(../images/arrow_gray_disabled.png) 96% no-repeat, -webkit-linear-gradient(#FAFAFA, #F3F3F3);
    background: url(../images/arrow_gray_disabled.png) 96% no-repeat, -o-linear-gradient(#FAFAFA, #F3F3F3);
    background: url(../images/arrow_gray_disabled.png) 96% no-repeat, -moz-linear-gradient(#FAFAFA, #F3F3F3);
    background: url(../images/arrow_gray_disabled.png) 96% no-repeat, linear-gradient(#FAFAFA, #F3F3F3);
}

#content select.comparison-dropdown-gray option {
    background: #F0F0F0;
}

.consulting-content .btn-box {
    margin: 5px 20px 10px 0;
    padding-bottom: 0;
}

.consulting-content .btn-box a {
    text-transform: none;
}

/*Price Calculator Panel and Option Container*/
.price-calculator-container {
    margin: 0;
    display: inline-block;
    float: right;
}

.price-calculator-link-container, .option-container {
    display: inline-block;
    border: 1px #CDCDCD solid;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);
    float: left;
}

.price-calculator-link-container.active, .option-container.active {
    border: 1px #2B9896 solid;
    background: -webkit-linear-gradient(#4BB09B, #67CCB8);
    background: -o-linear-gradient(#4BB09B, #67CCB8);
    background: -moz-linear-gradient(#4BB09B, #67CCB8);
    background: linear-gradient(#4BB09B, #67CCB8);
}

.option-container.disabled {
    border: 1px #E6E6E6 solid;
    background: -webkit-linear-gradient(#F5F5F5, #FAFAFA);
    background: -o-linear-gradient(#F5F5F5, #FAFAFA);
    background: -moz-linear-gradient(#F5F5F5, #FAFAFA);
    background: linear-gradient(#F5F5F5, #FAFAFA);
}

.option-container {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin: 0 9px 15px 8px;
}

.price-calculator-link-container.left {
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.price-calculator-link-container.right {
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.price-calculator-list {
    float: left;
}

a.price-calculator-link, span.price-calculator-link {
    font-size: 20px;
    font-weight: normal;
    color: #a6a6a6;
    text-align: center
}

a.option-link label {
    color: #a6a6a6;
    text-align: center;
}

span.option-link label {
    color: #D7D7D7;
    text-align: center;
}

span.price-calculator-link {
    color: #DCDCDC;
}

span.price-calculator-link em,
span.option-link em {
    font-style: normal;
}

.price-calculator-link-container.active a.price-calculator-link,
.option-container.active a.option-link label {
    color: #ffffff;
}

a.price-calculator-link label, span.price-calculator-link label {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
}

a.option-link label, span.option-link label {
    display: inline-block;
    width: 45px;
    height: 25px;
    line-height: 25px;
}

span.price-calculator-link label,
span.option-link label {
    cursor: default;
}

.option-link label {
    margin-left: 0;
}

.price-calculator-header-label {
    font-size: 13px;
    padding: 2px;
    font-weight: 700;
}

/* Suggestion result page */

.sector-image {
    display: block;
    width: 700px;
}

.info-container {
    width: 120px;
    text-align: left;
    display: table-cell;
    vertical-align: top;
}

.info-container .selection-price-label {
    color: #4E5252;
    font-size: 10px;
}

.price-panel-label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    font-weight: bold;
}

.info-label {
    display: inline-block;
    font-weight: bold;
}

.info-label.product-label {
    color: #8E8E94;
    font-size: 11px;
    margin: 3px 0 5px 0;
}

.group-label {
    color: #30A594;
    font-size: 12px;
}

.category-price-block .group-label {
    font-size: 13px;
}

.selection-price-label {
    font-size: 11px;
}

.select-link-container {
    border: 1px #CDCDCD solid;
    background: -webkit-linear-gradient(#FEFEFE, #F0F0F0);
    background: -o-linear-gradient(#FEFEFE, #F0F0F0);
    background: -moz-linear-gradient(#FEFEFE, #F0F0F0);
    background: linear-gradient(#FEFEFE, #F0F0F0);

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    padding: 7px 2px;
}

.select-link-container.active {
    border: 1px #96DCDC solid;
    background: -webkit-linear-gradient(#FEFEFE, #D7F0F0);
    background: -o-linear-gradient(#FEFEFE, #D7F0F0);
    background: -moz-linear-gradient(#FEFEFE, #D7F0F0);
    background: linear-gradient(#FEFEFE, #D7F0F0);
}

.select-link-container a.select-link {
    border-spacing: 2px 0;
}

a.select-link label {
    display: inline-block;
    /*width: 44px;*/
    color: #a6a6a6;
    font-size: 15px;
}

.active a.select-link label {
    color: #808686;
}

.header-placeholder {
    display: table-cell;
    width: 180px;
}

.parent-property-container {
    margin: 10px 0;
}

.property-header-block {
    display: inline-block;
    width: 100px;
    margin: 0 10px;
}

.parent-property-label {
    font-size: 13px;
    font-weight: bold;
    height: 30px;
}

.property-grade-container {
    display: inline-block;
    margin: 0 10px;
}

.property-list-item.details-properties-header-container {
    margin-top: 20px;
}

.details-properties-header-label {
    color: #8C8C8C;
    font-size: 17px;
    font-weight: bold;
}

.property-list-item, .selection-row {
    text-align: center;
    display: table;
    margin: 0 auto;
    border-spacing: 25px 0;
}

.selection-row {
    border-spacing: 10px 0;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}

.property-label-container {
    display: table-cell;
    text-align: left;
    min-width: 180px;
    vertical-align: top;
}

.property-label {
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 20px;
    float: left;
}

.selection-list-item {
    width: 170px;
    display: table-cell;
    padding-bottom: 20px;
}

.selection-list-item.product-name-container {
    padding-top: 10px;
    padding-bottom: 5px;
}

.sales-aid-name-label {
    color: #8C8C8C;
    font-weight: bold;
    margin: 0 10px;
}

.product-label {
    font-size: 15px;
}

.details-label {
    vertical-align: bottom;
    color: #1B6A9F;
    font-size: 12px;
}

.details-icon {
    vertical-align: bottom;
}

.grade-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 1px;
}

.grade-icon.empty {
    background-image: url(../images/SalesAid/grade/star_empty.png);
}

.grade-icon.half-filled {
    background-image: url(../images/SalesAid/grade/star_half_filled.png);
}

.grade-icon.filled {
    background-image: url(../images/SalesAid/grade/star_filled.png);
}

em span.select-label {
    padding-top: 0px !important;
}

.services-container {
    text-align: left;
}

.kinds-of-glasses-container, .preferences-container {
    display: inline-block;
    margin-top: 50px;
}

.kinds-of-glasses-block, .preferences-block {
    text-align: center;
}

.preferences-container {
    text-align: left;
    width: 100%;
}

.range-inputs-row {
    margin-bottom: 25px;
}

.other-input-container label {
    color: #555;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
}

.range-input-label-cell, .range-input-cell {
    display: table-cell;
    color: #555;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
}

.range-input-label-cell {
    min-width: 175px;
}

.range-input-cell {
    min-width: 200px;
    text-align: center;
}

.range-input-container {
    display: inline-block;
    margin: 0 9px;
}

.range-label {
    color: #0bcaca;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}

/*styling slider*/
.nuvola-slider .slider.slider-horizontal {
    width: 130px;
}

.nuvola-slider .slider.slider-horizontal .slider-track {
    margin-top: -6px;
    border-top: 1px solid #14adae;
}

.nuvola-slider .slider.slider-horizontal .slider-handle {
    margin-top: -6px;
}

.nuvola-slider .slider-handle:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    background: #24b2c3;
    border: 1px solid #19728a;
}

.nuvola-slider .slider-handle {
    border: 1px solid #19728a;
    border-top-color: #14adae;
    background: white none;
}

.nuvola-slider .slider-track, .nuvola-slider .slider-selection {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.nuvola-slider .slider-selection {
    background: linear-gradient(to right, #4792b9, #0bcaca);
    background: -webkit-linear-gradient(right, #4792b9, #0bcaca);
    background: -o-linear-gradient(right, #4792b9, #0bcaca);
    background: -moz-linear-gradient(right, #4792b9, #0bcaca);
}

.nuvola-slider .slider-track-high {
    border-bottom: 1px solid #19728a;
    border-right: 1px solid #19728a;
}

.nuvola-slider .slider .tooltip.top {
    margin-top: -24px;
}

.nuvola-slider .tooltip.top .tooltip-arrow {
    border-top-color: #24b2c3;
}

.nuvola-slider .tooltip-inner {
    width: 8px;
    padding: 1px 3px 0px 3px;
    border: 1px solid #0da2a6;
    border-bottom: none;
    background-color: #24b2c3;
    margin-left: 1px;
    font-size: 10px;
}

/*end of styling slider*/

.other-input-container {
    margin-top: 20px;
}

.other-input-container label {
    margin-right: 50px;
}

.other-input-container.other-preferences {
    margin-left: 10px;
}

.other-input-container.other-info {
    margin-left: 40px;
}

.other-input-container input {
    height: 18px;
    line-height: 18px;
    padding: 4px;
    width: 200px;
}

.other-input-container textarea {
    resize: none;
    padding: 3px 5px;
}

/*individual requirements page*/

.situations-groups-block {
    display: inline-block;
    width: 65%;
    text-align: center;
}

.situations-group-container {
    display: inline-block;
    margin: 0 40px;
}

.situations-group-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}

.collage-container {
    display: inline-block;
    width: 148px;
    height: 148px;
    margin: 36px 6px 40px 10px;
}

.collage-image-container {
    float: left;
    margin: 4px 4px 0 0;
    overflow: hidden;
}

.group-image-container {
    display: inline-block;
    margin: 10px 0 13px 0;
}

.group-image-container img {
    width: 144px;
}

.selected-preferences-block {
    display: inline-block;
    float: right;
    width: 240px;
}

#content .selected-preferences-block h2 {
    font-size: 14px;
    padding: 0;
    margin-bottom: 10px;
}

.selected-preferences-block div.selected-preference-label {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.sales-aid-info-label {
    overflow: hidden;
}

.analysis-navigation-category-container {
    margin-top: 25px;
}

.analysis-navigation-sublink-container {
}

.analysis-navigation-link-container {
}

.analysis-navigation-category-container.active {
    background: #FAFAFA;
    border: 1px solid #d9d9d9;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-right: 0;
}

.analysis-navigation-link {
    width: 94%;
    padding: 6px 7px 8px 3px;
    border-spacing: 5px 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.analysis-navigation-sublink {
    background: #FAFAFA;
    padding: 0 0 15px 11px;
    min-width: 93%;
    border-spacing: 5px 0;
    border-bottom-left-radius: 5px;
}

.analysis-navigation-link a {
    display: table-cell;
    vertical-align: middle;
    color: #3C7DAA;
    font-size: 14px;
    font-weight: bold;
}

.analysis-navigation-sublink a {
    display: table-cell;
    vertical-align: middle;
    color: #3C7DAA;
    font-size: 12px;
    font-weight: bold;
}

.analysis-navigation-link span {
    display: none;
}

.analysis-navigation-sublink span {
    display: none;
}

.analysis-navigation-link.active-link {
    background: #FAFAFA;
    padding-top: 15px;
    padding-bottom: 15px;
}

.analysis-navigation-link.active {
    background: #FAFAFA;
    padding-top: 15px;
    padding-bottom: 15px;
}

.analysis-navigation-sublink.active-sublink {

}

.analysis-navigation-link.active-link a,
.analysis-navigation-link.active a,
.analysis-navigation-sublink.active-sublink a {
    color: #00A0A0;
}

.analysis-navigation-link.active-link span,
.analysis-navigation-sublink.active-sublink span {
    display: table-cell;
    vertical-align: middle;
    color: #00A0A0;
}

.status-container {
    display: table;
    border-spacing: 45px 0;
    margin: 15px auto;
}

.status-header-label {
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    padding-top: 0px;
}

.status-bar-container {
    display: table-cell;
    width: 170px;
    border-radius: 4px;
    position: relative;
}

.status-bar {
    height: 20px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.status-label {
    position: absolute;
    top: 1px;
    left: 130px;
    font-size: 14px;
    font-weight: bold;
}

.poor-result .status-label {
    color: #BE0022;
}

.poor-result .status-bar {
    background: #FAE6E6;
}

.poor-result.status-bar-container {
    border: 1px solid #BE0022;
}

.average-result .status-label {
    color: #e6b800;
}

.average-result .status-bar {
    background: #ffffb3;
}

.average-result.status-bar-container {
    border: 1px solid #e6b800;
}

.excellent-result .status-label {
    color: #30A594;
}

.excellent-result .status-bar {
    background: #DAF3F3;
}

.excellent-result.status-bar-container {
    border: 1px solid #30A594;
}

.full {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dropdown-header-container {
    display: inline-block;
    float: left;
    width: 10%;
}

.dropdown-header-container .placeholder {
    min-height: 52px;
}

#content .dropdown-header-container h2 {
    padding-bottom: 14px;
}

.radio-button-container {
    display: inline-block;
}

.radio-button-container input[type="radio"] {
    float: left;
    margin-right: 5px;
}

.radio-button-container label {
    color: #555;
    font-weight: bold;
    font-size: 12px;
}

.category-setting-container {
    display: inline-block;
    width: 110px;
    margin: 0 15px;
}

.category-setting-container .header {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

#content .category-setting-container select {
    margin: 10px 0;
    width: 110px;
}

.mapping-block {
    display: inline-block;
    float: left;
}

.mapping-block.products-block {
    width: 60%;
}

.mapping-block.additionals-block {
    width: 40%;
}

.tab-panel-box .sales-aid-container .btn-box {
    margin: 20px 10px 0 0;
    padding: 0;
}

.presbyopia-container {
    margin-left: 40px;
}

.presbyopia-container .input-chb-box {
    margin-right: 20px;
}

.presbyopia-container .input-chb-box .chb-cell {
    min-width: 0;
}

.services-button-box {
    margin-right: 75px;
    float: right !important;
}

.filter-date-box {
    margin-bottom: 20px;
    height: 25px;
}

.date-checkbox-col {
    margin: 3px 20px 0 0;
}

.date-checkbox-col .chb-cell label {
    color: #000;
}

/* Frame Order Workflow */

.tab-panel-box input[type="text"].commission-input {
    width: 100px;
}

.frame-table a.clear-action-link.amount-clear-link {
    vertical-align: middle;
    padding: 0;
}

.frame-table a.clear-action-link.amount-clear-link.details-amount {
    margin-top: 1px;
}

.frame-table-container .commission-input:disabled {
    background: #f2f2f2;
}

.frame-order-add-to-cart-link {
    margin-left: 5px;
    vertical-align: middle;
}

.frame-order-amount-input {
    width: 38px;
    vertical-align: middle;
    margin-right: 5px;

    /* Hide number spinner in FF due to problem with updating */
    -moz-appearance: textfield
}

/* frame order cart */

.cart-container {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 35px;
    background-image: url("../images/buy-cart.png");
    cursor: pointer;
    background-size: 40px 35px;
    vertical-align: middle;
}

.in-cart-item-amount {
    position: relative;
    height: 20px;
    min-width: 20px;
    background-color: #0bc9c9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: right;
    margin-right: -8px;
    margin-top: -8px;
    padding: 1px;
}

.in-cart-item-amount label {
    text-align: center;
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #ffffff;
}

.cart-container-price-label {
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 0;
    font-size: 14px;
    font-weight: bold;
    max-width: 400px;
    min-width: 90px;
    display: inline-block;
    cursor: default;
}

.btn-box.frame-order-details {
    margin-top: 50px;
}

.total-price-container {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

.total-price-container label {
    display: inline-block;
    cursor: default;
}

.total-price-container .sum-label {
    margin-left: -40px;
}

.total-price-container .sum-number-label {
    margin-left: 25px;
    white-space: nowrap;
}

.confirm-commission-panel {
    margin-left: 10px;
}

.confirm-commission-panel input.confirm-commission-input {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    margin-left: 5px;
}

.confirm-commission-panel label {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 670px) {
    .cta-button-start {
        font-size: 1em;
    }
}

.cta-button-start {
    position: absolute;
    z-index: 9999;
    background: #FFF;
    border-radius: 50%;
    height: 97px;
    width: 118px;
    text-align: center;
    padding: 31px 21px;
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .3);
    color: #000;
    font-size: 16px;
    line-height: 160%;
    bottom: 135px;
    left: -100px;
}

.cta-button-start span {
    font-size: 1.5em;
    line-height: 1.1em;
    text-decoration: underline;
    display: block;
}

/* eyemail workflow */

.eye-mail-registration {
    font-family: Rotis, sans-serif;
    padding: 30px;
}

.eye-mail-registration .header {
    display: block;
}

.eye-mail-registration .header label {
    display: block;
    font-size: 30px;
    cursor: default;
}

.eye-mail-registration .header label.color-blue {
    color: #6DBEBE;
}

.eye-mail-registration .header label.bold {
    font-weight: bold;
}

.eye-mail-registration .description-content {
    display: flex;
    flex-direction: row;
}

.eye-mail-registration .description-content .left-column,
.eye-mail-registration .description-content .right-column {
    display: flex;
    width: 49%;
    flex-direction: column;
    margin-right: 20px;
}

.eye-mail-registration .description-content .left-column label,
.eye-mail-registration .description-content .right-column label,
.eye-mail-registration .description-content .left-column label span,
.eye-mail-registration .description-content .right-column label span {
    margin-top: 20px;
    cursor: default;
}

.eye-mail-registration .description-content .right-column div {
    cursor: default;
    margin-top: 10px;
    margin-bottom: -15px;
}

.eye-mail-registration .description-content .right-column div ol {
    margin-left: 15px;
}

.eye-mail-registration .description-content .color-blue {
    color: #6DBEBE;
}

.eye-mail-registration a.link {
    padding: 5px;
    background-color: #1E3242;
    display: block;
    margin: 20px auto;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    color: #FAFAFA;
}

.eye-mail-registration a.link span.color-blue {
    color: #6DBDBD;
}

.eye-mail-registration a.link.download-link {
    width: 120px;
}

.eye-mail-registration a.link.download-link span {
    font-size: 25px;
}

.eye-mail-registration a.link.email-link span {
    font-size: 16px;
}

.eye-mail-registration a.link.email-link {
    width: 600px;
    margin-bottom: -15px;
}

.eye-mail-registration label.eyemail-example-text,
.eye-mail-registration label.eyemail-preregistration-text {
    cursor: default;
}

.eye-mail-registration div.eyemail-example-image {
    background: url(../images/eyemail-example-image.png) 0 0 no-repeat;
    background-size: 100%;
    height: 514px;
    width: auto;
    margin: 15px auto;
}

/* tooltip for select status for order*/
.tooltip-status {
    position: relative;
    display: inline-flex;
}

/* Tooltip text */
.tooltip-status .tooltiptext {
    visibility: hidden;
    width: 90px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 90%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.5s;
}

/* Tooltip arrow */
.tooltip-status .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-status:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-status .status-img, .status-input {
    transform: scale(1.1);
    padding-left: 8px;

}

/* Specific button colors for Kodak and SAi on DashboardPage */
a#kodak {
    background-image: -webkit-linear-gradient(rgb(242, 145, 0) 0%, rgb(252, 101, 0) 100%);
    border-color: rgb(252, 191, 0);
    background-position: 0;
}

a#kodak:hover{
    opacity: 0.8;
}

a#sai {
    background-image: -webkit-linear-gradient(rgb(26, 187, 217) 0%, rgb(26, 127, 217) 100%);
    border-color: rgb(26, 157, 217);
    background-position: 0;
}

a#sai:hover{
    opacity: 0.8;
}