body {
    font-size: 15px;
    font-family: Arial, sans-serif;
    margin: 0;
}

#calculator {
    font-family: Arial, sans-serif;
    color: #333;
    font-size: 1em;
    line-height: 1.4em;
    padding: 0;
}

#calculator img {
    border: 0;
}

#calculator ul li {
    font-size: 1.1em;
    background: none;
}

#calculator table {
    border: 0;
    margin: 0 0 0 0;
}

#calculator th {
    border: 0;
    padding: 0;
    background-color: #003662;
    color: #FFFFFF;
}

#calculator td {
    border: 0;
    padding: 0;
}

#calculator p {
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0;
}

#calculator h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 1em;
}

#calculator h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #003662;
    font-size: 1.6em;
    line-height: 1.3em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#calculator h2 label {
    float: none;
    position: relative;
    color: #003662;
    padding: 0;
    margin-bottom: 1em;
    width: 400px;
}

#calculator h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #003662;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0.4em;
}

#calculator h4 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0.4em;
}

#calculator a:link {
    text-decoration: underline;
    color: #003662;
    font-weight: bold;
}

#calculator a:visited {
    text-decoration: underline;
    color: #003662;
    font-weight: bold;
}

#calculator a:hover {
    text-decoration: underline;
    color: #003662;
    font-weight: bold;
}

#calculator a:active {
    text-decoration: underline;
    color: #003662;
    font-weight: bold;
}

#calculator a:focus, #calculator input:focus, .slider-arrow-up:focus, .slider-arrow-down:focus {
    outline: 3px solid #FFD500;
}

#calculator .clear-both {
    clear: both;
}

#calculator .indent {
    margin: 0 0 0 0;
}

#calculator .icons-large {
    position: relative;
    top: 10px;
    margin: 0 6px 0 0;
}

#calculator .icon-question {
    position: relative;
    top: 2px;
    margin: 0 0 0 0;
}

#calculator .icon-info {
    position: relative;
    top: 2px;
    margin: 0 6px 0 0;
}

#calculator .button-next a {
    display: block;
    font-size: 1em;
    text-align: center;
    margin: 0;
    padding: 10px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    float: right;
}

#calculator .button-next a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-next a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-next a:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-next a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-next a:focus {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator #panel-2-buttons-bottom {
    clear: both;
    height: 45px;
}

#calculator .button-previous a {
    display: block;
    font-size: 1em;
    text-align: center;
    margin: 0 0 0 0;
    padding: 10px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    float: left;
}

#calculator .button-previous a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-previous a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-previous a:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-previous a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-previous a:focus {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-calculate a {
    display: block;
    font-size: 1em;
    text-align: center;
    margin: 0 0 0 0;
    padding: 10px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    float: right;
}

#calculator .button-calculate a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-calculate a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-calculate a:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-calculate a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-calculate a:focus {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator #how-we-work-this-out {
    clear: both;
    margin: 0 0 0 0;
}

#calculator .how-we-work-this-out-text {
    float: left;
    font-size: 1.05em;
    padding: 5px 0 0 0;
}

#calculator .button-recalculate {
    float: right;
    width: 168px;
}

#calculator .button-recalculate a {
    display: block;
    font-size: 1em;
    text-align: center;
    width: auto;
    margin: 0;
    padding: 10px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
}

#calculator .button-recalculate a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-recalculate a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .button-recalculate a:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-recalculate a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-recalculate a:focus {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .button-get-a-quote a {
    display: block;
    text-align: center;
    font-size: 0.95em;
    width: 182px;
    height: 25px;
    padding: 9px 6px 0 0;
    margin: 0 0 10px 0;
    /*background: url(../images/get-a-quote.gif) no-repeat 0 0;*/
    background: url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/get-a-quote.gif) no-repeat 0 0;
}

#calculator .button-get-a-quote a:link {
    text-decoration: none;
    color: #003662;
    font-weight: bold;
    background-position: 0 0;
}

#calculator .button-get-a-quote a:visited {
    text-decoration: none;
    color: #003662;
    font-weight: bold;
    background-position: 0 0;
}

#calculator .button-get-a-quote a:hover {
    text-decoration: underline;
    color: #003662;
    font-weight: bold;
    background-position: 0 -40px;
}

