@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/cc7906/0000000000000000000170a0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/cc7906/0000000000000000000170a0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/cc7906/0000000000000000000170a0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype");font-weight:900;font-style:normal;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/95aae3/0000000000000000000170a1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/95aae3/0000000000000000000170a1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/95aae3/0000000000000000000170a1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("opentype");font-weight:900;font-style:italic;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/5db9fb/00000000000000000001709e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/5db9fb/00000000000000000001709e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/5db9fb/00000000000000000001709e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/fcaa6d/00000000000000000001709f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/fcaa6d/00000000000000000001709f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/fcaa6d/00000000000000000001709f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/bf6034/00000000000000000001709b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/bf6034/00000000000000000001709b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/bf6034/00000000000000000001709b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/a35a16/000000000000000000017098/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/a35a16/000000000000000000017098/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/a35a16/000000000000000000017098/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/5bcd14/000000000000000000017099/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/5bcd14/000000000000000000017099/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/5bcd14/000000000000000000017099/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype");font-weight:300;font-style:italic;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/6d5542/00000000000000000001709a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/6d5542/00000000000000000001709a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/6d5542/00000000000000000001709a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/73f78b/00000000000000000001709c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/73f78b/00000000000000000001709c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/73f78b/00000000000000000001709c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;}@font-face{font-family:myriad-pro;src:url(https://use.typekit.net/af/8f32cc/00000000000000000001709d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/8f32cc/00000000000000000001709d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/8f32cc/00000000000000000001709d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("opentype");font-weight:600;font-style:italic;}

#embedded_calculator_body {
    margin: 0 0 0 3px;
}

#embedded_calculator {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
    font-family: myriad-pro, "Myriad Pro", sans-serif;
    position: relative;
    overflow: hidden;
}
#embedded_calculator label {
    font-size: 12px;
    font-weight: bold;
    color: #454545;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
#embedded_calculator img {
    width: 104px;
    height: 14px;
    position: absolute;
}
#embedded_calculator input[type=submit] {
    border-radius: 10px;
    background-color: #66a137;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: none;
    outline: none;
    font-size: 19px;
    cursor: pointer;
}
#embedded_calculator input[type=submit]:hover {
    background-color: #579526;
}
#embedded_calculator input[type=submit]:active {
    background-color: #488617;
}
#embedded_calculator form {
    margin: 0 24px;
    position: relative;
}
#embedded_calculator .amount-background {
    font-size: 24px;
    color: #767676;
    margin-top: 4px;
}
#embedded_calculator input[type=number] {
    width: 100%;
    border: none;
    border-bottom: 2px solid #cfcfcf;
    outline: none;
    margin-top: -28px;
    background: transparent;
    padding-left: 15px;
    padding-bottom: 6px;
    font-size: 24px;
    color: #767676;
    display: block;
}
#embedded_calculator input[type=number]:hover {
    border-bottom: 2px solid #8ecdc8;
}
#embedded_calculator input[type=number]:focus {
    border-bottom: 2px solid #008378;
}

#embedded_calculator input[type='number'] {
    -moz-appearance:textfield;
}
#embedded_calculator input[type=number]::-webkit-inner-spin-button,
#embedded_calculator input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* size dependent style */

#embedded_calculator.size_326x232 {
    width: 320px;
    height: 226px;
}
#embedded_calculator.size_421x221 {
    width: 415px;
    height: 215px;
}
#embedded_calculator.size_420x183 {
    width: 414px;
    height: 177px;
}
#embedded_calculator.size_362x131 {
    width: 356px;
    height: 125px;
}

#embedded_calculator .banner {
    width: 100%;
    height: 64px;
}
#embedded_calculator.size_362x131 .banner {
    width: 100%;
    height: 36px;
}

#embedded_calculator .banner h1 {
    line-height: 64px;
    font-size: 28px;
    font-weight: 300;
}
#embedded_calculator.size_362x131 .banner h1 {
    line-height: 36px;
    font-size: 16px;
    font-weight: 700;
}

#embedded_calculator.size_326x232 img,
#embedded_calculator.size_421x221 img {
    left: 24px;
    bottom: 28px;
}
#embedded_calculator.size_420x183 img {
    top: 25px;
    right: 18px;
}
#embedded_calculator.size_362x131 img {
    top: 11px;
    right: 20px;
}

#embedded_calculator.size_326x232 form {
    margin-top: 23px;
}
#embedded_calculator.size_421x221 form,
#embedded_calculator.size_420x183 form {
    margin-top: 31px;
}
#embedded_calculator.size_362x131 form {
    margin-top: 16px
}

#embedded_calculator input[type=submit] {
    width: 128px;
    height: 48px;
}
#embedded_calculator.size_362x131 input[type=submit] {
    width: 100px;
    height: 40px;
}

#embedded_calculator.size_421x221 form > div,
#embedded_calculator.size_420x183 form > div {
    width: 224px;
}
#embedded_calculator.size_362x131 form > div {
    width: 210px;
}
#embedded_calculator.size_421x221 input[type=submit],
#embedded_calculator.size_420x183 input[type=submit] {
    position: absolute;
    right: 0;
    bottom: 0;
}
#embedded_calculator.size_362x131 input[type=submit] {
    position: absolute;
    right: -12px;
    bottom: 0;
}
#embedded_calculator.size_326x232 input[type=submit] {
    position: absolute;
    right: 0;
    bottom: -64px;
}
#embedded_calculator.size_362x131 input[type=number] {
    width: 184px;
}


/* colour dependent styles */

#embedded_calculator .banner h1 {
    color: #ffffff;
}
#embedded_calculator.color_none .banner h1,
#embedded_calculator.color_ffffff .banner h1 {
    color: #454545;
}

#embedded_calculator.color_none .banner h1{
    border-bottom: 1px solid #dddddd;
}

#embedded_calculator:not(.color_none) .banner {
    background-image: url( /sites/pc/image/embed-calc.jpg);
    background-size: cover;
    background-position: center;
}
#embedded_calculator:not(.color_none) .banner h1 {
    padding-left: 24px;
    margin: 0;
}
#embedded_calculator.color_none .banner h1 {
    margin: 0 24px;
}

#embedded_calculator.color_00ac9d .banner h1 {
    background-color: rgba(0, 172, 157, 0.75);
}
#embedded_calculator.color_328b7f .banner h1 {
    background-color: rgba(50, 139, 127, 0.75);
}
#embedded_calculator.color_7ac143 .banner h1 {
    background-color: rgba(121, 193, 67, 0.75);
}
#embedded_calculator.color_000000 .banner h1 {
    background-color: rgba(0, 0, 0, 0.75);
}
#embedded_calculator.color_ffffff .banner h1 {
    background-color: rgba(255, 255, 255, 0.75);
}
#embedded_calculator.color_ff8c71 .banner h1 {
    background-color: rgba(255, 140, 113, 0.75);
}
#embedded_calculator.color_ffa800 .banner h1 {
    background-color: rgba(255, 168, 0, 0.75);
}
#embedded_calculator.color_7dcfe1 .banner h1 {
    background-color: rgba(124, 207, 225, 0.75);
}