/* 
    Document   : calc
    Created on : 2012-02-13, 16:23:16
    Author     : Goweb.ie
    Description:
        Purpose of the stylesheet follows.
*/

.data-hidden{ display: none;}
.cell-data, p.section{width: 402px;}
.cell-data{ float: left;}
p.section-title{ font-weight: bold;}
h5{margin: 1em 0;}
.cell-rrp, .cell-cep-spec, .cell-cep-clens, .cell-cep-compr, .cell-cep-ult{
    float: left; text-align: center; width: 116px; display: none;
}
.cell-rrp{}
.cell-cep-spec{}
.cell-cep-clens{}
.cell-cep-compr{ }
.cell-cep-ult{ }
.form-head, .form-footer{font-size: 12px; background: #333; color: #fff; padding: 5px 0 5px 5px; margin-bottom: 1px;}
.form-head .cell-data, .form-footer .cell-data{width: 397px; font-weight: 700;}
.form-head .cell-rrp, .form-footer .cell-rrp,
.form-head .cell-cep-spec, .form-footer .cell-cep-spec,
.form-head .cell-cep-clens, .form-footer .cell-cep-clens,
.form-head .cell-cep-compr, .form-footer .cell-cep-compr,
.form-head .cell-cep-ult, .form-footer .cell-cep-ult{
    border-left: 1px solid #666;
    padding: 0 5px;
    width: 105px;
    min-height: 32px;
}
.form-footer{margin-top: 1em;}

.row-show .cell-rrp,
.row-show .cell-cep-spec,
.row-show .cell-cep-clens,
.row-show .cell-cep-compr, 
.row-show .cell-cep-ult{display: block;}
.cell-show{display: block;}
.col-hide, .row-show .col-hide{display: none;}

.row-header{background-color: #333; margin: 1em 0; color: #fff;}
.row-header .cell-rrp,
.row-header .cell-cep-spec,
.row-header .cell-cep-clens,
.row-header .cell-cep-compr, 
.row-header .cell-cep-ult{padding: 5px; width: 106px; font-size: 0.86em;}
.row-header h5{margin: 0;}

.cell-rrp span.price-hide,
.cell-cep-spec span.price-hide,
.cell-cep-clens span.price-hide,
.cell-cep-compr span.price-hide, 
.cell-cep-ult span.price-hide{display: none;}

#data-free-lens-supply .cell-rrp,
#data-free-lens-supply .cell-cep-spec,
#data-free-lens-supply .cell-cep-clens,
#data-free-lens-supply .cell-cep-compr, 
#data-free-lens-supply .cell-cep-ult{line-height: 1.43em;}
#data-free-lens-supply .cell-cep-compr div, 
#data-free-lens-supply .cell-cep-ult div{background: #D7E7E7; padding: 5px;}
#data-free-lens-supply .cell-cep-compr div{margin-right: 5px;}
#data-free-lens-supply .cell-cep-ult div{margin-left: 5px;}
#data-free-lens-supply .cell-cep-compr span, 
#data-free-lens-supply .cell-cep-ult span{display: none;}
#total{ margin: 2px 0 1em; border-top: 3px solid #333; border-bottom: 3px solid #333; background: #2F6DFF; color: #fff; padding: 0 15px;}
#total .cell-data{ width: 387px;}
#total .cell-cep-ult{ width: 85px; padding-left: 15px;}
#total-cost, #total-savings{padding: 0.5em 0;}
#total-savings{font-weight: bold; border-top: 1px solid #fff;}

#solution-type-image img, #lens-image img{display: none;}
#solution-type-image img.selected, #lens-image img.selected{display: inline;}

#saving-calc a.button{position: static; color: #fff; line-height: 22px;}

#data-yearly-eye-exam .row, #data-contact-lens .row, #data-appointment .row{
    border-bottom: 1px solid #ccc;
}

p.section select{ float: right; min-width: 230px;}
.cell-data input[type=text]{float: right; min-width: 230px;}

#solution-selected{line-height: 2.29em;}