#calculator .button-get-a-quote a:active {
    text-decoration: none;
    color: #003662;
    font-weight: bold;
    background-position: 0 0;
}

#calculator .button-get-a-quote a:focus {
    text-decoration: underline;
    color: #003662;
    font-weight: bold;
    background-position: 0 -40px;
}

#calculator .button-find-an-adviser a {
    display: block;
    text-align: center;
    font-size: 0.95em;
    width: 182px;
    height: 25px;
    padding: 9px 6px 0 0;
    margin: 20px 0 10px 0;
    /*background: url(../images/find-an-adviser.gif) no-repeat 0 0;*/
    background: url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/find-an-adviser.gif) no-repeat 0 0;
}

#calculator .button-find-an-adviser a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background-position: 0 0;
}

#calculator .button-find-an-adviser a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background-position: 0 0;
}

#calculator .button-find-an-adviser a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
    background-position: 0 -40px;
}

#calculator .button-find-an-adviser a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background-position: 0 0;
}

#calculator .button-find-an-adviser a:focus {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
    background-position: 0 -40px;
}

#calculator .financial-picture {
    clear: both;
    margin: 23px 0 23px 0;
}

#calculator #financial-picture-right {
    width: 218px;
    height: 173px;
    background: #006688 url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/egg-timer.png) 0 0 no-repeat;
}

#calculator #egg-timer {
    width: 218px;
    height: 173px;
}

#calculator #do-now {
    clear: both;
    width: 419px;
    margin: 0 0 24px 0;
}

#calculator #do-now-left {
    float: left;
    margin: 15px 0 0 0;
}

#calculator #do-now-right-1 {
    float: left;
    width: 206px;
    color: #FFFFFF;
    background-color: #881111;
    padding: 10px 0 20px 12px;
    margin: 10px 0 0 0;
}

#calculator #do-now-right-2 {
    float: left;
    font-weight: bold;
    width: 206px;
    color: #FFFFFF;
    background-color: #FFDDDD;
    padding: 10px 0 20px 12px;
    margin: 3px 0 0 0;
}

#calculator #do-now-right-3 {
    float: left;
    font-size: 1.05em;
    width: 200px;
    margin: 5px 0 0 12px;
}

#calculator .what-should-i-do-now {
    font-size: 1.05em;
    line-height: 1em;
    color: #FFFFFF;
    margin: 0 20px 0 0;
    padding: 0;
}

#calculator .what-should-i-do-now p {
    line-height: 1.1em;
}

#calculator .what-should-i-do-now a:link {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .what-should-i-do-now a:visited {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .what-should-i-do-now a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .what-should-i-do-now a:active {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .call-us-now {
    font-size: 1.05em;
    line-height: 1em;
    color: #003662;
    margin: 0 20px 0 0;
}

#calculator .call-us-now p {
    line-height: 1.1em;
}

#calculator .we-may-record {
    font-weight: normal;
}

#calculator .get-a-quote {
    font-family: Arial, sans-serif;
    margin: 0 0 20px 0;
}

#calculator .get-a-quote a:link {
    text-decoration: none;
    color: #FFFFFF;
}

#calculator .get-a-quote a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

#calculator .get-a-quote a:hover {
    text-decoration: none;
    color: #FFFFFF;
}

#calculator .get-a-quote a:active {
    text-decoration: none;
    color: #FFFFFF;
}

#calculator .text-large {
    font-size: 1.2em;
    line-height: 1.3em;
}

#calculator #information-benefits {
    z-index: 200;
    position: absolute;
    display: none;
    width: 100%;
    margin-top: -2px;
    overflow-x: auto;
}

#calculator #information-benefits-wrapper {
    background-color: #003662;
    padding: 4px 12px 12px 12px;
    width: calc(100% - 24px);
    min-width: 485px;
}

#calculator #information-benefits-panel {
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
}

#calculator #information-benefits-panel p {
    padding: 3px 3px 0 5px;
}

#calculator #other-benefits-info {
    z-index: 200;
    position: absolute;
    display: none;
    max-width: 330px;
    width: calc(100% - 24px);
    background-color: #003662;
    padding: 4px 12px 12px 12px;
}

#calculator #other-benefits-info-panel {
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    overflow: auto;
}

#calculator #how-we-work-this-out-info {
    z-index: 200;
    position: absolute;
    display: none;
    max-width: 330px;
    width: calc(100% - 24px);
    background-color: #003662;
    padding: 4px 12px 12px 12px;
    margin: -15px 0 0 0;
}

#calculator #how-we-work-this-out-info-panel {
    font-size: 0.9em;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
}

#calculator .how-we-work-this-out-info-text {
    margin-top: 10px;
}

#calculator .panel-close-x {
    position: relative;
    float: right;
}

#calculator .panel-close-x a {
    color: #fff;
    text-decoration: none;
}

#calculator .panel-close {
    float: right;
}

#calculator .panel-close a {
    display: block;
    font-size: 1em;
    text-align: center;
    width: auto;
    margin: 0;
    padding: 10px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
}

#calculator #how-we-work-this-out-info .panel-close a {
    font-size: 1.05em;
}

#calculator .panel-close a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .panel-close a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .panel-close a:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .panel-close a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .panel-close a:focus {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .information-benefits-headings {
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .information-list {
    margin-left: 5px;
    margin-bottom: 1em;
    padding: 0;
}

#calculator .information-list li {
    margin-left: 14px;
    margin-bottom: 0.2em;
    list-style: disc;
    padding: 0;
}

#calculator #household {
    z-index: 200;
    position: absolute;
    display: none;
    max-width: 420px;
    width: calc(100% - 24px);
    background-color: #003662;
    padding: 4px 12px 12px 12px;
    margin: -182px 0 0 0;
}

#calculator #household-panel {
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 16px 20px 16px 20px;
}

#calculator #luxuries {
    z-index: 200;
    position: absolute;
    display: none;
    max-width: 360px;
    width: calc(100% - 24px);
    background-color: #003662;
    padding: 4px 12px 12px 12px;
    margin: -345px 0 0 0;
}

#calculator #luxuries-panel {
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 16px 20px 16px 20px;
}

#calculator #state-benefits {
    z-index: 200;
    position: absolute;
    display: none;
    max-width: 450px;
    width: calc(100% - 24px);
    background-color: #003662;
    padding: 4px 12px 12px 12px;
    margin: -27px 0 0 0;
}

#calculator #state-benefits-panel {
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 16px 20px 1px 20px;
}

#calculator #state-benefits-panel-1 {
    font-size: 1.05em;
    padding: 7px 7px 7px 25px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    background-color: #FFFFFF;
}

#calculator #state-benefits-panel-2 {
    font-size: 1.05em;
    padding: 7px 7px 7px 25px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    background-color: #FFFFFF;
}

#calculator #state-benefits-panel-2a {
    font-size: 1.05em;
    padding: 7px 7px 7px 25px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    background-color: #FFFFFF;
}

#calculator #state-benefits-panel-3 {
    font-size: 1.05em;
    padding: 7px 7px 7px 25px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    background-color: #FFFFFF;
}

#calculator #state-benefits-panel-4 {
    font-size: 1.05em;
    padding: 7px 7px 7px 25px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    background-color: #FFFFFF;
}

#calculator #state-benefits-panel-5 {
    font-size: 1.05em;
    padding: 7px 7px 7px 25px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    background-color: #FFFFFF;
}

#calculator .state-benefits-panel-check-box {
    position: relative;
    float: left;
    margin: 3px 3px 0 -20px;
}

#calculator .state-benefits-panel-check-box-2 {
    position: relative;
    float: left;
    margin: 3px 3px 0 -20px;
}

#calculator .state-benefits-panel-check-box-2a {
    position: relative;
    float: left;
    margin: 3px 3px 0 -20px;
}

#calculator #state-benefits-panel a {
    text-decoration: none;
}

#calculator #state-benefits-finish {
    float: right;
    background-color: #FFFFFF;
    height: 35px;
    padding: 0 20px 14px 0;
}

#calculator #other-benefits {
    z-index: 200;
    position: absolute;
    display: none;
    max-width: 469px;
    width: calc(100% - 24px);
    background-color: #003662;
    padding: 4px 12px 12px 12px;
    margin: -201px 0 0 0;
}

#calculator #other-benefits-panel {
    background-color: #FFFFFF;
    padding: 16px 20px 16px 20px;
}

#calculator .panel-headings {
    font-weight: bold;
    font-size: 1.1em;
    color: #FFFFFF;
    background-color: #003662;
    padding: 7px 7px 7px 7px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
}

#calculator .panel-content {
    font-size: 1.1em;
    padding: 3px 7px 5px 7px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
}

#calculator .panel-content-plain {
    clear: both;
    padding: 0;
    margin: 0 0 0 0;
    overflow: auto;
}

#calculator .panel-content-other {
    clear: both;
    padding: 7px 7px 7px 7px;
    margin: 0 0 5px 0;
    border: #003662 1px solid;
    overflow: auto;
}

#calculator .panel-content-other-1 {
    float: left;
    width: 125px;
    padding: 7px 7px 7px 7px;
    margin: 0 5px 5px 0;
    border: #0697CE 1px solid;
}

#calculator .panel-content-other-2 {
    float: left;
    width: 140px;
    padding: 7px 7px 7px 7px;
    margin: 0 5px 5px 0;
    border: #0697CE 1px solid;
}

#calculator .panel-content-other-3 {
    float: left;
    width: 106px;
    padding: 7px 7px 7px 7px;
    margin: 0 0 5px 0;
    border: #0697CE 1px solid;
}

#calculator .panel-content-other-1 p {
    font-size: 1em;
    margin: 0 0 0 0;
}

#calculator .panel-content-other-2 p {
    font-size: 1em;
    margin: 0 0 0 0;
}

#calculator .panel-content-other-3 p {
    font-size: 1em;
    margin: 0 0 0 0;
}

#calculator .panel-total {
    font-size: 1.1em;
    background-color: #003662;
    padding: 3px 7px 5px 7px;
    margin: 0 0 5px 0;
    border: #006688 1px solid;
}

#calculator .panel-total label {
    color: #FFFFFF;
}

#calculator .arrow-container {
    float: left;
    padding: 0 0 0 2px;
    clear: none;
    margin-top: -2px
}

#calculator .slider-arrow-up.inactive {
    content: "\25B3";
}

#calculator .slider-arrow-up {
    float: left;
    margin: 0 0 2px 0;
    width: 15px;
    height: 15px;
    clear: none;
    cursor: pointer;
}

#calculator a.slider-arrow-up, a.slider-arrow-up:link, a.slider-arrow-up:visited {
    text-decoration: none;
}

#calculator .slider-arrow-up:before {
    content: "\25B2";
}

#calculator .slider-arrow-down.inactive {
    content: "\25BD";
}

#calculator .slider-arrow-down {
    float: left;
    width: 15px;
    height: 15px;
    clear: left;
    cursor: pointer;
    text-decoration: none;
}

#calculator a.slider-arrow-down, a.slider-arrow-down:link, a.slider-arrow-down:visited {
    text-decoration: none;
}

#calculator .slider-arrow-down:before {
    content: "\25BC";
}

#calculator .pound {
    width: 10px;
    font-size: 1em;
    font-weight: bold;
    color: #003662;
    background: none;
    border: none;
    padding: 1px 0 0 1px;
    margin: 0;
}

#calculator #household-calculator {
    clear: both;
    height: 60px;
    max-width: 480px;
}

#calculator #household-slider {
    float: left;
    width: calc(100% - 122px);
    border: 1px solid #777;
    border-radius: 2px;
}

#calculator #household-amount {
    float: left;
    display: inline;
    font-size: 1.1em;
    height: 25px;
    margin: 0 0 0 33px;
    padding: 5px 0 0 3px;
    border: 1px solid #003662;
    line-height: 1em;
}

#calculator #household-value {
    width: 45px;
    color: #003662;
    font-size: 1em;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

#calculator #luxuries-calculator {
    clear: both;
    height: 75px;
    max-width: 480px;
}

#calculator #luxuries-slider {
    float: left;
    width: calc(100% - 122px);
    border: 1px solid #777;
    border-radius: 2px;
}

#calculator #luxuries-amount {
    float: left;
    display: inline;
    font-size: 1.1em;
    height: 25px;
    margin: 0 0 0 33px;
    padding: 5px 0 0 3px;
    border: 1px solid #003662;
    line-height: 1em;
}

#calculator #luxuries-value {
    width: 45px;
    color: #003662;
    font-size: 1em;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

#calculator #savings-calculator {
    clear: both;
    height: 75px;
    max-width: 480px;
}

#calculator #savings-slider {
    float: left;
    width: calc(100% - 127px);
    border: 1px solid #777;
    border-radius: 2px;
}

#calculator #savings-amount {
    float: left;
    display: inline;
    font-size: 1.1em;
    height: 25px;
    margin: 0 0 0 33px;
    padding: 5px 0 0 3px;
    border: 1px solid #003662;
    line-height: 1em;
}

#calculator #savings-value {
    width: 50px;
    color: #003662;
    font-size: 1em;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

#calculator #state-benefits-dropdown {
    font-weight: bold;
    color: #003662;
    font-size: 1em;
    line-height: 1.2em;
    max-width: 449px;
    width: calc(100% - 24px);
    height: 23px;
    border: #003662 1px solid;
    margin: 0 0 4px 0;
}

#calculator .state-benefits-dropdown-text {
    float: left;
    font-size: 1.05em;
    padding: 4px 0 0 6px;
}

#calculator .state-benefits-dropdown-arrow {
    float: right;
    padding: 3px 4px 0 0;
}

#calculator #state-benefits-calculator {
    font-size: 1em;
    font-weight: bold;
    width: 440px;
    color: #0086B9;
    background-color: #DFF4FF;
    padding: 3px 3px 3px 6px;
    margin: 0 0 10px 0;
}

#calculator #state-benefits-amount {
    position: relative;
    top: -1px;
    float: right;
    width: 60px;
    height: 18px;
    margin: 0 0 0 12px;
    /*background: #FFFFFF url(../images/value-back.gif) 0 0 no-repeat;*/
    background: #FFFFFF url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/value-back.gif) 0 0 no-repeat;
}

#calculator #state-benefits-value {
    font-size: 1em;
    color: #006688;
    background: none;
    border: none;
    padding: 1px 0 0 11px;
}

#calculator #other-benefits-calculator {
    font-size: 1em;
    font-weight: bold;
    width: 440px;
    color: #0086B9;
    background-color: #DFF4FF;
    padding: 3px 3px 3px 6px;
    margin: 0 0 10px 0;
}

#calculator #other-benefits-amount {
    position: relative;
    top: -1px;
    float: right;
    width: 60px;
    height: 18px;
    margin: 0 0 0 12px;
    /*background: #FFFFFF url(../images/value-back.gif) 0 0 no-repeat;*/
    background: #FFFFFF url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/value-back.gif) 0 0 no-repeat;
}

#calculator #other-benefits-value {
    font-size: 1em;
    color: #006688;
    background: none;
    border: none;
    padding: 1px 0 0 11px;
}

#calculator .panel-pound {
    float: left;
    width: 10px;
    font-size: 1em;
    font-weight: bold;
    color: #003662;
    background: none;
    border: none;
    padding: 0 0 0 3px;
    margin: 0 2px 0 0;
}

#calculator .panel-pound.total-value {
    color: #fff
}

#calculator #household-amount .panel-pound, #calculator #luxuries-amount .panel-pound, #calculator #savings-amount .panel-pound {
    padding-top: 1px;
}

#calculator .household-panel-amount {
    float: right;
    font-size: 1.1em;
    width: 60px;
    height: 18px;
    margin: 6px 8px 0 0;
    border: 1px solid #003662;
}

#calculator #household-panel-1-value, #calculator #household-panel-2-value, #calculator #household-panel-3-value, #calculator #household-panel-4-value, #calculator #household-panel-5-value, #calculator #household-panel-6-value, #calculator #household-panel-7-value, #calculator #household-panel-8-value, #calculator #household-panel-9-value, #calculator #household-panel-10-value, #calculator #household-panel-11-value, #calculator #household-panel-total-value {
    float: left;
    width: 40px;
    font-size: 1em;
    color: #003662;
    background: none;
    border: none;
    padding: 1px 0 0 0;
    margin: 0;
}

#calculator #household-panel-total-value {
    color: #fff;
}

#calculator .luxuries-panel-amount {
    float: right;
    font-size: 1.1em;
    width: 60px;
    height: 18px;
    margin: 6px 8px 0 0;
    border: 1px solid #003662;
}

#calculator #luxuries-panel-1-value, #calculator #luxuries-panel-2-value, #calculator #luxuries-panel-3-value, #calculator #luxuries-panel-4-value, #calculator #luxuries-panel-5-value, #calculator #luxuries-panel-6-value, #calculator #luxuries-panel-7-value, #calculator #luxuries-panel-8-value, #calculator #luxuries-panel-9-value, #calculator #luxuries-panel-total-value {
    float: left;
    width: 40px;
    font-size: 1em;
    color: #003662;
    background: none;
    border: none;
    padding: 1px 0 0 0;
    margin: 0;
}

#calculator #luxuries-panel-total-value {
    color: #fff
}

#calculator .other-benefits-panel-label-1 {
    float: left;
    font-size: 1.1em;
    margin-right: 5px;
}

#calculator .other-benefits-panel-label-2 {
    float: left;
    font-size: 1.1em;
    margin-right: 5px;
}

#calculator .other-benefits-panel-label-3 {
    float: left;
    font-size: 1.1em;
    margin-right: 5px;
}

#calculator .other-benefits-panel-label-4 {
    float: left;
    font-size: 1.1em;
    margin-right: 5px;
}

#calculator #other-benefits-panel-amount-1 {
    float: left;
    font-size: 1.1em;
    width: 60px;
    height: 18px;
    margin: 0 5px 0 0;
    border: 1px solid #003662;
}

#calculator #other-benefits-panel-amount-2 {
    float: left;
    font-size: 1.1em;
    width: 25px;
    height: 18px;
    margin: 0 5px 0 0;
    border: 1px solid #003662;
}

#calculator #other-benefits-panel-amount-3 {
    float: left;
    font-size: 1.1em;
    width: 25px;
    height: 18px;
    margin: 0 5px 0 0;
    border: 1px solid #003662;
}

#calculator #other-benefits-panel-1a-value, #calculator #other-benefits-panel-2a-value, #calculator #other-benefits-panel-3a-value {
    float: left;
    width: 40px;
    font-size: 1em;
    color: #003662;
    background: none;
    border: none;
    padding: 1px 0 0 0;
    margin: 0;
}

#calculator #other-benefits-panel-1b-value, #calculator #other-benefits-panel-2b-value, #calculator #other-benefits-panel-3b-value {
    width: 20px;
    font-size: 1em;
    color: #003662;
    background: none;
    border: none;
    padding: 1px 0 0 3px;
    margin: 0;
}

#calculator #other-benefits-panel-3c-value {
    width: 20px;
    font-size: 1em;
    color: #003662;
    background: none;
    border: none;
    padding: 1px 0 0 3px;
    margin: 0;
}

#calculator #your-potential {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 0.9em;
    color: #003662;
    background-color: #e6f5fa;
    padding: 10px;
    margin: 0 0 13px 0;
}

#calculator #your-potential-left {
    font-size: 0.9em;
    line-height: 1.2em;
}

#calculator #your-potential-amount {
    width: 118px;
    height: 26px;
    border: 1px solid #003662;
    margin: 12px 0 0 0;
}

#calculator #your-potential-value-text {
    font-size: 0.8em;
    font-weight: bold;
    color: #003662;
    background: none;
    border: none;
    padding: 2px 0 0 4px;
}

#calculator #your-deadline {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 0.9em;
    color: #FFFFFF;
    background-color: #003662;
    padding: 10px;
}

#calculator #your-deadline-left {
    font-size: 0.9em;
    line-height: 1.2em;
}

#calculator #your-deadline-amount {
    width: 218px;
    height: 26px;
    border: 1px solid #FFFFFF;
    margin: 12px 0 0 0;
}

#calculator #your-deadline-value-text {
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
    background: none;
    border: none;
    width: 207px;
    padding: 2px 0 0 4px;
}

#calculator .ui-state-default, #calculator .ui-widget-content .ui-state-default {
    border: 1px solid #777;
    border-radius: 2px;
    background-color: #0076D6;
}

#calculator .ui-state-active, #calculator .ui-widget-content .ui-state-active {
    background-color: #003662;
}

#calculator .ui-state-focus, #calculator .ui-widget-content .ui-state-focus {
    outline: 3px solid #FFD500;
}

#calculator .ui-slider {
    position: relative;
    left: 10px;
    text-align: left;
}

#calculator .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 21px;
    height: 21px;
}

#calculator .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

#calculator .ui-slider-horizontal {
    height: .8em;
    background: none !important;
}

#calculator .ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -9px;
}

#calculator .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

#calculator .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

#calculator .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

#calculator .slider-value-1 {
    float: left;
    margin-top: 30px;
}

#calculator .slider-value-2 {
    left: calc(50% - 40px);
    position: relative;
    top: 30px;
}

#calculator .slider-value-3 {
    float: right;
    margin-top: 30px;
}

#calculator #uk-map {
    font-size: 1.1em;
    line-height: 1.25em;
    height: 364px;
    background: #003662 url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/map.gif) 0 0 no-repeat;
}

#calculator #uk-map a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator #uk-map a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator #uk-map a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator #uk-map a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .uk-map-sc {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 280px;
    padding: 75px 0 0 165px;
}

#calculator .uk-map-ni {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 90px;
    padding: 65px 0 0 95px;
}

#calculator .uk-map-nw {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 60px;
    padding: 80px 0 0 0;
}

#calculator .uk-map-ne {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 150px;
    padding: 65px 0 0 0;
}

#calculator .uk-map-yh {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 150px;
    padding: 15px 0 0 10px;
}

#calculator .uk-map-em {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 185px;
    padding: 20px 0 0 260px;
}

#calculator .uk-map-wm {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 295px;
    padding: 5px 0 0 150px;
}

#calculator .uk-map-ee {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 155px;
    padding: 0 0 0 290px;
}

#calculator .uk-map-wa {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 275px;
    padding: 0 0 0 170px;
}

#calculator .uk-map-lo {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 155px;
    padding: 0 0 0 290px;
}

#calculator .uk-map-se {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 175px;
    padding: 5px 0 0 270px;
}

#calculator .uk-map-sw {
    float: left;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: bold;
    width: 200px;
    padding: 0 0 0 160px;
}

#calculator #map-panel-south-east {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 195px 0 0 160px;
}

#calculator #map-panel-northern-ireland {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 150px 0 0 180px;
}

#calculator #map-panel-north-west {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 165px 0 0 130px;
}

#calculator #map-panel-south-west {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 195px 0 0 245px;
}

#calculator #map-panel-east-england {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 170px 0 0 195px;
}

#calculator #map-panel-scotland {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 90px 0 0 240px;
}

#calculator #map-panel-london {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 175px 0 0 180px;
}

#calculator #map-panel-east-midlands {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 195px 0 0 260px;
}

#calculator #map-panel-north-east {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 100px 0 0 260px;
}

#calculator #map-panel-yorkshire {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 125px 0 0 260px;
}

#calculator #map-panel-wales {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 195px 0 0 35px;
}

#calculator #map-panel-west-midlands {
    z-index: 200;
    position: absolute;
    display: none;
    width: 168px;
    background-color: #003662;
    padding: 4px 4px 4px 4px;
    margin: 195px 0 0 155px;
}

#calculator #map-panel {
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
}

#calculator .map-headings {
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #003662;
    padding: 0 0 4px 0;
    margin: 25px 10px 2px 10px;
    border-bottom: #003662 1px solid;
}

#calculator .map-content {
    padding: 0 0 2px 0;
    margin: 0 10px 10px 10px;
}

#calculator .arrows-step-1 {
    width: 690px;
    height: 37px;
    margin-bottom: 1.4em;
    /*background: #FFFFFF url(../images/arrows-step-1.gif) 0 0 no-repeat;*/
    background: #FFFFFF url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/arrows-step-1.gif) 0 0 no-repeat;
}

#calculator .arrows-step-2 {
    width: 690px;
    height: 37px;
    margin-bottom: 1.4em;
    /*background: #FFFFFF url(../images/arrows-step-2.gif) 0 0 no-repeat;*/
    background: #FFFFFF url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/arrows-step-2.gif) 0 0 no-repeat;
}

#calculator .arrows-step-3 {
    width: 690px;
    height: 37px;
    margin-bottom: 1.4em;
    /*background: #FFFFFF url(../images/arrows-step-3.gif) 0 0 no-repeat;*/
    background: #FFFFFF url(http://www.legalandgeneral.com/life-cover/campaigns/deadline-to-breadline/images/arrows-step-3.gif) 0 0 no-repeat;
}

#calculator .step-1 a {
    display: flex;
    font-size: 1em;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 25px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    justify-content: center;
}

#calculator .step-2 a {
    display: flex;
    font-size: 1em;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 25px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    justify-content: center;
}

#calculator .step-3 a {
    display: flex;
    font-size: 1em;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 25px;
    background: #0076D6;
    line-height: 1.375;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    justify-content: center;
}

#calculator .step-1.active a, #calculator .step-2.active a, #calculator .step-3.active a, #calculator .step-1.done a, #calculator .step-2.done a {
    background: #003662;
}

#calculator .step-1, #calculator .step-2, #calculator .step-3 {
    margin: 0 0 20px 0;
}

@media only screen and (min-width: 570px) {
    #calculator .step-1, #calculator .step-2, #calculator .step-3 {
        float: left;
        width: calc(33.333333% - 14px);
        min-height: 60px;
        margin-right: 0;
    }

    #calculator .step-1, #calculator .step-2 {
        margin: 0 20px 20px 0;
    }
}

#calculator .step-1.done a:before,
#calculator .step-2.done a:before,
#calculator .step-3.done a:before {
    content: "\2714";
    position: absolute;
    right: 10px;
}

#calculator .step-1 a:link, #calculator .step-2 a:link, #calculator .step-3 a:link {
    font-size: 1em;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .step-1 a:visited, #calculator .step-2 a:visited, #calculator .step-3 a:visited {
    font-size: 1em;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .step-1 a:hover, #calculator .step-2 a:hover, #calculator .step-3 a:hover {
    font-size: 1em;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .step-1 a:active, #calculator .step-2 a:active, #calculator .step-3 a:active {
    font-size: 1em;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background: #003662;
}

#calculator .tabs {
    margin: 0 0 20px 0;
    padding: 0;
    z-index: 100;
    width: 100%;
    font-weight: bold;
    overflow: auto;
    box-sizing: border-box;
}

#calculator .tabs li {
    list-style-type: none;
}

#calculator #calculations {
    display: none;
    clear: both;
    line-height: 1em;
    visibility: visible;
    margin: 20px 0 0 0;
}

#calculator .calculations-width {
    width: 80px;
}

#calculator .calculations-week-width {
    width: 30px;
}

#calculator .for-help {
    text-align: right;
}

#calculator .panel-three-right {
    float: left;
    width: 218px;
    margin: 0 0 0 3px;
}

#calculator .obscure {
    position: absolute;
    left: -9999px;
}

#calculator .regions p {
    padding: 5px 5px 5px 5px;
}

#calculator .regions-headings {
    color: #FFFFFF;
    font-weight: bold;
}

#calculator .lower-case {
    text-transform: lowercase;
}

#calculator #state-benefits-caveat {
    float: left;
    width: 230px;
    padding: 5px 20px 0 20px;
    background-color: #FFFFFF;
}

#calculator #state-benefits-end {
    background-color: #FFFFFF;
    overflow: auto;
}

#calculator .help-icon {
    color: #fff;
    background: #0076D6;
    padding: 3px 7px;
    font-weight: bold;
}

#calculator a.help-icon {
    color: #fff;
    text-decoration: none;
}

#calculator .info-icon {
    color: #fff;
    background: #0076D6;
    padding: 3px 7px;
    font-weight: bold;
    font-style: italic;
    font-family: Times, serif;
}

#calculator a.info-icon {
    color: #fff;
    text-decoration: none;
}

#calculator .access {
    position: absolute;
    left: -100ex;
    width: 1px;
    height: 1px;
    overflow: hidden;
}