@font-face {
    font-family: dcg-icons;
    src: url(fonts/dcg-icons.eot?a53gsn);
    src: url(fonts/dcg-icons.eot?a53gsn#iefix) format('embedded-opentype'), url(fonts/dcg-icons.ttf?a53gsn) format('truetype'), url(fonts/dcg-icons.woff?a53gsn) format('woff'), url(fonts/dcg-icons.svg?a53gsn#dcg-icons) format('svg');
    font-weight: 400;
    font-style: normal
}

[class * =" dcg-icon-"], [class^=dcg-icon-] {
    font-family: dcg-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dcg-icon-store:before {
    content: "\e63e"
}

.dcg-icon-mail-sent:before {
    content: "\e63d"
}

.dcg-icon-addressBook:before {
    content: "\e615"
}

.dcg-icon-contactUs:before {
    content: "\e633"
}

.dcg-icon-emailSubscriptions:before {
    content: "\e634"
}

.dcg-icon-myaccount:before {
    content: "\e635"
}

.dcg-icon-mydetails:before {
    content: "\e636"
}

.dcg-icon-myDownloads:before {
    content: "\e637"
}

.dcg-icon-myOrders:before {
    content: "\e638"
}

.dcg-icon-recommended:before {
    content: "\e639"
}

.dcg-icon-signIn:before {
    content: "\e63a"
}

.dcg-icon-signOut:before {
    content: "\e63b"
}

.dcg-icon-stores:before {
    content: "\e63c"
}

.dcg-icon-add-to-basket:before {
    content: "\e602"
}

.dcg-icon-basket:before {
    content: "\e61a"
}

.dcg-icon-box-unavailable:before {
    content: "\e621"
}

.dcg-icon-box:before {
    content: "\e623"
}

.dcg-icon-calendar:before {
    content: "\f073"
}

.dcg-icon-check-reverse:before {
    content: "\e625"
}

.dcg-icon-countdown:before {
    content: "\e626"
}

.dcg-icon-cross-reverse:before {
    content: "\e627"
}

.dcg-icon-delivery-available:before {
    content: "\e628"
}

.dcg-icon-delivery-unavailable:before {
    content: "\e629"
}

.dcg-icon-mail:before {
    content: "\e60d"
}

.dcg-icon-location-attention:before {
    content: "\e62a"
}

.dcg-icon-location-finder:before {
    content: "\e62b"
}

.dcg-icon-location-my-unavailable:before {
    content: "\e62c"
}

.dcg-icon-location-my:before {
    content: "\e62d"
}

.dcg-icon-location-search:before {
    content: "\e62e"
}

.dcg-icon-minus-reverese:before {
    content: "\e62f"
}

.dcg-icon-search-plus:before {
    content: "\e630"
}

.dcg-icon-store-unavailable:before {
    content: "\e631"
}

.dcg-icon-mcd-cross:before {
    content: "\e61e"
}

.dcg-icon-mcd-error:before {
    content: "\e61f"
}

.dcg-icon-mcd-tick:before {
    content: "\e620"
}

.dcg-icon-location:before {
    content: "\e61b"
}

.dcg-icon-disc:before {
    content: "\e61c"
}

.dcg-icon-map-view:before {
    content: "\e61d"
}

.dcg-icon-next-day:before {
    content: "\e622"
}

.dcg-icon-search:before {
    content: "\f002"
}

.dcg-icon-user:before {
    content: "\f007"
}

.dcg-icon-ok:before {
    content: "\f00c"
}

.dcg-icon-remove:before {
    content: "\f00d"
}

.dcg-icon-home:before {
    content: "\f015"
}

.dcg-icon-time:before {
    content: "\f017"
}

.dcg-icon-list-alt:before {
    content: "\f022"
}

.dcg-icon-list:before {
    content: "\f03a"
}

.dcg-icon-print:before {
    content: "\f02f"
}

.dcg-icon-map-marker:before {
    content: "\f041"
}

.dcg-icon-adjust:before {
    content: "\f042"
}

.dcg-icon-play:before {
    content: "\f04b"
}

.dcg-icon-chevron-left:before {
    content: "\f053"
}

.dcg-icon-chevron-right:before {
    content: "\f054"
}

.dcg-icon-arrow-left:before {
    content: "\f060"
}

.dcg-icon-arrow-right:before {
    content: "\f061"
}

.dcg-icon-arrow-up:before {
    content: "\f062"
}

.dcg-icon-chevron-up:before {
    content: "\f077"
}

.dcg-icon-chevron-down:before {
    content: "\f078"
}

.dcg-icon-facebook-sign:before {
    content: "\f082"
}

.dcg-icon-cogs:before {
    content: "\f085"
}

.dcg-icon-external-link:before {
    content: "\f08e"
}

.dcg-icon-reorder:before {
    content: "\f0c9"
}

.dcg-icon-truck:before {
    content: "\f0d1"
}

.dcg-icon-google-plus-sign:before {
    content: "\f0d4"
}

.dcg-icon-quote-left:before {
    content: "\f10d"
}

.dcg-icon-spinner:before {
    content: "\f110"
}

.dcg-icon-youtube-play:before {
    content: "\f16a"
}

.dcg-icon-hotukdeal:before {
    content: "\e618"
}

.dcg-icon-arrow-back:before {
    content: "\e600"
}

.dcg-icon-arrow-forward:before {
    content: "\e601"
}

.dcg-icon-caret-down:before {
    content: "\f0d7"
}

.dcg-icon-download-bold:before {
    content: "\e603"
}

.dcg-icon-circle-plus:before {
    content: "\e604"
}

.dcg-icon-clock:before {
    content: "\e605"
}

.dcg-icon-cog:before {
    content: "\e606"
}

.dcg-icon-cross:before {
    content: "\e607"
}

.dcg-icon-delivery:before {
    content: "\e608"
}

.dcg-icon-download:before {
    content: "\e609"
}

.dcg-icon-minus:before {
    content: "\e60a"
}

.dcg-icon-no-icon:before {
    content: "\e60b"
}

.dcg-icon-plus:before {
    content: "\e60c"
}

.dcg-icon-tag:before {
    content: "\e60e"
}

.dcg-icon-tick:before {
    content: "\e60f"
}

.dcg-icon-timer:before {
    content: "\e610"
}

.dcg-icon-tv-advert:before {
    content: "\e611"
}

.dcg-icon-video:before {
    content: "\e612"
}

.dcg-icon-zoom:before {
    content: "\e613"
}

.dcg-icon-twitter:before {
    content: "\e616"
}

.dcg-icon-facebook:before {
    content: "\e614"
}

.dcg-icon-pinterest:before {
    content: "\e619"
}

.dcg-icon-google-plus:before {
    content: "\e617"
}

[class * =" dcg-icon-"], [class^=dcg-icon-] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 24px
}

.icon-adjust, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up,
.icon-chevron-down, .icon-chevron-left, .icon-chevron-right, .icon-chevron-up,
.icon-cog, .icon-cogs, .icon-external-link, .icon-facebook-sign,
.icon-google-plus-sign, .icon-home, .icon-list, .icon-list-alt, .icon-map-marker,
.icon-ok, .icon-pinterest, .icon-play, .icon-plus, .icon-print, .icon-quote-left,
.icon-remove, .icon-reorder, .icon-search, .icon-shopping-cart, .icon-spinner,
.icon-tag, .icon-time, .icon-truck, .icon-twitter, .icon-user, .icon-youtube-play {
    font-family: dcg-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.icon-search:before {
    content: "\f002"
}

.icon-user:before {
    content: "\f007"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-cog:before {
    content: "\e606"
}

.icon-home:before {
    content: "\f015"
}

.icon-time:before {
    content: "\f017"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-list:before {
    content: "\f03a"
}

.icon-tag:before {
    content: "\e60e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-play:before {
    content: "\f04b"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-plus:before {
    content: "\e60c"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-facebook-sign:before {
    content: "\f082"
}

.icon-cogs:before {
    content: "\f085"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-twitter:before {
    content: "\e616"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\e619"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-spinner {
    content: "\f110"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-muted {
    color: #eee
}

.icon-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    text-align: center;
    line-height: inherit
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.icon-border {
    border: 1px solid #eee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.333333333333333em
}

@media only screen and (max-width:1024px) {
    #toolbar .icon-large:before {
        font-size: 16px;
        vertical-align: 0;
        margin-right: 3px
    }
}

[class * =" icon-"].icon-fixed-width.icon-large, [class^=icon-].icon-fixed-width.icon-large {
    width: 1.428571428571429em
}

.btn [class * =" icon-"].icon-large, .btn [class^=icon-].icon-large,
.nav [class * =" icon-"].icon-large, .nav [class^=icon-].icon-large,
.nav-pills [class * =" icon-"].icon-large, .nav-pills [class^=icon-].icon-large,
.nav-tabs [class * =" icon-"].icon-large, .nav-tabs [class^=icon-].icon-large {
    line-height: .9em
}

.btn [class * =" icon-"].icon-spin.icon-large, .btn [class^=icon-].icon-spin.icon-large {
    line-height: .8em
}

.btn [class * =" icon-"].icon-spin, .btn [class^=icon-].icon-spin,
.nav [class * =" icon-"].icon-spin, .nav [class^=icon-].icon-spin {
    display: inline-block
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-spin {
    display: inline-block;
    text-decoration: none
}

.primary li ul a:before {
    float: right;
    margin-right: -1px;
    font-weight: 400;
    font-size: 1.17em;
    line-height: 1.17em;
    width: 16px;
    height: 16px;
    padding: 0;
    overflow: hidden;
    text-align: right;
    font-family: dcg-icons;
    content: "\f054";
    color: #999
}
 .primary a:before {
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1;
        font-family: dcg-icons;
        content: "\f054";
        margin: 0;
        color: #999;
        float: right
    }

article, aside, details, figcaption, figure, footer, header, hgroup,
nav, section {
    display: block
    }
    audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
    }
    audio:not([controls]) {
    display: none
    }
    [hidden] {
    display: none
    }
    html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
    }
    body {
    margin: 0;
    line-height: 1.231
    }
    body, button, input, select, textarea {
    font-family: sans-serif;
    color: #222
    }
    a:hover {
    color: #06e
    }
    a:focus {
    outline: dotted thin
    }
    a:active, a:hover {
    outline: 0
    }
    abbr[title] {
    border-bottom: 1px dotted
    }
    b, strong {
    font-weight: 700
    }
    blockquote {
    margin: 1em 40px
    }
    dfn {
    font-style: italic
    }
    hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
    }
    ins {
    background: #ff9;
    color: #000;
    text-decoration: none
    }
    mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: 700
    }
    code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
    }
    pre {
    white-space: pre-wrap;
    word-wrap: break-word
    }
    q {
    quotes: none
    }
    q:after, q:before {
    content: none
    }
    small {
    font-size: 85%
    }
    sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
    sup {
    top: -.5em
    }
    sub {
    bottom: -.25em
    }
    ol, ul {
    margin: 1em 0;
    padding: 0 0 0 40px
    }
    dd {
    margin: 0 0 0 40px
    }
    nav ol, nav ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
    img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
    }
    svg:not(:root) {
    overflow: hidden
    }
    figure, form {
    margin: 0
    }
    fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
    legend {
    border: 0;
    *margin-left: -7px;
    padding: 0
    }
    button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
    }
    button, input {
    line-height: normal
    }
    button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
    }
    @font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Knowhow;
    src: url(fonts/knowhow.eot) format('embedded-opentype'), url(fonts/knowhow.ttf) format('truetype'), url(fonts/knowhow.svg) format('svg')
    }
    body {
    font-size: 13px;
    font-family: Helvetica, Arial, Sans-serif
    }
    .nosp {
    margin: 0
    }
    .nowrap {
    overflow: hidden;
    width: 80%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
    }
    .brandLight {
    color: #1e249e
    }
    .brandDark {
    color: #011e62
    }
    .txtOverflow {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
    }
    .center {
    text-align: center
    }
    .right {
    text-align: right
    }
    .left {
    text-align: left
    }
    .error {
    color: #a52321
    }
    h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5em
    }
    h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-style: normal !important
    }
    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    display: inline-block;
    font-size: .7em;
    color: #161b7a !important;
    font-weight: 400
    }
    h1 .buyersGuide, h2 .buyersGuide, h3 .buyersGuide, h4 .buyersGuide,
    h5 .buyersGuide, h6 .buyersGuide {
    color: #06e !important;
    margin-top: .7em;
    font-size: .62em;
    font-weight: 400
    }
    h1 {
    font-size: 2.2em;
    color: #333
    }
    h2 {
    font-size: 1.8em
    }
    h3 {
    font-size: 1.6em
    }
    h4 {
    font-size: 1.4em
    }
    h5 {
    font-size: 1em
    }
    h6 {
    font-size: .88em;
    text-transform: uppercase;
    color: #888
    }
    h4 .right {
    float: right
    }
    .page-title, .pageTitle {
    font-size: 24px;
    color: #161b7a
    }
    p {
    margin-top: 0;
    line-height: 1.4em
    }
    ol, ul {
    margin-top: 0;
    padding-left: 0.1em;
    }
    ol li, ul li {
    margin-bottom: .25em
    }
    ul {
    list-style-type: disc;
    }
    ul ul {
    margin: .2em 0;
    }
    ol {
    padding-left: 1.8em
    }
    ol.simple, ul.simple {
    padding: 0;
    list-style: none
    }
    ol.simple .simple, ul.simple .simple {
    padding-left: 1em
    }
    a {
    color: #06e
    }
    a i {
    text-decoration: none !important
    }
    em {
    color: #444
    }
    abbr[title] {
    cursor: help;
    text-transform: uppercase;
    border-color: #999;
    color: #444;
    font-size: .92em;
    letter-spacing: .02em
    }
    #wrapper {
    margin: 0 auto;
    zoom: 1
    }
    .row {
    clear: both;
    position: relative;
    height: 1%;
    padding: 0 0 10px
    }
    .row:after, .row:before {
    content: '';
    display: table
    }
    .row:after {
    clear: both
    }
    .nosp {
    width: 100% !important
    }
    [class*=col], [class^=col] {
    display: inline;
    }
    .row .row {
    width: 102%;
    margin: 0;
    left: -2%
    }
    .row .row [class*=col], .row .row [class^=col] {
    margin-left: 2%;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box
    }
    .row .row .col1 {
    width: 6.3333333333%
    }
    .row .row .col2 {
    width: 14.666666667%
    }
    .row .row .col3 {
    width: 22.979%;
    width: 23%
    }
    .row .row .col4 {
    width: 31.333333333%
    }
    .row .row .col5 {
    width: 39.666666667%
    }
    .row .row .col6 {
    width: 48%
    }
    .row .row .col7 {
    width: 56.333333333%
    }
    .row .row .col8 {
    width: 64.666666667%
    }
    .row .row .col9 {
    width: 73%
    }
    .row .row .col10 {
    width: 81.333333333%
    }
    .row .row .col11 {
    width: 89.666666667%
    }
    .row .row .col12 {
    width: 98%
    }
    .row .nosp {
    left: 0;
    width: 100%
    }
    .row .nosp [class*=col], .row .nosp [class^=col] {
    margin-left: 0
    }
    .row .nosp .col1 {
    width: 6.3333333333%
    }
    .row .nosp .col2 {
    width: 16.666666667%
    }
    .row .nosp .col3 {
    width: 22.979%;
    width: 25%
    }
    .row .nosp .col4 {
    width: 33.333333333%
    }
    .row .nosp .col5 {
    width: 41.666666667%
    }
    .row .nosp .col6 {
    width: 50%
    }
    .row .nosp .col7 {
    width: 58.333333333%
    }
    .row .nosp .col8 {
    width: 66.666666667%
    }
    .row .nosp .col9 {
    width: 75%
    }
    .row .nosp .col10 {
    width: 83.333333333%
    }
    .row .nosp .col11 {
    width: 91.666666667%
    }
    .row .nosp .col12 {
    width: 950px
    }
    .plug {
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box;
    padding: 1em !important
    }
    .tsp {
    clear: both;
    margin-top: 10px !important
    }
    .bsp {
    clear: both;
    margin-bottom: 1em
    }
    @font-face {
    font-family: dcg-icons;
    src: url(fonts/dcg-icons.eot?5kfbh8);
    src: url(fonts/dcg-icons.eot?#iefix5kfbh8) format('embedded-opentype'), url(fonts/dcg-icons.ttf?5kfbh8) format('truetype'), url(fonts/dcg-icons.woff?5kfbh8) format('woff'), url(fonts/dcg-icons.svg?5kfbh8#dcg-icons) format('svg');
    font-weight: 400;
    font-style: normal
    }
    [class*=" dcg-icon-"], [class^=dcg-icon-] {
    font-family: dcg-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
    .dcg-icon-caret-down:before {
    content: "\f0d7"
    }
    .dcg-icon-caret-right:before {
    content: "\f0da"
    }
    .dcg-icon-search:before {
    content: "\f002"
    }
    .dcg-icon-user:before {
    content: "\f007"
    }
    .dcg-icon-ok:before {
    content: "\f00c"
    }
    .dcg-icon-remove:before {
    content: "\f00d"
    }
    .dcg-icon-home:before {
    content: "\f015"
    }
    .dcg-icon-time:before {
    content: "\f017"
    }
    .dcg-icon-list-alt:before {
    content: "\f022"
    }
    .dcg-icon-print:before {
    content: "\f02f"
    }
    .dcg-icon-map-marker:before {
    content: "\f041"
    }
    .dcg-icon-adjust:before {
    content: "\f042"
    }
    .dcg-icon-play:before {
    content: "\f04b"
    }
    .dcg-icon-chevron-right:before {
    content: "\f054"
    }
    .dcg-icon-arrow-left:before {
    content: "\f060"
    }
    .dcg-icon-arrow-right:before {
    content: "\f061"
    }
    .dcg-icon-arrow-up:before {
    content: "\f062"
    }
    .dcg-icon-chevron-up:before {
    content: "\f077"
    }
    .dcg-icon-chevron-down:before {
    content: "\f078"
    }
    .dcg-icon-shopping-cart:before {
    content: "\f07a"
    }
    .dcg-icon-facebook-sign:before {
    content: "\f082"
    }
    .dcg-icon-cogs:before {
    content: "\f085"
    }
    .dcg-icon-external-link:before {
    content: "\f08e"
    }
    .dcg-icon-reorder:before {
    content: "\f0c9"
    }
    .dcg-icon-truck:before {
    content: "\f0d1"
    }
    .dcg-icon-google-plus-sign:before {
    content: "\f0d4"
    }
    .dcg-icon-quote-left:before {
    content: "\f10d"
    }
    .dcg-icon-spinner:before {
    content: "\f110"
    }
    .dcg-icon-youtube-play:before {
    content: "\f16a"
    }
    .dcg-icon-hotukdeal:before {
    content: "\e618"
    }
    .dcg-icon-arrow-back:before {
    content: "\e600"
    }
    .dcg-icon-arrow-forward:before {
    content: "\e601"
    }
    .dcg-icon-basket:before {
    content: "\e602"
    }
    .dcg-icon-download-bold:before {
    content: "\e603"
    }
    .dcg-icon-circle-plus:before {
    content: "\e604"
    }
    .dcg-icon-clock:before {
    content: "\e605"
    }
    .dcg-icon-cog:before {
    content: "\e606"
    }
    .dcg-icon-cross:before {
    content: "\e607"
    }
    .dcg-icon-delivery:before {
    content: "\e608"
    }
    .dcg-icon-download:before {
    content: "\e609"
    }
    .dcg-icon-minus:before {
    content: "\e60a"
    }
    .dcg-icon-no-icon:before {
    content: "\e60b"
    }
    .dcg-icon-plus:before {
    content: "\e60c"
    }
    .dcg-icon-store:before {
    content: "\e60d"
    }
    .dcg-icon-tag:before {
    content: "\e60e"
    }
    .dcg-icon-tick:before {
    content: "\e60f"
    }
    .dcg-icon-timer:before {
    content: "\e610"
    }
    .dcg-icon-tv-advert:before {
    content: "\e611"
    }
    .dcg-icon-video:before {
    content: "\e612"
    }
    .dcg-icon-zoom:before {
    content: "\e613"
    }
    .dcg-icon-mail:before {
    content: "\e615"
    }
    .dcg-icon-twitter:before {
    content: "\e616"
    }
    .dcg-icon-facebook:before {
    content: "\e614"
    }
    .dcg-icon-pinterest:before {
    content: "\e619"
    }
    .dcg-icon-google-plus:before {
    content: "\e617"
    }
    [class*=" dcg-icon-"], [class^=dcg-icon-] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 24px
    }
{.dcg figure img {max-width:925px} }
    .icon-adjust, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up,
    .icon-chevron-down, .icon-chevron-right, .icon-chevron-up, .icon-cog,
    .icon-cogs, .icon-external-link, .icon-facebook-sign, .icon-google-plus-sign,
    .icon-home, .icon-list-alt, .icon-map-marker, .icon-ok, .icon-pinterest,
    .icon-play, .icon-plus, .icon-print, .icon-quote-left, .icon-remove,
    .icon-reorder, .icon-search, .icon-shopping-cart, .icon-spinner,
    .icon-tag, .icon-time, .icon-truck, .icon-twitter, .icon-user, .icon-youtube-play {
    font-family: dcg-icons
    }
    .icon-search {
    content: "\f002"
    }
    .icon-user {
    content: "\f007"
    }
    .icon-ok {
    content: "\f00c"
    }
    .icon-remove {
    content: "\f00d"
    }
    .icon-cog {
    content: "\e606"
    }
    .icon-home {
    content: "\f015"
    }
    .icon-time {
    content: "\f017"
    }
    .icon-list-alt {
    content: "\f022"
    }
    .icon-tag {
    content: "\e60e"
    }
    .icon-print {
    content: "\f02f"
    }
    .icon-map-marker {
    content: "\f041"
    }
    .icon-adjust {
    content: "\f042"
    }
    .icon-play {
    content: "\f04b"
    }
.icon-chevron-right:before {
    content:"\f054"
}
    .icon-chevron-right {
    content:"\f054"
    }
    .icon-arrow-left {
    content: "\f060"
    }
    .icon-arrow-right {
    content: "\f061"
    }
    .icon-arrow-up {
    content: "\f062"
    }
    .icon-plus {
    content: "\e60c"
    }
    .icon-chevron-up {
    content: "\f077"
    }
    .icon-chevron-down {
    content: "\f078"
    }
    .icon-shopping-cart {
    content: "\f07a"
    }
    .icon-facebook-sign {
    content: "\f082"
    }
    .icon-cogs {
    content: "\f085"
    }
    .icon-external-link {
    content: "\f08e"
    }
    .icon-twitter {
    content: "\e616"
    }
    .icon-reorder {
    content: "\f0c9"
    }
    .icon-truck {
    content: "\f0d1"
    }
    .icon-pinterest {
    content: "\e619"
    }
    .icon-google-plus-sign {
    content: "\f0d4"
    }
    .icon-quote-left {
    content: "\f10d"
    }
    .icon-spinner {
    content: "\f110"
    }
    .icon-youtube-play {
    content: "\f16a"
    }
    .icon-light {
    color: #fff
    }
    .icon-dark {
    color: #333
    }
    .icon-muted {
    color: #eee
    }
    .icon-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    text-align: center;
    line-height: inherit
    }
    .icon-3x {
    font-size: 3em
    }
    .icon-3x.icon-border {
    border-width: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
    .icon-border {
    border: 1px solid #eee;
    padding: .2em .25em .15em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
    .icon-large:before {
    vertical-align: -10%;
    font-size: 1.333333333333333em
    }
    [class*=" icon-"].icon-fixed-width.icon-large, [class^=icon-].icon-fixed-width.icon-large {
    width: 1.428571428571429em
    }
    .btn [class*=" icon-"].icon-large, .btn [class^=icon-].icon-large,
    .nav [class*=" icon-"].icon-large, .nav [class^=icon-].icon-large,
    .nav-pills [class*=" icon-"].icon-large, .nav-pills [class^=icon-].icon-large,
    .nav-tabs [class*=" icon-"].icon-large, .nav-tabs [class^=icon-].icon-large {
    line-height: .9em
    }
    .btn [class*=" icon-"].icon-spin.icon-large, .btn [class^=icon-].icon-spin.icon-large {
    line-height: .8em
    }
    .btn [class*=" icon-"].icon-spin, .btn [class^=icon-].icon-spin,
    .nav [class*=" icon-"].icon-spin, .nav [class^=icon-].icon-spin {
    display: inline-block
    }
    .icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
    }
    a .icon-spin {
    display: inline-block;
    text-decoration: none
    }
    section header {
    padding: 0
    }
    img.respBanner {
    max-width: 950px;
    height: auto
    }
    .js .noJS {
    display: none
    }
    .floatInfo, .floatRight {
    float: right
    }
    .ucmsNav {
    padding-bottom: 0
    }
    .ucmsNav .header, .ucmsNav h1, .ucmsNav h2, .ucmsNav h3, .ucmsNav h4,
    .ucmsNav h5, .ucmsNav h6 {
    padding-top: 10px;
    margin-bottom: 0
    }
    .ucmsNav li a {
    border-bottom: 1px solid #ccc;
    padding-top: .75em;
    padding-bottom: .75em
    }
    .ucmsNav li:last-child a {
    border-bottom: 0
    }
    .brand {
    color: #161b7a
    }
    table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
    }
    table thead tr th {
    text-align: center
    }
    table .disabled {
    background: #fafafa;
    color: #666
    }
    table .amount {
    text-align: right !important;
    background: #ededed;
    width: 21%;
    vertical-align: bottom;
    font-size: 1.24em;
    color: #cb003a
    }
    .simpleTable {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 1em;
    border-collapse: separate;
    text-align: left;
    border-top: 0 !important
    }
    .simpleTable caption {
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    font-size: .92em;
    padding: 5px 7px;
    color: #999
    }
    .simpleTable tr td, .simpleTable tr th {
    padding: 5px 7px;
    vertical-align: top;
    text-align: left;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
    }
    .simpleTable tr th {
    font-weight: 700
    }
    .simpleTable thead tr th {
    text-align: center
    }
    .hoverTable tbody tr:hover {
    background: #fcf8e3
    }
    .ordersList thead th {
    text-align: left
    }
    .ordersList .product td:first-child {
    width: 95px
    }
    .ordersList .product td:last-child {
    width: 90px;
    text-align: right
    }
    .iB {
    display: inline-block
    }
    .border {
    border: 1px solid #ccc
    }
    .border.product {
    border-bottom: 0
    }
    .fLink {
    color: #666;
    background: #ccc;
    border: 0;
    margin: 0;
    padding: 3px;
    height: auto;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700
    }
    .cys, .pcw, .tags {
    display: inline-block;
    padding: 3px 5px;
    margin: 0 0 5px;
    color: #fff;
    font-size: .92em;
    font-family: Gotham, Arial, Sans-serif
    }
    .cys {
    background: #0c347b
    }
    .pcw {
    background: #72216d
    }
    .cys+.pcw {
    margin-left: -5px
    }
    .backTop, .backTop:active, .backTop:focus, .backTop:hover {
    color: inherit
    }
    .iLink {
    text-decoration: none
    }
    .iLink span {
    text-decoration: underline
    }
    .popInContainer .in {
    width: auto !important;
    padding: 1em 10px;
    background: #fff
    }
    .ad {
    display: block
    }
        .pagination {
    display: inline-block;
    white-space: nowrap;
    clear: both;
    padding: 0;
    border: 1px solid #ccc;
    border-left: 0
    }
    .pagination li {
    float: left;
    display: inline;
    margin: 0
    }
    .pagination li a {
    border-left: 1px solid #ccc;
    display: block;
    padding: 10px;
    min-width: 1em;
    text-decoration: none;
    text-align: center;
    background: #fff
    }
    .pagination li .active {
    background: #f7f7f7;
    color: #999;
    cursor: default
    }
    #ender-overlay-mask {
    right: 0;
    width: 100% !important
    }
    .ms-tooltip, .popInTrigger {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
    }
    .ms-tooltip:after, .popInTrigger:after {
    display: inline-block;
    margin-left: .3em;
    width: 1em;
    height: 1em;
    line-height: normal;
    font-size: .92em;
    font-weight: 700;
    content: '?';
    color: #06e;
    border: 1px solid #06e;
    text-align: center;
    -webkit-border-radius: 1em;
    border-radius: 1em
    }
    .noAfter:after {
    display: none
    }
    .popInContainer {
    display: none;
    -webkit-box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
    width: auto;
    max-width: 80%
    }
    .popInContainer .popToolbar {
    height: 45px;
    position: relative;
    background: #161b7a;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%)
    }
    .popInContainer .popToolbar h1 {
    display: block;
    overflow: hidden;
    margin: 0 50px;
    line-height: 45px;
    text-align: center;
    font-size: 1em;
    color: #eee;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
    }
    .popInContainer .popToolbar .btn {
    position: absolute;
    left: 5px;
    top: 4px;
    padding: 10px 7px 7px;
    height: 1em;
    color: #eee;
    cursor: pointer;
    z-index: 9999;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    background: 0 0;
    background: rgba(0, 0, 0, .2)
    }
    .popInContainer .popToolbar .btn:after {
    content: "";
    display: none
    }
    .popInContainer .popToolbar .btn:active {
    top: 4px
    }
    .popInContainer .popToolbar .close, .popInContainer .popToolbar .close:active {
    position: absolute;
    left: auto;
    right: 5px
    }
    .popInContainer .popToolbar .close:active:before, .popInContainer .popToolbar .close:before {
    display: inline-block;
    position: relative;
    left: .1em;
    content: '\f00d';
    color: #eee;
    font-family: FontAwesome;
    font-size: 14px
    }
    .popInContainer .popToolbar .close:focus, .popInContainer .popToolbar .close:hover {
    text-decoration: none
    }
    .popInContainer .popToolbar .close span {
    display: none
    }
    .popInContainer .popContent {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc
    }
    .popInContainer .popContent>img {
    max-width: 100%
    }
    .mod {
    margin-bottom: 1em
    }
    a[href="#emailAddressEdit"]:after, a[href="#emailAddressEdit"]:before {
    display: none;
    content: ''
    }
    @media only screen and (max-width:599px) {
    #content {
    overflow: hidden
    }
    .popInContainer {
    background: #fff;
    top: 0 !important;
    width: 100%;
    max-width: 100%;
    left: 0 !important;
    right: 0;
    margin: 0 !important
    }
    .popInContainer .knowHow {
    border: 0
    }
    .iB {
    display: block
    }
    .ordersList th {
    text-align: left
    }
    .ordersList .product .productTitle {
    display: inline-block;
    margin-bottom: 0;
    max-height: 3.45em;
    overflow: hidden
    }
    }
    @media only screen and (max-width:1024px) {
        .primary ul {
    background: #efefef;
    background: -webkit-linear-gradient(top, #ededed, #ccc);
    background: -moz-linear-gradient(top, #ededed, #ccc);
    background: -o-linear-gradient(top, #ededed, #ccc);
    background: -ms-linear-gradient(top, #ededed, #ccc);
    background: linear-gradient(to bottom, #ededed, #ccc)
    }
    .primary a {
    display: block;
    color: #444
    }
    .primary .special a {
    color: #161b7a
    }
    .primary li {
    margin: 0;
    border-top: 1px solid #ccc;
    font-weight: 700
    }
    .primary li ul {
    display: none;
    position: absolute;
    z-index: 9998;
    margin: 0 0 0 -1px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 200px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-transition: display .5s ease;
    -moz-transition: display .5s ease;
    -o-transition: display .5s ease;
    -ms-transition: display .5s ease;
    transition: display .5s ease
    }
    .primary li ul a {
    font-size: .92em;
    min-height: 16px;
    background: #fff
    }
    .primary li ul a:before {
    float: right;
    margin-right: -1px;
    font-weight: 400;
    font-size: 1.17em;
    line-height: 1.17em;
    width: 16px;
    height: 16px;
    padding: 0;
    overflow: hidden;
    text-align: right;
    font-family: FontAwesome;
    content: "\f054";
    color: #999
    }
    .primary li ul a:only-child:not([data-rel]):before {
    content: ''
    }
    .primary li li {
    float: none
    }
    .primary li a.active, .primary li a:active, .primary li a:focus, .primary li li ul a.active {
    background: #1e249e;
    color: #eee;
    text-decoration: none
    }
    .primary li a.active:before, .primary li a:active:before, .primary li a:focus:before, .primary li li ul a.active:before {
    color: #eee
    }
    .primary li li ul li a:focus, .primary li li ul li a:hover {
    text-decoration: underline
    }
    .primary li a.nav_loading:active, .primary li a.nav_loading:focus, .primary li a.nav_loading:hover {
    background: #1e249e;
    color: #eee
    }
    .primary li a.nav_loading:active:before, .primary li a.nav_loading:focus:before, .primary li a.nav_loading:hover:before {
    width: 16px;
    height: 16px;
    content: '';
    background-image: url(i/load_reverse.gif);
    margin-right: -4px;
    background-repeat: no-repeat;
    background-position: center center
    }
    .primary .btn:before {
    content: ''
    }
    .primary .home {
    height: 40px
    }
    @media only screen and (min-width:1240px) {
    .primary li a {
    padding: 12px 20px
    }
    }
    @media only screen and (max-width:1024px) {
    .primary {
    margin: 0;
    border-top: 0;
    z-index: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 16rem;
    background: #ccc;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
    }
    .primary .nav ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0;
    background: #fff
    }
    .primary .nav a {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
    .primary .toolbar {
    position: relative;
    min-height: 40px;
    width: 100%;
    overflow: hidden;
    border: 0;
    padding: 0
    }
    .primary .toolbar .btn {
    font-size: 1em;
    padding: 7px;
    height: 20px;
    line-height: 1.5em;
    min-height: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: rgba(0, 0, 0, .1)
    }
    .primary .toolbar .btn_home {
    margin-left: 40px
    }
    .primary .toolbar .btn_list {
    left: auto;
    right: 5px
    }
    .primary .toolbar .header {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 90px;
    line-height: 46px;
    font-weight: 700;
    text-align: center
    }
    .primary .toolbar .breadcrumb {
    background: #efefef;
    display: block;
    font-size: .92em;
    border-top: 1px solid #ccc;
    border-bottom: 0;
    padding: 0 10px;
    margin: 0;
    color: #444
    }
    .primary .toolbar .breadcrumb a {
    position: relative;
    display: inline-block;
    padding-right: .75em;
    margin-right: .33em;
    color: #000
    }
    .primary .toolbar .breadcrumb a:before {
    position: absolute;
    right: 0;
    content: '/';
    color: #444
    }
    .primary .toolbar .breadcrumb a:active {
    text-decoration: none
    }
    .primary .nav {
    overflow: hidden;
    display: block
    }
    .primary ul {
    position: relative;
    margin-left: 0
    }
    .primary ul ul {
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    width: 16rem;
    right: -16rem;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
    .primary ul ul transition all .2s ease {
    z-index: 2;
    border-left: 1px solid #ccc
    }
    .primary ul ul a {
    font-size: 1em
    }
    .primary a:before {
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1;
    font-family: FontAwesome;
    content: "\f054";
    margin: 0;
    color: #999;
    float: right
    }
    .primary a:hover {
    border-color: #444
    }
    .primary a.nav_loading, .primary a.nav_loading:active, .primary a.nav_loading:focus, .primary a.nav_loading:hover {
    background: #1e249e;
    color: #eee
    }
    .primary a.nav_loading:active:before, .primary a.nav_loading:before, .primary a.nav_loading:focus:before, .primary a.nav_loading:hover:before {
    width: 16px;
    height: 16px;
    content: '';
    background-image: url(i/load_reverse.gif);
    margin-right: -4px;
    background-repeat: no-repeat;
    background-position: center center
    }
    .primary header {
    padding: 0 15px;
    overflow: hidden;
    min-height: 46px;
    background: #1e249e;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%);
    color: #eee;
    font-size: 14px;
    line-height: 46px
    }
    .primary header a {
    margin: 0 -15px;
    float: right;
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, .3);
    padding: 3px 7px;
    height: 40px;
    line-height: 40px;
    font-size: .92em;
    font-weight: 700;
    color: #eee;
    background: 0 0;
    -webkit-box-shadow: -1px 1px 0 rgba(255, 255, 255, .1);
    box-shadow: -1px 1px 0 rgba(255, 255, 255, .1)
    }
    .primary header a:before {
    content: "";
    margin: 0;
    display: none
    }
    .primary header a:focus, .primary header a:hover {
    border-color: rgba(0, 0, 0, .3)
    }
    #toolbar, #wrapper {
    overflow: visible;
    position: relative;
    left: 0
    }
    .navActived, .navActived #page {
    overflow: hidden
    }
    }
    @media only screen and (min-width:1025px) {
    #desktop-nav {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0;
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    ul: li ul
    }
    #desktop-nav .nav-loading .home {
    background: url(i/load.gif) 5px center no-repeat
    }
    #desktop-nav .nav-loading .home .icon-home:before {
    content: ''
    }
    #desktop-nav .nav-loading .home:focus .icon-home:before, #desktop-nav .nav-loading .home:hover .icon-home:before {
    content: '\f015'
    }
    #desktop-nav>ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    text-align: center
    }
    #desktop-nav>ul .home {
    width: 32px;
    height: 42px
    }
    #desktop-nav>ul li {
    margin: 0;
    display: inline-block;
    font-size: 13px
    }
    #desktop-nav>ul li a {
    font-weight: 700;
    color: #333
    }
    #desktop-nav>ul li a:active, #desktop-nav>ul li a:focus, #desktop-nav>ul li a:hover {
    background: #1e249e;
    color: #eee
    }
    #desktop-nav>ul>li:hover>a {
    background: #1e249e;
    color: #eee;
    text-decoration: none
    }
    #desktop-nav .menu-cat a {
    display: inline-block;
    position: relative
    }
    #desktop-nav .menu-cat a:focus, #desktop-nav .menu-cat a:hover {
    text-decoration: underline
    }
    #desktop-nav .menu-cat a:focus:after, #desktop-nav .menu-cat a:hover:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: -1em;
    content: "\f054";
    font-family: fontAwesome
    }
    #desktop-nav .features {
    background: #fff;
    clear: both;
    max-height: 40px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
    }
    #desktop-nav .features li {
    width: 25%
    }
    #desktop-nav .features li a {
    display: block;
    color: #161b7a;
    padding: 0;
    line-height: 40px;
    font-weight: 400;
    text-align: center
    }
    #desktop-nav .features li a:active, #desktop-nav .features li a:focus, #desktop-nav .features li a:hover {
    background: inherit;
    color: inherit
    }
    #desktop-nav .features li a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
    }
    #desktop-nav .menu-container {
    position: absolute;
    display: block;
    top: 42px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: #fff;
    z-index: 999
    }
    #desktop-nav .menu-container .features {
    margin-left: -15px;
    margin-right: -15px
    }
    #desktop-nav li.tab-delay .menu-container, #desktop-nav li:hover .menu-container {
    max-height: 1000px;
    -webkit-transition: max-height .2s ease-out .3s;
    -moz-transition: max-height .2s ease-out .3s;
    -o-transition: max-height .2s ease-out .3s;
    -ms-transition: max-height .2s ease-out .3s;
    transition: max-height .2s ease-out .3s
    }
    #desktop-nav .nav-delay li:hover .menu-container {
    display: none !important
    }
    #desktop-nav .menu {
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 20px 15px 0;
    text-align: left
    }
       .orderProcess #desktop-nav, .orderProcess .primary {
    overflow: hidden;
    height: 0;
    border: 0
    }
    .nolink, .primary a[href='#'] {
    cursor: default
    }
    }
    @media only screen and (min-width:1240px) {
    .primary li a {
    padding: 12px 20px
    }
    }
    legend * {
    font-size: .92em;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: #011e62
    }
    label {
    display: inline-block;
    vertical-align: top;
    padding: .5em 1em .33em 0;
    width: 25%;
    text-align: right;
    cursor: text;
    line-height: normal
    }
    input[type=checkbox], input[type=radio], label[for] {
    cursor: pointer
    }
    input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: default
    }
    select {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: top;
    margin-top: .35em
    }
    select:focus {
    color: #333;
    background-color: #feffd0;
    border-color: #1e249e;
    outline: 0;
    -webkit-box-shadow: 0 0 5px rgba(22, 27, 122, .5);
    box-shadow: 0 0 5px rgba(22, 27, 122, .5)
    }
    .select {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 15em;
    display: inline-block;
    border: 1px solid #bbb;
    width: 40.5%;
    margin-left: 4px;
    vertical-align: baseline
    }
    .select li {
    margin-top: -1px;
    margin-bottom: 0;
    border-top: 1px solid #ccc
    }
    .select li a {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    color: #333
    }
    .select li a:focus, .select li a:hover {
    background: #feffd0
    }
    .wide {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
    }
    form fieldset {
    overflow: hidden;
    margin-bottom: 20px
    }
    form fieldset div {
    margin: 0 0 15px
    }
    form .help {
    display: inline-block;
    vertical-align: top;
    margin-top: .5em;
    color: #999
    }
    form .helper {
    display: inline-block;
    margin-top: 3px;
    margin-left: 27.5%;
    color: #666;
    line-height: normal
    }
    form span.error {
    display: inline-block;
    margin-top: 3px;
    margin-left: 27.5%;
    line-height: normal;
    font-weight: 700;
    color: #a52321
    }
    form .optlist {
    display: inline-block;
    width: 70%;
    margin: .6em 0 0;
    padding: 0;
    list-style: none
    }
    form .optlist li {
    margin-left: 1px;
    margin-bottom: .5em
    }
    form .optlist input {
    clear: none;
    float: none
    }
    form .optlist label {
    text-align: left;
    width: auto;
    max-width: 93%;
    padding: 0 0 0 2px
    }
    form .optlist.wide {
    width: 100%
    }
    form .inline ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 70%;
    list-style: none
    }
    form .inline ul li {
    float: left;
    display: inline
    }
    form .inline label[for] {
    min-width: 2em;
    width: auto !important;
    text-align: left;
    clear: none;
    padding-right: 2px
    }
    form .actionlist {
    text-align: right
    }
    form .floatChild {
    display: inline-block;
    position: relative;
    width: 40.5%;
    overflow: visible !important
    }
    form .floatChild p {
    margin-bottom: .5em
    }
    form .floatChild button, form .floatChild input {
    position: relative;
    z-index: 1;
    display: inline;
    float: left;
    margin: 0
    }
    form .floatChild label {
    margin-right: .5em
    }
    form .floatChild input:active, form .floatChild input:focus {
    z-index: 1
    }
    form .floatChild input[type=password], form .floatChild input[type=text] {
    height: 17px;
    width: 80%
    }
    form .floatChild .btn, form .floatChild input[type=submit] {
    position: absolute;
    right: 0;
    margin: 0 0 0 -1px;
    padding: 0 1em;
    height: 29px
    }
    form .floatChild .btn:active, form .floatChild input[type=submit]:active {
    position: absolute;
    top: 0
    }
    form .floatChild .simple, form .floatChild input[type=submit].simple {
    display: inline;
    position: relative !important;
    float: none;
    border: 0;
    padding: 0;
    height: auto;
    text-decoration: underline;
    color: #06e;
    font-size: .92em;
    background: 0 0
    }
    form .floatChild .simple:active, form .floatChild input[type=submit].simple:active {
    top: 0 !important
    }
    .search fieldset {
    margin: 0
    }
    .bt {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #161b7a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
    }
    .bt:active, .bt:focus, .bt:hover {
    text-decoration: none;
    outline: 0;
    color: #fff;
    background: #1e249e
    }
    .bt small {
    display: block
    }
    .btn, .btn[type=button] {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 12px;
    min-height: 18px;
    min-width: 20px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    color: #555;
    background: #eee;
    background: -webkit-linear-gradient(top, #eee, #dedede);
    background: -moz-linear-gradient(top, #eee, #dedede);
    background: -o-linear-gradient(top, #eee, #dedede);
    background: -ms-linear-gradient(top, #eee, #dedede);
    background: linear-gradient(to bottom, #eee, #dedede);
    -webkit-transition: border .2s ease;
    -moz-transition: border .2s ease;
    -o-transition: border .2s ease;
    -ms-transition: border .2s ease;
    transition: border .2s ease;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 0 rgba(255, 255, 255, .2);
    cursor: pointer
    }
    .btn:focus, .btn:hover, .btn[type=button]:focus, .btn[type=button]:hover {
    border-color: #161b7a;
    border-color: rgba(0, 0, 0, .5);
    color: #555
    }
    .btn:active, .btn[type=button]:active {
    position: relative;
    top: 1px;
    border-color: #161b7a
    }
    .btnBold, .btnBold[type=button] {
    color: #eee;
    background: #161b7a;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%)
    }
    .btnBold:focus, .btnBold:hover, .btnBold[type=button]:focus, .btnBold[type=button]:hover {
    color: #eee
    }
    .btnMain {
    font-size: 1.17em
    }
    .btnCompare {
    position: relative;
    margin-top: 5px;
    margin-bottom: 0;
    display: inline-block
    }
    .btnCompare .btn, .btnCompare .btn[type=submit] {
    position: relative;
    z-index: 1;
    height: 3em;
    padding-top: .75em;
    padding-bottom: .75em;
    font-weight: 400
    }
    .btnCompare .btn:active, .btnCompare .btn[type=submit]:active {
    top: 0;
    border-color: #bbb
    }
    .btnDark, .btnDark[type=button], .btnGreen, .btnGreen[type=button],
    .btnIce, .btnIce[type=button], .btnRed, .btnShop, .btnShop[type=button],
    .btn_red[type=button] {
    border-bottom-color: rgba(0, 0, 0, .3);
    color: #eee
    }
    .btnDark:focus, .btnDark:hover, .btnDark[type=button]:focus, .btnDark[type=button]:hover, .btnGreen:focus, .btnGreen:hover, .btnGreen[type=button]:focus, .btnGreen[type=button]:hover, .btnIce:focus, .btnIce:hover, .btnIce[type=button]:focus, .btnIce[type=button]:hover, .btnRed:focus, .btnRed:hover, .btnShop:focus, .btnShop:hover, .btnShop[type=button]:focus, .btnShop[type=button]:hover, .btn_red[type=button]:focus, .btn_red[type=button]:hover {
    color: #eee
    }
    .btnDark i, .btnDark[type=button] i, .btnGreen i, .btnGreen[type=button] i,
    .btnIce i, .btnIce[type=button] i, .btnRed i, .btnShop i, .btnShop[type=button] i,
    .btn_red[type=button] i {
    margin-right: .5em
    }
    .btnGreen, .btnGreen[type=button] {
    background: #efefef;
    background: -webkit-linear-gradient(top, #9ec512 0, #9ec512 30%, #8db00e 60%, #8faf1e 100%);
    background: -moz-linear-gradient(top, #9ec512 0, #9ec512 30%, #8db00e 60%, #8faf1e 100%);
    background: -o-linear-gradient(top, #9ec512 0, #9ec512 30%, #8db00e 60%, #8faf1e 100%);
    background: -ms-linear-gradient(top, #9ec512 0, #9ec512 30%, #8db00e 60%, #8faf1e 100%);
    background: linear-gradient(to bottom, #9ec512 0, #9ec512 30%, #8db00e 60%, #8faf1e 100%);
    color: #333
    }
    .btnGreen:focus, .btnGreen:hover, .btnGreen[type=button]:focus, .btnGreen[type=button]:hover {
    color: #333
    }
    .btnShop, .btnShop[type=button] {
    color: #eee;
    background: #4b9626;
    background: -webkit-linear-gradient(top, #6aba25 0, #4b9626 100%);
    background: -moz-linear-gradient(top, #6aba25 0, #4b9626 100%);
    background: -o-linear-gradient(top, #6aba25 0, #4b9626 100%);
    background: -ms-linear-gradient(top, #6aba25 0, #4b9626 100%);
    background: linear-gradient(to bottom, #6aba25 0, #4b9626 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(255, 255, 255, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(255, 255, 255, .8);
    border: 1px solid rgba(0, 0, 0, .2);
    white-space: nowrap
    }
    .btnShop:focus, .btnShop:hover, .btnShop[type=button]:focus, .btnShop[type=button]:hover {
    color: #eee
    }
    .btnDownload, .btnDownload[type=button] {
    color: #eee;
    background: #3c5b8b;
    background: -webkit-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: -moz-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: -o-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: -ms-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: linear-gradient(to bottom, #5a93b6 0, #3c5b8b 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(255, 255, 255, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(255, 255, 255, .8);
    border: 1px solid rgba(0, 0, 0, .2);
    white-space: nowrap
    }
    .btnDownload:focus, .btnDownload:hover, .btnDownload[type=button]:focus, .btnDownload[type=button]:hover {
    color: #eee
    }
    .btnRed, .btnRed[type=button] {
    background: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background: linear-gradient(to bottom, #ee5f5b, #bd362f)
    }
    .btnDark, .btnDark[type=button] {
    background: #555;
    background: -webkit-linear-gradient(top, #555 0, #333 100%);
    background: -moz-linear-gradient(top, #555 0, #333 100%);
    background: -o-linear-gradient(top, #555 0, #333 100%);
    background: -ms-linear-gradient(top, #555 0, #333 100%);
    background: linear-gradient(to bottom, #555 0, #333 100%)
    }
    .btnIce, .btnIce[type=button] {
    color: #fff;
    background: #75a4b8;
    background: -webkit-linear-gradient(top, #9ccade 0, #75a4b8 100%);
    background: -moz-linear-gradient(top, #9ccade 0, #75a4b8 100%);
    background: -o-linear-gradient(top, #9ccade 0, #75a4b8 100%);
    background: -ms-linear-gradient(top, #9ccade 0, #75a4b8 100%);
    background: linear-gradient(to bottom, #9ccade 0, #75a4b8 100%)
    }
    .btnIce.active, .btnIce[type=button].active {
    -webkit-box-shadow: 0 0 1em 0 #75a4b8;
    box-shadow: 0 0 1em 0 #75a4b8
    }
    .btnIce:focus, .btnIce:hover, .btnIce[type=button]:focus, .btnIce[type=button]:hover {
    color: #fff
    }
    .btnSmall {
    padding-top: .5em;
    padding-bottom: .5em
    }
    .btnBack, .btnBack[type=button] {
    position: relative;
    left: 16px;
    z-index: 2;
    padding: 0;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
    }
    .btnBack:before, .btnBack[type=button]:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: -15px;
    z-index: 1;
    content: '';
    display: block;
    margin-top: -1.19em;
    height: 2.29em;
    width: 2.29em;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top: 0;
    border-right: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    background: -webkit-linear-gradient(top, #eee, #dedede);
    background: -moz-linear-gradient(top, #eee, #dedede);
    background: -o-linear-gradient(top, #eee, #dedede);
    background: -ms-linear-gradient(top, #eee, #dedede);
    background: linear-gradient(to bottom, #eee, #dedede)
    }
    .btnBack span, .btnBack[type=button] span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 12px 10px 12px 2px;
    background: #eee;
    background: -webkit-linear-gradient(top, #eee, #dedede);
    background: -moz-linear-gradient(top, #eee, #dedede);
    background: -o-linear-gradient(top, #eee, #dedede);
    background: -ms-linear-gradient(top, #eee, #dedede);
    background: linear-gradient(to bottom, #eee, #dedede)
    }
    .btnBack:focus *, .btnBack:hover *, .btnBack[type=button]:focus *, .btnBack[type=button]:hover * {
    border-color: rgba(0, 0, 0, .4) !important
    }
    .btnBack:focus:before, .btnBack:hover:before, .btnBack[type=button]:focus:before, .btnBack[type=button]:hover:before {
    border-color: rgba(0, 0, 0, .4)
    }
    .btnBack:active, .btnBack[type=button]:active {
    top: 0
    }
    .btnBack:active:before, .btnBack[type=button]:active:before {
    border-color: #161b7a
    }
    .btnGroup {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: 1px;
    margin: 0
    }
    .btnGroup .btn {
    position: relative;
    z-index: 1;
    float: left;
    margin-top: -1px;
    margin-left: -1px;
    padding-left: 10px;
    padding-right: 10px
    }
    .btnGroup .btn:active, .btnGroup .btn:focus, .btnGroup .btn:hover {
    top: 0;
    z-index: 2
    }
    .toolbar {
    padding: 5px 10px 0;
    border: 1px solid #ccc;
    background: #eee;
    background: -webkit-linear-gradient(top, #eee, #dedede);
    background: -moz-linear-gradient(top, #eee, #dedede);
    background: -o-linear-gradient(top, #eee, #dedede);
    background: -ms-linear-gradient(top, #eee, #dedede);
    background: linear-gradient(to bottom, #eee, #dedede)
    }
    .toolbar .btn {
    margin-bottom: 5px
    }
    .toolbar .btnGroup {
    vertical-align: top
    }
    .toolbar .btnGroup .btn:active, .toolbar .btnGroup .btn:visited:active, .toolbar .btnGroup .btn[type=button]:active {
    top: 0
    }
    .toolbarDark {
    background: #555;
    background: -webkit-linear-gradient(top, #555 0, #333 100%);
    background: -moz-linear-gradient(top, #555 0, #333 100%);
    background: -o-linear-gradient(top, #555 0, #333 100%);
    background: -ms-linear-gradient(top, #555 0, #333 100%);
    background: linear-gradient(to bottom, #555 0, #333 100%)
    }
    .moreInfo {
    display: none
    }
    @media only screen and (max-width:1024px) {
    button, input[type=button], input[type=reset], input[type=submit] {
    height: 45.5px
    }
    .btn, .btn[type=button] {
    min-height: 18px
    }
    .btnBack:before, .btnBack[type=button]:before {
    margin-top: -1.14em;
    height: 2.21em;
    width: 2.22em
    }
    .btnMain {
    margin: 0 auto;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 16px !important
    }
    #backTop {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 999;
    background: #fafafa;
    text-decoration: none;
    padding: 15px;
    color: #161b7a;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #d9d9d9;
    opacity: 1;
    -ms-filter: none;
    filter: none
    }
    #backTop.hidden {
    display: block;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0)
    }
    }
    body, html {
    min-height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased !important
    }
    body {
    background: #fff;
    overflow-x: hidden
    }
    #page {
    position: relative
    }
    #wrapper {
    min-height: 420px;
    background: #fff
    }
    #header .logo {
    padding: 0 10px;
    margin: 0;
    font-size: 26px
    }
    #content {
    clear: both
    }
    #footer {
    position: relative;
    clear: both;
    z-index: 1
    }
    #toolbar, #toolbar ul {
    margin: 0;
    padding: 0
    }
    #toolbar li {
    display: inline;
    float: left;
    margin: 0 5px
    }
    #toolbar a {
    font-weight: 700;
    display: block;
    text-decoration: none;
    padding: 8px 5px;
    color: #333
    }
    #toolbar a span {
    vertical-align: middle;
    text-decoration: none
    }
    #toolbar a:active span, #toolbar a:focus span, #toolbar a:hover span {
    text-decoration: underline
    }
    #toolbar .cart a:active, #toolbar .cart a:active *, #toolbar .cart a:focus, #toolbar .cart a:focus *, #toolbar .cart a:hover, #toolbar .cart a:hover * {
    text-decoration: none !important
    }
    #toolbar .cart .button .qty {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    background: #cb003a;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    color: #efefef;
    -webkit-box-shadow: inset 0 -5px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: inset 0 -5px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .5)
    }
    #toolbar .cart .button i {
    font-size: 20px
    }
    #toolbar .cart .button .empty {
    visibility: hidden
    }
    .search {
    float: left;
    padding: 5px;
    background: #161b7a;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%);
    border: 0
    }
    .search input {
    margin: 0;
    padding-left: 24px;
    padding-right: 10px;
    color: #555;
    font-size: 1.1em;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .3)
    }
    .search span {
    position: absolute;
    color: #999;
    font-size: 1.5em;
    top: 50%;
    left: 10px;
    margin-top: -.58em
    }
    .search button {
    border: 1px solid #444;
    border: 1px solid rgba(0, 0, 0, .3);
    padding: 8px 24px;
    min-height: 0;
    height: 33px !important;
    float: left;
    margin-left: -5px;
    background: #161b7a;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%);
    color: #eee;
    font-weight: 700;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2)
    }
    .search input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    border-color: #161b7a
    }
    .gssb_c {
    position: fixed !important;
    z-index: 9999 !important;
    border-collapse: collapse
    }
    .gssb_c tr:hover td, .gssb_c tr:hover th {
    background: #fff
    }
    .gsc-completion-container {
    border-collapse: collapse
    }
    .gsc-completion-container tr:hover td, .gsc-completion-container tr:hover th {
    background: #fff
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result td {
    padding: 5px;
    border-top: 1px solid #161b7a;
    line-height: normal
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result .cse-sayt-descr {
    font-size: .92em
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result .cse-sayt-title {
    color: #161b7a;
    font-weight: 700
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result .cse-sayt-title a {
    text-decoration: none;
    color: #161b7a
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result .cse-sayt-price {
    color: #cb003a;
    font-weight: 700
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result img {
    width: 45px;
    height: auto
    }
    .gsc-completion-container .cse-sayt-container .cse-sayt-result:first-child td {
    border-top: 0
    }
    .gsc-completion-container .gcs_completion_selected {
    background: #1e249e;
    color: #eee
    }
    .gsc-completion-container .gcs_completion_selected td, .gsc-completion-container .gcs_completion_selected th {
    background: #1e249e
    }
    .gsc-completion-container td {
    border: 1px solid #161b7a;
    color: #333
    }
    .gsc-completion-container td span {
    display: block;
    padding: 7px
    }
    .secondary {
    color: #666
    }
    .secondary a {
    font-size: 12px;
    display: inline-block;
    padding: 5px;
    color: #666
    }
    .contentInfo {
    clear: both;
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 1em;
    border-color: #e3e3e3;
    font-size: .88em;
    text-align: center;
    color: #999
    }
    .contentInfo small {
    font-size: inherit
    }
    .respContent {
    display: inline-block;
    margin: 1em 0
    }
    .toggleControler {
    cursor: pointer
    }
    aside .respContent {
    margin: 0
    }
    .js .respContent, .js .toggleContent {
    display: none
    }
    .js .loading {
    margin-bottom: 1em;
    padding: 1em 0;
    text-align: center;
    font-weight: 700;
    color: #999
    }
    .js .loading span {
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    background: url(i/load.gif) no-repeat
    }
    .sep {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8)
    }
    .pageTitle .buyersGuide, .pageTitle a {
    float: right;
    margin-left: 20px;
    color: inherit
    }
    .pageTitle .buyersGuide small, .pageTitle a small {
    vertical-align: middle;
    margin: -.5em 5px 0
    }
    .print-content, .print-only {
    display: none
    }
    .strength-indicator .psi-indicators {
    display: inline-block;
    min-width: 220px
    }
    .strength-indicator .psi-indicators .psi-message {
    display: block;
    color: #6d6d6d
    }
    .strength-indicator .psi-indicators.clr-bad .psi-message {
    color: #ff4242
    }
    .strength-indicator .psi-indicators.clr-weak .psi-indicator1 {
    background: #e6aa63
    }
    .strength-indicator .psi-indicators.clr-weak .psi-message {
    color: #985f19
    }
    .strength-indicator .psi-indicators.clr-good .psi-indicator1 {
    background: #e6aa63
    }
    .strength-indicator .psi-indicators.clr-good .psi-indicator2 {
    background: #71bd65
    }
    .strength-indicator .psi-indicators.clr-good .psi-message {
    color: #3b7833
    }
    .strength-indicator .psi-indicators.clr-strong .psi-indicator1 {
    background: #e6aa63
    }
    .strength-indicator .psi-indicators.clr-strong .psi-indicator2 {
    background: #71bd65
    }
    .strength-indicator .psi-indicators.clr-strong .psi-indicator3 {
    background: #448ccb
    }
    .strength-indicator .psi-indicators.clr-strong .psi-message {
    color: #2e6ca2
    }
    .strength-indicator .psi-indicators.clr-very-strong .psi-indicator1 {
    background: #e6aa63
    }
    .strength-indicator .psi-indicators.clr-very-strong .psi-indicator2 {
    background: #71bd65
    }
    .strength-indicator .psi-indicators.clr-very-strong .psi-indicator3 {
    background: #448ccb
    }
    .strength-indicator .psi-indicators.clr-very-strong .psi-indicator4 {
    background: #8945a6
    }
    .strength-indicator .psi-indicators.clr-very-strong .psi-message {
    color: #8945a6
    }
    .strength-indicator .psi-indicator {
    display: inline-block;
    width: 49px;
    height: 4px;
    margin: 10px 0 8px;
    background: #ccc
    }
    .strength-indicator .psi-show-password {
    font-size: 11px;
    color: #1531c0;
    cursor: pointer
    }
    @media only screen and (max-width:1024px) {
    .touch {
    display: auto !important
    }
    body {
    font-size: 14px;
    background: #f5f5f5
    }
    #page {
    border: 0;
    background: #fff
    }
    #nav {
    display: none
    }
    #wrapper {
    font-size: 14px
    }
       #header .logo {
    position: relative;
    background: url(i/logo_negative.png) center center no-repeat #1e249e;
    padding: 5px;
    height: 37px;
    text-align: center;
    z-index: 999
    }
    #header .logo a {
    display: inline-block;
    width: 103px;
    height: 36px
    }
    #header .logo img {
    visibility: hidden;
    height: 100%
    }
    #content {
    position: relative;
    clear: both;
    padding: 92px 10px 0;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: -1px 0 1em rgba(0, 0, 0, .3);
    box-shadow: -1px 0 1em rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
    #content>.breadcrumb {
    margin-bottom: 10px
    }
    #footer {
    position: relative;
    z-index: 100;
    background: #f5f5f5
    }
    .desktop {
    display: none
    }
    #toolbar {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    height: 46px;
    width: 100%;
    background: #161b7a;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
    }
    #toolbar li {
    margin-top: 3px;
    margin-left: 0;
    border: 0
    }
    #toolbar li a {
    float: left;
    border: 1px solid #aaa;
    padding: 10px 12px;
    text-decoration: none;
    border-color: rgba(0, 0, 0, .4);
    color: #eee;
    font-weight: 700
    }
    #toolbar li a:active span, #toolbar li a:focus span, #toolbar li a:hover span {
    text-decoration: none
    }
    #toolbar .button {
    background: 0 0
    }
    #toolbar .cart {
    float: left
    }
    #toolbar .cart .button {
    padding: 14px 10px
    }
    #toolbar .cart .button span {
    display: inline-block
    }
    #toolbar .cart .button .icon-shopping-cart {
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
    height: 18px
    }
    #toolbar .cart .button .qty {
    display: block;
    position: absolute;
    top: auto;
    bottom: -7px;
    right: 2px
    }
    .section_nav ul {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
    }
    .search {
    float: none;
    padding: 5px;
    position: relative;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box
    }
    .search input {
    display: block;
    float: none;
    padding-left: 22px;
    width: 100%
    }
    .search input:focus {
    -webkit-appearance: none
    }
    .search button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 36px !important
    }
    .js #searchForm {
    top: -10px;
    position: absolute;
    left: 10px;
    right: 10px;
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    -o-transition: top .3s ease;
    -ms-transition: top .3s ease;
    transition: top .3s ease;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    z-index: 0
    }
    .searchExpanded #searchForm {
    top: 91px
    }
    .oldAndroid {
    overflow-y: auto !important
    }
    .oldAndroid #content {
    padding-top: 0
    }
    .oldAndroid #header {
    position: relative;
    height: 92px
    }
    .oldAndroid .primary {
    position: absolute;
    top: 0;
    left: -16rem !important;
    z-index: 1
    }
    .tabs-controller {
    display: none !important
    }
    }
    @media only screen and (max-width:599px) {
    body {
    border-top: 0
    }
    #wrapper {
    border-bottom: 0;
    padding-top: 0;
    min-width: 240px;
    font-size: 14px
    }
    #content p {
    margin-top: 0
    }
    #footer {
    border-top: 0
    }
    #toolbar {
    top: 46px;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    width: 100%
    }
    #toolbar li {
    position: relative;
    float: left;
    width: 20%;
    margin: 0;
    border: 0
    }
    #toolbar li a {
    float: none;
    display: block;
    border: 0;
    border-left: 1px solid #ccc;
    padding: 14px 0;
    text-align: center;
    border-color: rgba(0, 0, 0, .25);
    border-right: 1px solid rgba(255, 255, 255, .08)
    }
    #toolbar li:first-child a {
    border-left: 0
    }
    #toolbar li:last-child a {
    border-right: 0
    }
    #toolbar li.search {
    padding: 0
    }
    .js .respContent, .respContent {
    display: none !important
    }
    .secondary {
    padding-top: 1em
    }
    .secondary a, .secondary h5 {
    display: inline-block;
    padding: 7px;
    margin: 5px;
    color: #666
    }
    .secondary h5, .secondary strong, .secondary ul {
    margin-bottom: 0 !important
    }
    .secondary li {
    display: none
    }
    .secondary li:nth-child(2), .secondary li:nth-child(3) {
    display: block
    }
    .secondary .col3:last-child {
    display: none
    }
    .btnMain {
    width: 100%
    }
    .noMobile {
    display: none !important
    }
    #toolbar .cart {
    float: right
    }
    label[for*=Password], label[for*=password] {
    display: block
    }
    input.confPassword, input.psi-password {
    width: 65%
    }
    form span.error {
    margin-left: 0
    }
    }
    @media only screen and (min-width:600px) and (max-width:950px) {
    .noMobile {
    display: auto !important
    }
    .mobile {
    display: none !important
    }
    .tablets {
    display: auto !important
    }
    #wrapper {
    position: relative;
    width: 950px
    }
    #content {
    position: relative;
    z-index: 1;
    padding-left: 1rem;
    padding-right: 1rem
    }
    #toolbar {
    z-index: 9998
    }
    #toolbar ul {
    float: right
    }
    #toolbar li {
    margin: 0;
    padding: 0
    }
    #toolbar li a {
    display: block;
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1);
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px
    }
    #toolbar li span {
    text-decoration: none
    }
    #toolbar li .button {
    padding-top: 0 !important;
    padding-bottom: 0 !important
    }
    #toolbar li .button .icon-large {
    line-height: 44px
    }
    #toolbar li.touch {
    position: absolute;
    top: 0;
    left: 0;
    border-left: 0
    }
    #toolbar li.searchBtn {
    margin-left: 6rem
    }
    #toolbar .cart .button .qty {
    position: relative;
    top: 0;
    left: auto
    }
    .secondary .col3 {
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem
    }
    .secondary a {
    padding-left: 0
    }
    input.confPassword, input.psi-password {
    width: 40%
    }
    form span.error {
    margin-left: 33%
    }
    }
    @media only screen and (min-width:1025px) {
    .mobile, .touch {
    display: none !important
    }
    .noMobile {
    display: auto !important
    }
    .js .respImg {
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0)
    }
    #page {
    padding-top: 10px
    }
    #header {
    top: 0 !important;
    min-height: 46px
    }
    #header .logo {
    margin-top: -7px;
    float: left;
    width: auto;
    height: 60px
    }
    .primary {
    margin-top: 7px;
    margin-bottom: 0
    }
    #footer {
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 0;
    border-top: 1px solid #ccc
    }
    #footer .row {
    padding: 0;
    margin: 0
    }
    .contentInfo {
    position: relative;
    top: -1px
    }
    #content {
    position: relative;
    z-index: 0
    }
    #content>.breadcrumb {
    position: relative;
    top: -1px;
    margin-bottom: 10px
    }
    .search {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19%;
    width: 38%;
    background: #8299df
    }
    .search fieldset {
    overflow: hidden
    }
    .search input, .search input[type=search] {
    display: block;
    width: 275px;
    padding: 10px;
    border: 0;
    height: 33px
    }
    .search button {
    position: absolute;
    top: 5px;
    right: 5px
    }
    .orderProcess .search {
    visibility: hidden
    }
    #toolbar {
    float: right
    }
    #toolbar li {
    margin: 0 2px
    }
    #toolbar a {
    padding: 14px 10px 8px 5px
    }
    #toolbar .cart {
    margin-right: 0
    }
    #toolbar .cart .icon-shopping-cart {
    margin-top: 2px
    }
    #toolbar .cart .button {
    font-weight: 700;
    padding-left: 5px;
    padding-top: 12px;
    padding-bottom: 10px;
    color: #eee;
    line-height: 1;
    letter-spacing: .02em;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    border-top: 0;
    background: #161b7a;
    background: -webkit-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -moz-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -o-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: -ms-linear-gradient(top, #1e249e 0, #011e62 100%);
    background: linear-gradient(to bottom, #1e249e 0, #011e62 100%)
    }
    #toolbar .cart .button .qty {
    margin-top: -.33em
    }
    .secondary a {
    padding: 2px 0
    }
    .secondary a:active, .secondary a:focus, .secondary a:hover {
    text-decoration: underline
    }
    .slider, .slider .slide {
    height: 217px !important
    }
    }
    @media only screen and (min-width:1240px) {
    .search input, .search input[type=search] {
    width: 375px
    }
    .slider, .slider .slide {
    height: 275px !important
    }
    }
    .slider {
    overflow: hidden;
    background: #ccc;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
    }
    .slider ul {
    list-style: none;
    padding: 0;
    width: 300%
    }
    .slider .slide {
    float: left;
    width: 33.333%;
    margin: 0;
    padding: 0
    }
    .slider .slide a {
    display: block
    }
    .slider .slide img {
    display: block;
    width: 100%
    }
    #slider.noSwipe {
    overflow: hidden;
    overflow-x: auto
    }
    .slider-pagination {
    position: relative;
    height: 3.15em;
    padding: 0 75px;
    border: 1px solid #ccc;
    text-align: center;
    background: #eee;
    background: -webkit-linear-gradient(top, #eee, #dedede);
    background: -moz-linear-gradient(top, #eee, #dedede);
    background: -o-linear-gradient(top, #eee, #dedede);
    background: -ms-linear-gradient(top, #eee, #dedede);
    background: linear-gradient(to bottom, #eee, #dedede)
    }
    .slider-pagination .btn, .slider-pagination .btn:active {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 3.3em;
    min-width: 6em
    }
    .slider-pagination .next, .slider-pagination .next:active {
    left: auto;
    right: -1px
    }
    .slider-pagination span {
    border: 1px solid #ccc;
    border: 1px solid rgba(255, 255, 255, 0);
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 1px !important;
    text-align: center;
    margin: 15px 3px;
    background: rgba(0, 0, 0, .3);
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 2px rgba(0, 0, 0, .33);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 2px rgba(0, 0, 0, .33)
    }
    .slider-pagination .swiper-active-switch {
    color: #161b7a;
    background: #161b7a;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 2px rgba(0, 0, 0, .33);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 2px rgba(0, 0, 0, .33)
    }
    @media only screen and (max-width:1024px) {
    #slider {
    height: 0
    }
    }
    .product {
    position: relative;
    margin-bottom: 0;
    overflow: hidden
    }
    .product .imgC {
    text-align: center;
    text-decoration: none
    }
    .product .productListImage {
    float: left;
    width: 150px;
    margin-left: 15px;
    margin-right: 10px
    }
    .product .image {
    display: block;
    width: auto;
    height: 89px
    }
    .product .count {
    color: #999;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    font-weight: 700
    }
    .product .productLink {
    position: relative;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #333;
    z-index: 1
    }
    .product .productLink:focus .productTitle, .product .productLink:hover .productTitle {
    text-decoration: underline
    }
    .product .productTitle {
    margin: 0 0 5px;
    line-height: 1.2
    }
    .product .productPitch {
    color: #333 !important
    }
    .product .productPitch * {
    font-style: normal !important;
    font-size: 1em !important;
    color: #333 !important
    }
    .product .productPitch p:last-child {
    margin: 0
    }
    .product .productTitle, .product .productTitle a {
    font-weight: 700;
    color: #161b7a;
    text-decoration: none
    }
    .product .badges {
    margin-top: 10px;
    text-align: center
    }
    .product .badges a {
    display: inline-block;
    margin: 0 2px
    }
    .product .badges a img {
    display: block
    }
    .product .badges img {
    max-height: 48px;
    width: auto
    }
    .product .currentPrice, .product .currentPrice ins {
    font-weight: 700;
    background: 0 0;
    color: #cb003a;
    line-height: 1
    }
    .product .currentPrice {
    font-size: 1.4em
    }
    .product .previousPrice del {
    text-decoration: none
    }
    .product .availability, .product .previousPrice {
    font-size: .88em;
    color: #666
    }
    .product .availability i, .product .availability span, .product .previousPrice i,
    .product .previousPrice span {
    display: inline-block;
    margin-right: 5px
    }
    .product .availability i, .product .previousPrice i {
    font-size: 16px
    }
    .product .availability .unavailable i, .product .previousPrice .unavailable i {
    color: #ccc
    }
    .product .availability .available i, .product .previousPrice .available i {
    color: #488020
    }
    .product .availability {
    clear: left;
    float: none;
    display: block;
    margin: .25em 0;
    font-weight: 700;
    color: #999
    }
    .product .offerSaving {
    color: #161b7a;
    font-weight: 700
    }
    .product .productDescription {
    margin: 0 0 .5em
    }
    .product .productDescription li {
    display: list-item !important;
    margin-bottom: 0
    }
    .product .productDescription li i {
    font-size: 18px;
    margin-top: -4px
    }
    .product .longDescControler {
    display: inline-block
    }
    .product .compare {
    top: 0;
    position: absolute
    }
    .shopList {
    margin-bottom: 1em;
    padding-top: 1px
    }
    .shopList .col1, .shopList .col10, .shopList .col11, .shopList .col12,
    .shopList .col2, .shopList .col3, .shopList .col4, .shopList .col5, .shopList .col6,
    .shopList .col7, .shopList .col8, .shopList .col9 {
    margin-bottom: 0
    }
    .shopList .product {
    margin-top: -1px;
    background: #fff
    }
    .shopList .product form {
    clear: both;
    padding-top: 5px;
    text-align: left
    }
    .resultList .product {
    position: relative;
    z-index: 1;
    text-align: left
    }
    .resultList .product .label-expert {
    top: -10px;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    background: 0 0;
    text-align: center;
    position: absolute
    }
    .resultList .product .label-expert div {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    color: #686e9e;
    background: #fff
    }
    .resultList .product .productTitle {
    font-weight: 400;
    color: #161b7a;
    font-size: 16px
    }
    .resultList .product .productTitle:after {
    display: inline-block;
    visibility: hidden;
    margin-right: 5px;
    font-family: dcg-icons;
    content: '\e601'
    }
    .resultList .product .desc {
    display: block;
    overflow: hidden;
    min-height: 9rem;
    color: inherit;
    text-decoration: none
    }
    .resultList .product .desc:focus .productTitle, .resultList .product .desc:hover .productTitle {
    text-decoration: underline
    }
    .resultList .product .desc:focus .productTitle:after, .resultList .product .desc:hover .productTitle:after {
    visibility: visible
    }
    .resultList .product .badges {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 .3em;
    overflow: hidden;
    width: 150px
    }
    .resultList .product .badges img {
    display: inline-block;
    vertical-align: middle
    }
    .resultList .product .productAdditional {
    clear: left;
    overflow: hidden
    }
    .resultList .product .pack {
    display: inline-block;
    padding: 7px;
    font-size: .92em
    }
    .resultList .product .amounts .main-amount .price {
    font-size: 18px
    }
    .resultList .product .amounts .main-amount .saving {
    font-size: 14px
    }
    .resultList .product .amounts .past-amount span {
    font-size: 9px
    }
    .resultList .product .prd-channels li {
    font-weight: 400;
    min-height: 24px
    }
    .resultList .product .prd-channels li i {
    font-size: 16px
    }
    .resultList .product .productDesc {
    cursor: text;
    margin: .7em 0
    }
    .resultList .product .productDesc .productDescToggle {
    margin: 0 0 .5em 2px;
    color: #161b7a;
    cursor: pointer
    }
    .resultList .product .productDesc .productDescToggle i {
    font-size: 18px;
    line-height: 1;
    vertical-align: middle
    }
    .resultList .product .productDesc .productDescToggle .productDescToggleTitle {
    line-height: 1;
    vertical-align: middle
    }
    .resultList .product .productDesc .productDescToggle.toggleOpen {
    margin-left: 0
    }
    .resultList .product .productDesc .productDescToggle.toggleOpen+.productDescText {
    display: block
    }
    .resultList .product .productDesc .productDescLink {
    color: #161b7a;
    cursor: pointer
    }
    .resultList .product .productDesc .productDescText {
    padding-left: 17px;
    line-height: 1.5;
    display: none
    }
    .resultList .hero-product {
    overflow: visible;
    border: 2px solid #686e9e !important
    }
    .resultList .product, .shopList .product {
    border-top: 1px solid #ccc;
    padding: 10px
    }
    .resultList .image, .shopList .image {
    float: left;
    margin: 0 10px 10px 0;
    width: auto;
    height: 89px
    }
    .resultList .bundle, .shopList .bundle {
    border: 0 !important;
    border-top: 1px solid #ccc !important
    }
    .resultList .bundle:first-child, .shopList .bundle:first-child {
    border-top: 0 !important
    }
    .vList {
    overflow: hidden
    }
    .vList .product {
    margin-top: -1px;
    border-top: 1px solid #ccc
    }
    .vList .product .productLink:focus .desc:before, .vList .product .productLink:hover .desc:before {
    display: none
    }
    .vList .product .image {
    float: left;
    margin-right: 2%
    }
    .vList .product .productTitle {
    font-size: 1.17em
    }
    .vList .product .desc {
    float: left
    }
    .vList .product:first-child {
    border-top: 0
    }
    .buySummary {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ccc
    }
    .buySummary tr th {
    border-bottom: 1px solid #ccc
    }
    .buySummary tr th small {
    font-weight: 400;
    font-size: 1em
    }
    .buySummary tr td {
    border-bottom: 1px solid #ccc;
    vertical-align: bottom;
    text-align: right
    }
    .buySummary tr .amount {
    color: #cb003a
    }
    .buySummary .product img {
    width: 45px;
    height: 40px
    }
    .buySummary .product .desc {
    width: 70%;
    overflow: hidden
    }
    .js .productLongDesc {
    display: none
    }
    .bundle {
    overflow: hidden
    }
    .bundle .productLink {
    display: inline-block
    }
    .bundle .bundleDesc {
    float: left;
    padding: 0;
    width: 65%;
    margin: 0
    }
    .bundle .bundleDesc li {
    margin: 0;
    display: inline-block;
    list-style: none;
    vertical-align: middle
    }
    .bundle .bundleDesc li:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-family: dcg-icons;
    content: '\e604';
    font-size: 1.5em;
    color: #161b7a
    }
    .bundle .bundleDesc li:first-child:before {
    display: none
    }
    .bundle .bundleDesc li a {
    display: inline-block;
    width: 45px;
    height: 40px
    }
    .bundle .bundleDesc li .popInTrigger {
    vertical-align: middle
    }
    .bundle .bundleDesc li .popInTrigger:after {
    display: none
    }
    .bundle .bundleDesc li img {
    float: none;
    display: inline-block;
    margin: 0
    }
    .bundle .bundleDesc li .item {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px
    }
    .bundle .bundleDesc li .item img {
    max-width: 41px;
    max-height: 40px;
    overflow: hidden
    }
    .bundle .bundleDesc li .item button {
    position: absolute;
    top: -1px;
    right: -1px;
    background: #fff;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1;
    overflow: hidden;
    color: #06e;
    border: 2px solid #06e;
    outline: 0 !important
    }
    .bundle .bundleDesc li .item span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    color: #999
    }
    .bundle .bundleDesc li .item span strong {
    font-size: 1.6rem
    }
    .bundle .bundleContent {
    clear: both
    }
    .bundle .bundleContent .productTitle {
    font-size: 1em
    }
    .bundle .productPrices {
    width: 20% !important
    }
    .bundle .productPrices .currentPrice {
    font-size: 1.4em
    }
    .bundle .productAdd {
    float: right
    }
    .emptyBundle .bundleDesc {
    width: 80%
    }
    .emptyBundle .right {
    margin-top: 1.5rem
    }
    .packBuilderContent .action {
    clear: both
    }
    .productDetail .productMedias .offerSaving {
    display: none;
    text-align: left
    }
    .stepProduct .indent {
    padding-left: 110px
    }
    .highlighted {
    background-color: #e6f4ff
    }
    .energyRating {
    margin-left: 16px
    }
    .energyRating h5.nosp {
    margin: 15px 0 0;
    font-size: 12px
    }
    .energyRating a {
    margin-top: 7px;
    display: inline-block
    }
    .energyMoreInfo {
    margin: 6px 0 10px;
    display: inline-block;
    text-decoration: underline
    }
    .energyRatingTick {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
    }
    @media only screen and (max-width:599px) {
    .product {
    padding: 8px 0
    }
    .product .imgC {
    text-align: left
    }
    .product .count {
    font-size: .88em
    }
    .product .productTitle {
    font-size: 1em
    }
    .product .compare {
    left: 0
    }
    .product .compare input {
    display: none
    }
    .product .desc:before {
    font-size: 1.2em;
    line-height: 1;
    font-family: FontAwesome;
    content: "\f054";
    color: #999;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.6em
    }
    .product .currentPrice {
    font-size: 1.24em
    }
    .product .productListImage {
    width: 100px;
    margin-left: 0
    }
    .shopList .productBanner {
    display: none
    }
    .shopList .product form {
    text-align: right
    }
    .shopList .product .productDescription {
    display: none
    }
    .resultList .product .productDescription {
    overflow: hidden;
    font-size: .92em
    }
    .resultList .product .productDescription li {
    width: 90%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
    }
    .resultList .product .productDescription li .ms-tooltip, .resultList .product .productDescription li .popInTrigger {
    display: inline;
    white-space: normal
    }
    .resultList .product .badges {
    display: inline-block;
    top: 8em;
    left: 0;
    max-width: 100px
    }
    .resultList .product .badges a {
    margin: 2px
    }
    .resultList .product .badges .sticker {
    position: absolute;
    top: 0 !important
    }
    .resultList .product .longDescControler {
    float: left;
    clear: both;
    margin-top: 5px;
    margin-bottom: 0
    }
    .resultList .product .productLongDesc {
    background: #fff;
    clear: both
    }
    .resultList .product .productLongDesc a {
    padding: 5px;
    display: block;
    width: auto
    }
    .resultList .product .productAdditional .moreInfo, .resultList .product .productDesc {
    display: none
    }
    .resultList .product, .shopList .product {
    padding: 8px 0
    }
    .resultList .image, .shopList .image {
    width: auto;
    height: 89px
    }
    .bundle .bundleDesc {
    width: 100%;
    float: none
    }
    .bundle .productPrices {
    float: left;
    width: auto !important
    }
    .popInContainer .vList .product .desc:before {
    display: none
    }
    .stepProduct .saving {
    font-size: 1.24em
    }
    .moreInfo, .moreInfo .badges, .moreInfo .sticker, .stepProduct .desc:before {
    display: none
    }
    .product .sticker, .product .stickerInline {
    display: block
    }
    .product .offerSaving {
    display: inline;
    position: static
    }
    .btnCompare {
    display: none
    }
    .emptyBundle .bundleDesc a, .emptyBundle .bundleLink a {
    width: auto
    }
    .emptyBundle .bundleDesc:before, .emptyBundle .bundleLink:before {
    display: none
    }
    .vertical-prd a.prd:focus, .vertical-prd a.prd:hover {
    border-color: transparent
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    .product .offerSaving, .product .sticker {
    font-size: .88em
    }
    .shopList {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: 0
    }
    .shopList .col2, .shopList .col3 {
    float: left !important;
    width: 50% !important;
    text-align: center;
    border-top: 1px solid #ccc
    }
    .shopList .col2:nth-child(2n+1), .shopList .col3:nth-child(2n+1), .shopList .colNthChild2n {
    clear: left
    }
    .shopList .productBanner {
    width: auto
    }
    .shopList .productBanner+.product {
    border-top: 0
    }
    .shopList:before {
    display: block;
    content: '';
    position: absolute;
    top: 1px;
    left: 50%;
    bottom: 0;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    overflow: hidden;
    z-index: 1
    }
    .shopList .product {
    text-align: left
    }
    .shopList .product .desc {
    width: 58%
    }
    .shopList .product form {
    text-align: right
    }
    .shopList+.shopList {
    margin-top: -1px
    }
    .resultList {
    display: block;
    border: 1px solid #ccc;
    border-top: 0
    }
    .resultList .stamped .offerSaving {
    -webkit-border-radius: 0 5.8em 5.8em;
    border-radius: 0 5.8em 5.8em;
    color: #fff;
    font-family: Gotham, Arial, sans-serif;
    line-height: 1;
    padding: 5px;
    width: 59px;
    height: 59px;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    background: #1e249e;
    background: -webkit-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -moz-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -o-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -ms-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: linear-gradient(to bottom right, #213a7b 0, #682670 100%)
    }
    .resultList .obProduct .offerSaving {
    position: relative;
    top: .5em;
    left: auto;
    right: 15px;
    white-space: nowrap
    }
    .resultList .obProduct .offerSaving:before {
    bottom: auto;
    top: -.45em;
    left: 85%;
    border-top: 0;
    border-bottom: .5em solid #5b2a72
    }
    .resultList .product {
    padding-left: 20px;
    position: relative
    }
    .resultList .product .desc {
    float: none;
    width: auto
    }
   .resultList .product .desc .productPrices {
    float: right;
    width: 40%
    }
    .resultList .product .desc .offerSaving {
    text-align: left;
    float: right;
    display: block;
    position: relative
    }
    .resultList .product .productListImage {
    width: 100px;
    margin-left: 0
    }
    .resultList .product .product-images {
    position: relative
    }
    .resultList .product .product-images .sticker {
    top: -.5em !important
    }
    .resultList .product .image {
    width: 100px;
    height: auto
    }
    .resultList .product .count {
    display: inline-block;
    margin-left: .5em
    }
    .resultList .productCompare {
    padding-left: 55px
    }
    .resultList .productCompare label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    text-align: center;
    background: #efefef;
    cursor: pointer
    }
    .resultList .productCompare .count {
    position: static
    }
    .resultList .productCompare input[type=checkbox] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.5em;
    margin-left: -.5em
    }
    .btnCompare {
    display: auto !important
    }
   
    .alertSuccess .col4 {
    float: left !important;
    width: 40% !important;
    width: 80%
    }
    .resultList .bundle, .shopList .bundle {
    padding-left: 10px;
    padding-bottom: 20px
    }
   
    .resultList .bundle .offerSaving, .resultList .bundle .sticker, .shopList .bundle .offerSaving,
    .shopList .bundle .sticker {
    margin-top: -10px !important;
    right: auto !important
    }
    .resultList .product .badges, .shopList .product .badges {
    width: 100px
    }
    .bundle {
    position: relative
    }
    .bundle .bundleDesc li a, .bundle .imageDesk li a {
    width: auto;
    height: 89px
    }
    .bundle .bundleDesc {
    float: none;
    width: 100%;
    margin-bottom: .5em
    }
    #product-actions.desktop {
    display: none !important
    }
    }
    @media only screen and (min-width:1025px) {
    aside {
    display: block !important
    }
    .product .image {
    width: auto;
    height: 133px
    }
    .product .count {
    left: 7px;
    font-size: 1em
    }
    .shopList .productBanner {
    width: 100%;
    max-height: 40px
    }
    .shopList .stamped .offerSaving {
    position: relative !important;
    top: 0 left 0;
    color: #161b7a;
    font-size: 1em;
    line-height: 1;
    background: 0 0;
    display: inline;
    padding: 0;
    width: auto;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
    }
    .shopList .product {
    text-align: center;
    margin: 0
    }
    .shopList .product .image {
    float: none;
    margin: 0 auto 10px
    }
    .shopList .product .productTitle {
    font-size: 1.02em
    }
    .shopList .product .desc {
    text-align: left;
    width: 100%
    }
    .resultList .product {
    position: relative;
    z-index: 0;
    padding: 20px 0 10px;
    margin-top: -1px;
    text-align: left;
    border: 1px solid #ccc;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    -ms-transition: border .3s ease;
    transition: border .3s ease
    }
    .resultList .product:hover {
    z-index: 1;
    border-color: #161b7a
    }
    .resultList .product .view-details {
    text-align: center;
    margin: 0 0 10px
    }
    .resultList .product .button {
    display: inline-block;
    background: #161b7a;
    color: #fff;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
    .resultList .product .sticker {
    top: 0;
    left: 25px
    }
    .resultList .product .imgC {
    margin-left: 15px;
    margin-right: 10px;
    text-decoration: none
    }
    .resultList .product .desc {
    float: none;
    width: 73%
    }
   
    .resultList .product .desc .alert {
    font-size: .88em;
    clear: left
    }
    .resultList .product .productAdditional {
    position: relative;
    clear: left
    }
    .resultList .product .productAdditional .moreInfo {
    display: none
    }
    .resultList .product .productDescription {
    margin-top: .5em;
    background: #fff
    }
    .resultList .product .productPrices {
    float: right;
    width: 35%
    }
    .resultList .product .compare {
    left: 0;
    bottom: 0;
    padding: 9px 0;
    width: 25px;
    text-align: center;
    background: #f4f4f4;
    cursor: pointer
    }
    .resultList .product .compare input {
    width: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em
    }
    .resultList .product .offerSaving {
    margin-top: 5px;
    display: inline-block;
    text-align: left;
    position: static;
    margin-left: 10px
    }
    .resultList .product .channels-availability {
    text-align: center
    }
    .resultList .product .channels-availability ul {
    display: inline-block;
    text-align: left
    }
    .resultList .productCompare {
    padding-left: 35px
    }
    .resultList .productCompare .imgC {
    margin-left: 0
    }
    .resultList .obProduct .offerSaving {
    position: relative !important;
    top: .5em;
    left: auto;
    right: 15px;
    white-space: nowrap
    }
    .resultList .obProduct .offerSaving:before {
    bottom: auto;
    top: -.45em;
    left: 85%;
    border-top: 0;
    border-bottom: .5em solid #5b2a72
    }
    .resultList .stamped .offerSaving {
    position: relative !important;
    top: 0 left 0;
    -webkit-border-radius: 0 5.8em 5.8em;
    border-radius: 0 5.8em 5.8em;
    color: #fff;
    font-family: Gotham, Arial, sans-serif;
    font-size: 1em;
    line-height: 1;
    padding: 5px;
    width: 59px;
    height: 59px;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    background: #1e249e;
    background: -webkit-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -moz-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -o-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -ms-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: linear-gradient(to bottom right, #213a7b 0, #682670 100%)
    }
    .resultList .hero-product {
    overflow: visible;
    border: 2px solid #686e9e;
    margin: 20px 0
    }
    .resultList .bundle .productPrices, .shopList .bundle .productPrices {
    float: left
    }
    .resultList .product .badges, .shopList .product .badges {
    display: inline-block
    }
    .resultList .hasBadges .image, .shopList .hasBadges .image {
    margin-bottom: 0
    }
    .bundle {
    position: relative
    }
    .bundle .bundleDesc li a, .bundle .imageDesk {
    width: auto;
    height: 89px
    }
    .bundle .bundleDesc {
    margin-bottom: .5em
    }
    .product-hero #product-actions {
    top: -500px
    }
    }
    @media only screen and (min-width:1240px) {
    .product .productTitle {
    font-size: 1.17em
    }
    .resultList .product .desc {
    width: 80%
    }
    .resultList .obProduct .offerSaving {
    right: 0
    }
    .packBuilderSummary .productPrices {
    float: left;
    width: 15%
    }
    .packBuilderSummary .productPurchase {
    margin: 0;
    clear: none;
    width: 20%
    }
    .packBuilderSummary .bundle {
    float: left;
    width: 65%
    }
    .product-hero #product-actions {
    top: -600px
    }
    }
    .tabsEl {
    overflow: hidden
    }
    .tabsEl>ul {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
    }
    .tabsEl>ul li {
    float: left;
    margin: 0
    }
    .tabsEl>ul li a {
    position: relative;
    display: block;
    padding: 5px 15px;
    line-height: 44px;
    text-decoration: none;
    color: #161b7a;
    border: 1px solid transparent
    }
    .tabsEl>ul li a:focus, .tabsEl>ul li a:hover {
    text-decoration: underline
    }
    .tabsEl>ul li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    width: 1px;
    height: 50%;
    margin-top: -11px;
    background: #d9d9d9
    }
    .tabsEl>ul li .active {
    color: #333;
    border-color: #d9d9d9 #d9d9d9 #fff;
    outline: 0;
    cursor: default
    }
    .tabsEl>ul li .active:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    content: '';
    background: #161b7a
    }
    .tabsEl>ul li .active:after {
    display: none
    }
    .tabsEl>ul li .active:active, .tabsEl>ul li .active:focus, .tabsEl>ul li .active:hover {
    text-decoration: none
    }
    .tabsEl>ul li:last-child a:after {
    display: none
    }
    .tabsEl .tabContents {
    clear: both;
    border-top: 1px solid #d9d9d9;
    padding: 1em;
    position: relative;
    top: -1px
    }
    .tabsEl .tabContent {
    position: absolute;
    left: -9999px
    }
    .tabsEl .tabShow {
    position: relative;
    left: 0
    }
    .old-tabs>ul {
    display: table-row;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
    }
    .old-tabs>ul li {
    float: none;
    display: table-cell
    }
    .old-tabs>ul li a {
    padding: 12px;
    border: 1px solid #06e;
    border-left: 0;
    line-height: normal;
    text-align: center;
    background: #efefef;
    color: #06e
    }
    .old-tabs>ul li a:after {
    display: none
    }
    .old-tabs>ul li .active {
    border: 1px solid #06e;
    border-left: 0;
    color: #000;
    background: 0 0
    }
    .old-tabs>ul li .active:before {
    display: none
    }
    .old-tabs>ul li:first-child a {
    border-left: 1px solid #06e
    }
    @media only screen and (max-width:599px) {
    .tabsEl.tabsElAlt {
    margin: 0 !important
    }
    .tabsEl.tabsElAlt .tab {
    margin-bottom: 5px
    }
    .tabsEl.tabsElAlt .tabContents {
    border: 0;
    top: 0;
    padding: 1px 0 0
    }
    .tabCtl {
    position: relative;
    display: block;
    padding: 15px;
    font-weight: 700;
    text-decoration: none;
    color: #161b7a;
    background: #efefef
    }
    .tabCtl:focus, .tabCtl:hover {
    text-decoration: underline
    }
    .tabCtl:active, .tabCtl:focus, .tabCtl:hover {
    color: #161b7a;
    outline: 0
    }
    .tabCtl:active, .tabCtl:active:focus, .tabCtl:active:hover {
    text-decoration: none
    }
    .tabCtl:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    font: 400 16px FontAwesome;
    content: '\f054'
    }
    .tabCtl.active {
    background: #fff;
    color: #333
    }
    .tabCtl.active:active, .tabCtl.active:focus, .tabCtl.active:hover {
    text-decoration: none;
    color: #333
    }
    .tabCtl.active:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    content: '';
    background: #161b7a
    }
    .tabCtl.active:after {
    content: '\f078';
    color: #161b7a
    }
    }
    .packBuilderSummary .productPrices {
    float: right;
    width: 30%;
    text-align: right
    }
    .packBuilderSummary .productTitle {
    clear: both
    }
    .packBuilderSummary .productPurchase {
    float: right;
    clear: right;
    margin-top: 1rem;
    width: 30%;
    text-align: right
    }
    .packBuilderSummary .productPurchase button {
    margin-bottom: 1rem
    }
    .packBuilderSummary .packRestart {
    text-align: right;
    float: right;
    clear: right
    }
    .packBuilderSummary .bundle {
    float: left;
    width: 70%
    }
    .packBuilderSummary .bundle .bundleDesc {
    width: auto
    }
    .packBuilderSummary .bundle .bundleDesc li {
    min-width: 75px;
    margin-bottom: 10px
    }
    .packBuilderSummary .bundle .bundleDesc li:first-child {
    min-width: 0
    }
    .packBuilderSummary .btn {
    border: 0;
    padding: 10px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ccc;
    font-weight: 400
    }
    .packBuilderSummary .btnShop {
    color: #fff;
    background: #488020;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
    }
    .packBuilderSummary .btnShop:focus, .packBuilderSummary .btnShop:hover {
    background: #569622
    }
    .packBuilder .shopList .product .action .btn-disabled, .packBuilderContent .btn-add.disabled {
    cursor: default;
    border: 0;
    color: #999 !important;
    background: #dadada !important
    }
    .packBuilder .shopList .product .action .btn-disabled:focus, .packBuilder .shopList .product .action .btn-disabled:hover, .packBuilderContent .btn-add.disabled:focus, .packBuilderContent .btn-add.disabled:hover {
    background: #dadada !important
    }
    .packBuilder .shopList .product .action .btn-disabled:active, .packBuilderContent .btn-add.disabled:active {
    top: 0
    }
    .packBuilderContent {
    border: 1px solid #ccc;
    padding: 1em
    }
    .packBuilderContent .tabsEl .tabContents {
    padding-left: 0;
    padding-right: 0;
    top: -1px
    }
    .packBuilderContent .btn-add {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
    }
    .packBuilderContent .btn-remove.disabled {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    cursor: pointer
    }
    .smallHeading {
    font-size: .92em;
    color: #999;
    text-transform: uppercase;
    font-weight: 700
    }
    .packBuilder .shopList {
    margin: 0 60px;
    padding-top: 1rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
    }
    .packBuilder .shopList .productLink:after {
    display: none !important
    }
    .packBuilder .shopList .product {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0;
    display: inline-block;
    vertical-align: top;
    margin-left: -.23rem;
    width: 33.3333%;
    white-space: normal
    }
    .packBuilder .shopList .product .offerSaving {
    width: 56px;
    height: 56px;
    text-align: center;
    text-indent: -5px;
    line-height: 50px;
    font-size: 1rem;
    background: #161b7a;
    background: -webkit-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -moz-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -o-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -ms-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: linear-gradient(to bottom right, #213a7b 0, #682670 100%);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
    }
    .packBuilder .shopList .product .desc:before {
    display: none !important
    }
    .packBuilder .shopList .product .action .btn {
    padding: 10px 20px;
    border: 0;
    min-width: 50%;
    color: #fff;
    font-weight: 400;
    background: #488020;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
    }
    .packBuilder .shopList .product .action .btn:focus, .packBuilder .shopList .product .action .btn:hover {
    background: #569622
    }
    .js .packBuilder .btnNext, .js .packBuilder .btnPrev {
    position: absolute;
    top: 25%;
    background: 0 0;
    border: 0;
    margin-top: -1.5rem;
    color: #161b7a;
    cursor: pointer
    }
    .js .packBuilder .btnNext i, .js .packBuilder .btnPrev i {
    font-size: 40px
    }
    .js .packBuilder .disabled {
    border-color: #ccc;
    color: #ccc;
    cursor: default
    }
    .js .packBuilder .btnNext {
    right: 0
    }
    .js .packBuilder .btnPrev {
    left: 0
    }
    .js .packBuilder .shopList {
    overflow: hidden
    }
    .js .packBuilder.disabled .shopList .btn {
    border-color: #ccc;
    color: #ccc;
    cursor: pointer
    }
    .feedback {
    position: fixed;
    bottom: -50px;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background: #161b7a;
    -webkit-transition: bottom .2s ease-in-out;
    -moz-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    -ms-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
    }
    .feedback .btn {
    border-color: #fff;
    color: #fff;
    background: 0 0;
    line-height: 1;
    height: 45px;
    margin: -2px 1rem 0
    }
    .feedback-ok {
    cursor: pointer;
    background: #4b9626;
    text-decoration: underline
    }
    .feedback-error {
    background: #c0392b
    }
    .display-feedback {
    bottom: 0
    }
    @media only screen and (min-width:1240px) {
    .packBuilder .shopList .product {
    width: 25%
    }
    }
    @media only screen and (max-width:599px) {
    .packBuilderSummary .bundleDesc {
    padding: 1rem 1rem 1rem 0;
    text-align: center;
    border: 1px dotted #ccc;
    margin-bottom: 1rem
    }
    .packBuilderSummary .productPurchase {
    clear: both;
    width: auto
    }
    .packBuilderSummary .packRestart {
    float: left;
    clear: none;
    margin-top: 1rem
    }
    .packBuilderSummary .bundle, .packBuilderSummary .productPrices {
    float: none;
    width: auto
    }
    .packBuilder .shopList {
    padding: 0;
    margin: 0;
    overflow: visible;
    height: auto !important
    }
    .packBuilder .shopList .product {
    border-top: 1px solid #ccc;
    float: none;
    width: 100%;
    display: block;
    margin-left: 0
    }
    .packBuilder .shopList .product:first-child {
    border: 0
    }
    .packBuilder .shopList .product .productLink {
    min-height: 140px
    }
    .packBuilder .shopList .product .action {
    height: 56px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 0;
    white-space: nowrap
    }
    .packBuilder .shopList .product .image {
    position: absolute;
    top: 10px;
    left: 0;
    width: 69px;
    height: auto
    }
    .packBuilder .shopList .product .desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 109px;
    width: 100%
    }
    .packBuilder .shopList .product .offerSaving {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 0 40px 40px;
    border-radius: 0 40px 40px;
    line-height: 40px;
    font-size: .8rem;
    text-indent: 0;
    color: #fff
    }
    }
    @media only screen and (max-width:1024px) {
    .packBuilder .packBuilderSummary .bundleDesc li:first-child {
    margin-left: 3.35rem
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    .packBuilder .tabContents {
    padding: 0
    }
    .packBuilder .tabContents .shopList {
    border: 0
    }
    .packBuilder .tabContents .shopList:before {
    display: none
    }
    .packBuilder .tabContents .shopList .product {
    width: 33.333%;
    min-height: 0
    }
    .packBuilder .tabContents .shopList .product .desc, .packBuilder .tabContents .shopList .product .image {
    float: none
    }
    .packBuilder .tabContents .shopList .product .image {
    margin: 0 auto 10px
    }
    .packBuilder .tabContents .shopList .product .desc {
    width: 100%
    }
    }
    @media only screen and (max-width:1024px) {
    .packBuilder .shopList {
    height: auto !important
    }
    }
    @media only screen and (min-width:600px) {
    .product .offerSaving, .product .sticker {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: -4px;
    left: -4px;
    color: #fff;
    font-size: 1em;
    line-height: 1;
    padding: 5px;
    width: 59px;
    height: 59px;
    z-index: 1
    }
    .product .offerSaving {
    background: #1e249e;
    background: -webkit-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -moz-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -o-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -ms-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: linear-gradient(to bottom right, #213a7b 0, #682670 100%)
    }
    .product .badges {
    margin-bottom: .5em
    }
    .product .badges img {
    margin-bottom: 3px
    }
    .product .offerSavingInline {
    display: none
    }
    .product .sticker {
    text-align: left;
    background: #686e9e
    }
    .product .stickerCashback, .product .stickerClear, .product .stickerNew,
    .product .stickerSale {
    padding: .3em
    }
    .product .stickerNew, .product .stickerSale {
    font-size: 1.3em;
    color: #fff
    }
    .product .stickerNew {
    background: #97c93d
    }
    .product .stickerSale {
    background: #e01f26
    }
    .product .stickerClear {
    background: #fde700;
    color: #222
    }
    .product .stickerTrade {
    padding-top: 1em;
    height: 3.6em;
    background: -webkit-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -moz-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -o-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: -ms-linear-gradient(top left, #213a7b 0, #682670 100%);
    background: linear-gradient(to bottom right, #213a7b 0, #682670 100%)
    }
    .product .stickerTrade span {
    display: inline-block;
    position: relative;
    top: .18em;
    left: .2em;
    padding: .2em .2em .15em 0;
    background: #e01f26;
    white-space: nowrap;
    line-height: normal;
    margin-left: .4em;
    font-size: .92em
    }
    .product .stickerTrade span:before {
    content: '';
    position: absolute;
    left: -.75em;
    top: 0;
    height: 0;
    width: 0;
    border: .78em solid #e01f26;
    border-top-color: transparent;
    border-left: 0;
    border-bottom-color: transparent
    }
    .product .stickerTrade span:first-child {
    background: #fff;
    color: #333;
    top: 0;
    left: -.5em;
    padding-left: .2em;
    padding-right: 0
    }
    .product .stickerTrade span:first-child:before {
    left: auto;
    right: -.75em;
    border: .8em solid #fff;
    border-top-color: transparent;
    border-right: 0;
    border-bottom-color: transparent
    }
    .product .stickerCashback {
    background: #f8991d;
    color: #222
    }
    .product .stickerCashback, .product .stickerClear {
    font-size: 1.1em
    }
    .product .stickerImg {
    width: auto;
    height: auto;
    background: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    top: -10px;
    overflow: visible
    }
    .product .stickerImg img {
    display: block
    }
    .bundle .offerSaving, .obProduct .offerSaving {
    position: relative !important;
    margin-top: 1em !important;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: auto;
    height: auto;
    font-size: 1em;
    font-family: Arial, Sans-serif;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
    }
    .bundle .offerSaving:before, .obProduct .offerSaving:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -.45em;
    left: 25%;
    margin-left: -1em;
    width: 0;
    height: 0;
    border: .5em solid #213a7b;
    border-top: 0;
    border-right-color: transparent;
    border-left-color: transparent
    }
    .obProduct .offerSaving {
    margin-top: 0 !important;
    position: absolute !important;
    top: -4px;
    left: 0
    }
    .obProduct .offerSaving:before {
    top: auto;
    bottom: -.45em;
    border-top: .5em solid #213a7b;
    border-bottom: 0
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    .stamped .offerSaving, .stamped .offerSavingInline {
    position: relative;
    top: 0;
    left: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #161b7a;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 0;
    width: auto;
    height: auto;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
    .shopList .product {
    min-height: 12em
    }
    .shopList .product .image {
    margin-top: 2em
    }
    .shopList .product .offerSaving, .shopList .product .sticker {
    left: 0;
    top: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
    }
    .resultList .product .offerSaving, .resultList .product .sticker {
    display: inline-block;
    position: relative !important;
    top: 10px !important;
    left: auto;
    right: auto
    }
    .resultList .product .sticker {
    position: absolute !important;
    top: -2.5em !important;
    left: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
    }
    .resultList .product .productLink {
    position: static
    }
    .productDetail .sticker {
    left: 10px;
    top: 10px
    }
    .productDetail .productMedias .sticker+.offerSaving {
    display: none
    }
    .productDetail .productMedias .offerSaving {
    display: block;
    left: 10px;
    top: 10px
    }
    .productDetail .productPrices .offerSaving {
    display: none
    }
    }
    .filters a {
    font-size: .92em;
    padding: 7px 1em 5px;
    line-height: normal;
    font-weight: 400
    }
    .filters a strong {
    display: inline-block;
    margin-left: 5px
    }
    .brandCats li a {
    display: block;
    text-decoration: none
    }
    .brandCats li figure {
    overflow: hidden;
    border: 1px solid #ddd
    }
    .brandCats li figure img {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -75px
    }
    .brandCats li p {
    color: #444;
    font-weight: 700;
    padding: .5em;
    text-decoration: none
    }
    .box-title {
    padding-bottom: 5px;
    font-size: 1.6em;
    font-weight: 400;
    color: #161b7a;
    border-bottom: 1px solid #eee
    }
    .star-ucms a {
    text-decoration: none
    }
    .star-ucms .in {
    border: 1px solid #ccc;
    text-align: center
    }
    .star-ucms .in h1 {
    color: #161b7a;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin: 0 15px;
    padding: 10px 5px;
    border-bottom: 1px solid #ccc
    }
    .star-ucms .in img {
    display: block;
    max-width: 100%;
    max-height: 100px;
    margin: 10px auto
    }
    .whats-hot .col6 {
    overflow: hidden
    }
    .whats-hot .product-banner {
    display: block;
    height: 36px
    }
    .whats-hot .product .in {
    overflow: hidden;
    position: relative
    }
    .whats-hot .product .productLink {
    padding-top: 10px
    }
    .whats-hot .product .image {
    position: absolute;
    width: 226px;
    height: 200px
    }
    .whats-hot .product .desc {
    position: relative;
    float: none;
    width: auto;
    padding-top: 10px;
    padding-left: 236px;
    padding-bottom: 20px;
    min-height: 200px;
    text-align: right
    }
    .whats-hot .product .desc:before {
    display: none
    }
    .whats-hot .product .productDescription {
    text-align: left
    }
    .whats-hot .product .availability .nowrap {
    width: auto
    }
    .whats-hot .product .availability .nowrap:last-child {
    margin-right: 0
    }
    .banners-container {
    margin-bottom: 20px;
    text-align: center
    }
    .banners-container .box-title {
    text-align: left
    }
    .banners-container img {
    display: block;
    max-width: 100%;
    margin: 0 auto
    }
    .top-sellers .tabs-container {
    position: relative;
    padding: 0 1rem
    }
    .top-sellers .tabs-container .btn {
    position: absolute;
    top: 0;
    padding: 0;
    border: 0;
    height: 52px;
    width: 2rem;
    line-height: 36px;
    background: #fff
    }
    .top-sellers .tabs-container .btnPrev {
    left: -1rem
    }
    .top-sellers .tabs-container .btnNext {
    right: -1rem
    }
    .top-sellers .tabs-container .disabled {
    color: #d2d2d2;
    cursor: default
    }
    .top-sellers .tabsEl {
    overflow: visible
    }
    .top-sellers .tabs {
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    padding-bottom: 20px
    }
    .top-sellers .tabs li {
    display: inline-block;
    margin: 0;
    font-size: 13px
    }
    .top-sellers .tabs a {
    display: block;
    padding: 10px 60px;
    background: #b1b1b1;
    text-decoration: none;
    color: #fff
    }
    .top-sellers .tabs a.active {
    position: relative;
    background: #1184c5
    }
    .top-sellers .tabs a.active:before {
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    content: '';
    font-size: 0;
    height: 0;
    width: 0;
    border: 15px solid #1184c5;
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom: 0
    }
    .top-sellers .tabContents {
    clear: left;
    padding: 0;
    border-top: 0;
    top: 0
    .brandCats li {
    margin-bottom: 0 !important
    }
    .brandCats li a {
    position: relative;
    border-top: 1px solid #ccc
    }
    .brandCats li a:before {
    font-size: 1.2em;
    line-height: 1;
    font-weight: 400;
    font-family: FontAwesome;
    content: "\f054";
    color: #999;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.6em
    }
    .brandCats li a figure {
    display: inline-block;
    vertical-align: middle;
    border: 0
    }
    .brandCats li a figure img {
    display: inline-block;
    left: 0;
    margin-left: 0;
    margin-right: 2%
    }
    .brandCats li a p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    height: auto
    }
    }
    @media only screen and (min-width:1025px) {
    a[href="#copNav"], a[href="#filters"].toggleControler {
    display: none
    }
    .resultSearch .product {
    padding-left: 10px
    }
    .shopList .product {
    border: 0
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    .star-ucms {
    width: 102%;
    left: -2%
    }
    .star-ucms .col3 {
    width: 48%;
    margin-left: 2%
    }
    .top-sellers .shopList {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
    }
    @media only screen and (max-width:599px) {
    .whats-hot .product .image {
    height: 89px;
    width: 100px
    }
    .whats-hot .product .desc {
    padding-left: 120px;
    min-height: 100px
    }
    .top-sellers .tabCtl {
    background: #b1b1b1;
    color: #fff
    }
    .top-sellers .tabCtl.active {
    border-color: #1184c5;
    background: #1184c5
    }
    }
    .search-filters {
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -webkit-touch-callout: none
    }
    .search-filters a {
    display: inline;
    padding: 0;
    margin: 0
    }
    .search-filters a.view-more {
    display: inline-block;
    margin: 0 2em 1em;
    cursor: pointer
    }
    .search-filters header {
    overflow: hidden
    }
    .search-filters header h1 {
    float: left;
    font-size: 14px;
    padding: 1rem 10px;
    margin: 0
    }
    .search-filters header .btn-reset {
    float: right;
    margin-top: .5rem;
    margin-right: 10px;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2rem;
    line-height: 2rem;
    background: #efefef;
    color: #666;
    font-size: .92em;
    font-weight: 700
    }
    .search-filters header .btn-reset:before {
    display: none
    }
    .search-filters header .btn-reset:focus {
    outline: orange solid 1px
    }
    .search-filters label[for] {
    display: inline;
    width: auto
    }
    .search-filters input[disabled]+label[for] {
    color: #999;
    cursor: default
    }
    .search-filters .filter-img {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    vertical-align: middle
    }
    .filters-cat {
    clear: both;
    margin: 0;
    padding-bottom: 0 !important
    }
    .filters-cat .header {
    margin: 0;
    padding: 1rem 10px 10px;
    border-top: 1px solid #ccc;
    font-size: 1em;
    position: relative
    }
    .filters-cat .header .icon {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #999;
    padding: 5px;
    background: #efefef;
    cursor: pointer
    }
    .filters-cat .header .icon:before {
    cursor: pointer
    }
    .filters-cat ul {
    padding: 0 10px 1em;
    margin: 0
    }
    .js .filters-cat .header {
    cursor: pointer
    }
    .js .filters-cat .header .icon {
    display: block
    }
    .filters-cat.collapsed.collapsed {
    padding-bottom: 0
    }
    .filters-cat.collapsed.collapsed a.view-more, .filters-cat.collapsed.collapsed ul {
    display: none
    }
    .filters-cat.collapsed.collapsed header {
    display: block
    }
    .filters-cat.collapsed.collapsed .icon-chevron-up:before {
    content: "\f078" !important
    }
    #price-slider {
    margin: 0;
    padding: 1em 0;
    white-space: nowrap
    }
    #price-slider [data-component=multiple-range] {
    margin-top: 10px
    }
    #price-slider label[for] {
    margin: 0;
    padding: 0;
    vertical-align: middle
    }
    #price-slider input[type=number], #price-slider input[type=text] {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    margin: 0;
    padding: 6px;
    vertical-align: middle;
    text-align: left
    }
    #price-slider .btn {
    height: 29px;
    margin-left: 4px;
    padding: 4px 8px
    }
    .autocomplete-container {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    z-index: 9999;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    overflow-y: auto;
    display: none
    }
    .autocomplete-container ul {
    list-style: none;
    padding: 0;
    margin: 0
    }
    .autocomplete-container li {
    position: relative;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 10px 5px 15px;
    font-weight: 700;
    cursor: pointer
    }
    .autocomplete-container li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    background: #0038a6
    }
    .autocomplete-container li.active, .autocomplete-container li:hover {
    background: #d3deff
    }
    .autocomplete-container .product {
    min-height: 55px;
    padding-left: 70px
    }
    .autocomplete-container .product:before {
    background: #578faf
    }
    .autocomplete-container .product .image {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 45px;
    height: 40px
    }
    .autocomplete-container .extras {
    display: block;
    overflow: hidden;
    margin: 0
    }
    .autocomplete-container .reevoo-score {
    float: left;
    position: static;
    margin: 5px 0
    }
    .autocomplete-container .price {
    float: right;
    position: static;
    margin: 5px 0;
    font-size: 1em;
    color: #cb003a
    }
    input[type=search] {
    position: relative
    }
    ::-webkit-search-cancel-button {
    -webkit-appearance: none
    }
    ::-webkit-search-cancel-button:after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    content: "\f057";
    color: #ccc;
    text-align: center;
    margin-top: -.5em
    }
    @media only screen and (max-width:1024px) {
    .search-filters header {
    position: relative
    }
    .search-filters header a, .search-filters header h1 {
    display: block;
    float: none;
    text-align: right;
    text-decoration: none
    }
    .search-filters header a {
    padding-right: 20px
    }
    .search-filters header a:before {
    content: '+';
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    font-size: 2em;
    line-height: 1;
    margin-top: -.6em
    }
    .search-filters header a.active:before {
    content: '-'
    }
    .search-filters header .btn-reset {
    position: absolute;
    top: 0;
    left: 1em;
    z-index: 1
    }
    .search-filters header .desktop {
    display: none
    }
    #price-slider input[type=number], #price-slider input[type=text] {
    width: 55px
    }
    .js .search-filters .filters {
    display: none
    }
    }
    @media only screen and (min-width:1025px) {
    .js .search-filters .filters {
    display: block !important
    }
    .no-result {
    position: relative;
    left: -21.5em
    }
    .no-result-filters {
    position: absolute
    }
    }
    @media only screen and (min-width:1240px) {
    #price-slider input[type=number], #price-slider input[type=text] {
    width: 55px
    }
    #price-slider .btn {
    padding-left: 10px;
    padding-right: 10px
    }
    .no-result {
    left: -26em
    }
    }
    .prd-amounts, .prd-desc, .prd-image, .prd-name, .prd-past-amounts {
    margin-bottom: 10px
    }
    .prd-name {
    color: #161b7a;
    font-weight: 700
    }
    .prd-amounts, .prd-past-amounts {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 210px
    }
    .prd-amounts {
    padding: 5px 15px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: center
    }
    .prd-amounts .current, .prd-amounts .offer {
    white-space: nowrap;
    display: inline-block;
    margin: 0 5px
    }
    .prd-amounts .current {
    color: #c90404;
    font-size: 16px
    }
    .prd-amounts .offer {
    font-size: 14px
    }
    .prd-channels li {
    position: relative;
    padding-left: 18px;
    font-weight: 700;
    color: #666
    }
    .prd-channels i {
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
    font-size: 16px
    }
    .prd-channels .available i {
    color: #488020
    }
    .prd-past-amounts {
    padding: 0 15px;
    font-size: 12px;
    color: #999
    }
    .prd-past-amounts small {
    white-space: nowrap
    }
    .prd-purchase button {
    display: inline-block;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    background: #488020;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
    }
    .prd-purchase button:focus, .prd-purchase button:hover {
    background: #569622;
    outline: 0
    }
    .btn-download, .prd-purchase .btn-download {
    background: #3c5b8b
    }
    .btn-download:focus, .btn-download:hover, .prd-purchase .btn-download:focus, .prd-purchase .btn-download:hover {
    background: #5a93b6
    }
    .product-list .prd {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
    a.prd-name:focus, a.prd-name:hover, a.prd:focus .prd-name, a.prd:hover .prd-name {
    text-decoration: underline
    }
    a.prd-name:active {
    text-decoration: none;
    outline: 0
    }
    .prd-stickers {
    margin: 0 0 15px
    }
    .prd-stickers img {
    display: inline-block;
    margin: 0 10px 5px 0
    }
    .vertical-prd {
    font-size: 0
    }
    .vertical-prd .prd {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    padding: 10px 20px;
    color: inherit;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    -ms-transition: border .3s ease;
    transition: border .3s ease
    }
    .vertical-prd .prd .sticker {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 60px;
    height: auto
    }
    .vertical-prd .prd .prd-img {
    display: block;
    margin: 0 auto 10px
    }
    .vertical-prd .prd .desc {
    text-align: left
    }
    .vertical-prd .prd-amounts, .vertical-prd .prd-past-amounts {
    max-width: 100%
    }
    .vertical-prd .prd-amounts small, .vertical-prd .prd-past-amounts small {
    white-space: normal
    }
    .vertical-prd .prd-past-amounts {
    text-align: center
    }
    .vertical-prd a.prd:focus, .vertical-prd a.prd:hover {
    border-color: #161b7a
    }
    .vertical-prd.prds-4 .prd {
    width: 25%
    }
    .bundle .sep {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 0;
    border: 0;
    color: #161b7a
    }
    @media only screen and (min-width:1025px) {
    .vertical-prd .prd .desc .prd-past-amounts {
    text-align: center;
    padding: 0
    }
    }
    @media only screen and (max-width:599px) {
    .prd-past-amounts small {
    white-space: normal
    }
    }
    .border-t {
    border-top: 1px solid #d9d9d9
    }
    .border-b {
    border-bottom: 1px solid #d9d9d9
    }
    .space-b {
    margin-bottom: 20px
    }
    .form-reset fieldset {
    margin: 0
    }
    .form-reset legend * {
    text-transform: none;
    font-size: 1em;
    letter-spacing: normal;
    color: inherit
    }
    .form-reset label {
    display: inline;
    padding: 0;
    text-align: left;
    line-height: inherit
    }
    .lk {
    position: relative;
    display: inline-block;
    padding-right: 15px
    }
    .lk, .lk:active, .lk:focus, .lk:hover, .lk:visited {
    color: #161b7a;
    text-decoration: none;
    outline: 0
    }
    .lk:focus, .lk:hover {
    text-decoration: underline
    }
    .lk:focus:after, .lk:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: dcg-icons;
    content: '\e601'
    }
    .lk:active, .lk:active:focus {
    text-decoration: none !important
    }
    .simple-lk {
    display: inline;
    padding: 0
    }
    .simple-lk:after {
    display: none;
    content: ''
    }
    #product-actions, #product-main, .product-gallery, .product-highlight {
    overflow: hidden;
    display: inline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
    }
    #product-main {
    width: 75%;
    padding-right: 20px
    }
    #product-actions {
    width: 25%;
    position: relative;
    top: -10px;
    padding-top: 10px
    }
    #product-actions .prd-amounts, #product-actions .prd-past-amounts {
    max-width: 100%
    }
    #product-actions .current {
    font-size: 30px
    }
    #product-actions .offer {
    font-size: 20px
    }
    .product-gallery, .product-highlight {
    margin-bottom: 20px
    }
    .product-gallery {
    width: 45%;
    min-height: 380px
    }
    .product-highlight {
    padding-left: 20px;
    width: 55%
    }
    .product-highlight .section .section {
    padding-left: 1.3em
    }
    .prd-code {
    color: #555
    }
    .services-list li {
    position: relative;
    padding-left: 20px
    }
    .services-list li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: dcg-icons;
    content: "\e60f";
    color: #161b7a
    }
    h2.section-title {
    font-size: 14px;
    color: #444;
    padding-bottom: 5px
    }
    h2.section-title img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
    }
    h2.section-title a {
    font-size: 12px;
    font-weight: 400
    }
    .amounts {
    text-align: center
    }
    .amounts .main-amount {
    padding: 5px 0;
    margin-bottom: 10px
    }
    .amounts .main-amount .price {
    color: #c90404
    }
    .amounts .main-amount .saving {
    padding: 0 1em;
    display: inline-block;
    white-space: nowrap;
    font-weight: 700;
    font-size: 19px
    }
    .amounts .past-amount {
    font-size: 11px;
    color: #999
    }
    .amounts .past-amount span {
    display: inline-block;
    white-space: nowrap
    }
    .product-page {
    overflow: hidden
    }
    .product-page.sticky-container {
    position: relative
    }
    .product-page .page-title {
    color: inherit;
    font-weight: 400
    }
    .product-page .prd-name {
    font-weight: 400;
    font-size: 14px
    }
    .product-page .section {
    clear: both
    }
    .product-page .section-hl .in {
    position: relative;
    top: -8px;
    border: 1px solid #d9d9d9;
    padding: 10px;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    -ms-transition: border .3s ease;
    transition: border .3s ease
    }
    .product-page .section-hl .in:hover {
    border-color: #161b7a
    }
    .product-page .channels {
    background: #efefef;
    padding: 10px
    }
    .product-page .channels li {
    position: relative;
    margin: 0 0 20px;
    min-height: 36px;
    padding-left: 55px
    }
    .product-page .channels li:last-child {
    margin: 0
    }
    .product-page .channels li i {
    position: absolute;
    top: 0;
    left: 5px;
    margin-top: -5px
    }
    .product-page .channels li i.after {
    padding-left: 25px
    }
    .product-page .channels strong {
    color: #488020;
    white-space: nowrap
    }
    .product-page .channels .lk-more {
    display: inline-block;
    margin-top: 5px
    }
    .product-page .channels .available i {
    color: #0c2079
    }
    .product-page .channels .available i.after {
    color: #488020
    }
    .share {
    font-size: 0;
    overflow: hidden;
    height: 32px
    }
    .share .count, .share .item {
    display: inline-block;
    vertical-align: top
    }
    .share .item {
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff
    }
    .share .item .count, .share .item i {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #999
    }
    .share .item i {
    font-size: 20px;
    margin: 0
    }
    .share .item .count {
    position: relative;
    margin-left: 10px;
    font-weight: 700;
    font-size: 14px;
    color: #666;
    background: #ededed
    }
    .share .item .count:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -7px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border: 7px solid #ededed;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left: 0
    }
    .share .item iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0)
    }
    #product-actions-touch .prd-amounts, #product-actions-touch .prd-past-amounts {
    max-width: 100%
    }
    #product-actions-touch .prd-amounts .current {
    font-size: 30px
    }
    #product-actions-touch .prd-amounts .offer {
    font-size: 20px
    }
    .prd-purchase {
    padding: 0 10px
    }
    .prd-purchase .main-purchase-btn {
    display: block;
    padding: 0;
    width: 100%;
    line-height: 44px
    }
    .prd-purchase .main-purchase-btn i {
    margin-right: 25px;
    margin-bottom: 2px
    }
    .prd-purchase .main-purchase-btn.download {
    background: #436998
    }
    .dcg-icon-basket, .dcg-icon-video {
    margin-top: -5px
    }
    .badges a, .badges img {
    display: inline-block;
    vertical-align: middle
    }
    .badges img {
    max-height: 48px;
    width: auto
    }
    .rad {
    margin: 0 0 10px
    }
    .rad div {
    margin-bottom: 3px
    }
    .rad img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
    }
    .product-banners {
    font-size: 0;
    margin-bottom: 15px
    }
    .product-banners img {
    font-size: 1rem;
    display: inline-block;
    margin: 0 10px 5px 0
    }
    #product-tabs {
    clear: both;
    border: 1px solid #d9d9d9;
    border-top: 0
    }
    #product-tabs .tabs-container {
    position: relative;
    overflow: hidden
    }
    .tabs-controller {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    z-index: 999
    }
    .tabs-controller a {
    height: 44px;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #fff;
    padding: 5px 15px;
    width: 16.666666667%;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    background: #efefef;
    color: #161b7a;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
    }
    .tabs-controller a:first-child {
    border-left: 0
    }
    .tabs-controller a:focus, .tabs-controller a:hover {
    background: #dedede
    }
    .tabs-controller a:active {
    text-decoration: none;
    outline: 0
    }
    .tabs-controller a.tab-active {
    position: relative;
    background: #fff;
    color: #333;
    outline: 0;
    text-decoration: none
    }
    .tabs-controller a.tab-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #161b7a
    }
    .tabs-controller a.tab-deals {
    color: #c90404
    }
    .tabs-controller a.tab-deals i {
    font-size: 16px
    }
    .tab-toggle .icon-tag, .tabs-controller .icon-tag {
    color: #c90404
    }
    .tab-toggle .count, .tabs-controller .count {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    padding: 3px;
    min-width: .7rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #c90404;
    font-weight: 700;
    font-size: 11px;
    line-height: .7rem;
    text-align: center;
    color: #fff
    }
    .tab-content .content {
    padding: 20px;
    overflow: hidden
    }
    .js .tab-content .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: -9999999px
    }
    .js .tab-content .tab-expanded {
    position: static;
    width: auto !important
    }
    .tab-section {
    margin-top: 20px
    }
    .tab-product-info .content {
    font-size: 12px
    }
    .tab-tech-specs .content {
    padding-left: 15%;
    padding-right: 15%
    }
    .tab-tech-specs .content th {
    width: 40%
    }
    .tab-reviews .content {
    padding-left: 0;
    padding-right: 0
    }
    .tab-bundles .resultList {
    border: 0
    }
    .product-offers li {
    position: relative;
    padding-left: 1.3em;
    margin: 0 0 10px
    }
    .product-offers li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: dcg-icons;
    content: '\e60e';
    color: #c90404
    }
    .product-offers .offer {
    color: #c90404
    }
    .energy-rating a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px
    }
    .energy-rating a:active, .energy-rating a:active:focus {
    outline: 0;
    text-decoration: none
    }
    .energy-rating a.product-fiche {
    margin-left: 10px
    }
    .energy-rating a img {
    display: block
    }
    .tab-deals .product-offers li {
    padding: 20px 0 20px 60px;
    border-top: 1px solid #d9d9d9;
    margin: 0
    }
    .tab-deals .product-offers li p:last-child {
    margin-bottom: 0
    }
    .tab-deals .product-offers li:first-child {
    border-top: 0
    }
    .tab-deals .product-offers li:before {
    top: 20px;
    left: 20px;
    font-size: 30px
    .product-hero {
    position: relative
    }
    .product-hero .product-gallery {
    width: 100%;
    display: block;
    text-align: center
    }
    .product-hero .product-gallery .main {
    display: block;
    max-width: 100%
    }
    .product-hero #product-actions {
    z-index: 99
    }
    .product-hero #product-actions .prd-amounts {
    background: rgba(255, 255, 255, .9);
    margin-bottom: 0
    }
    .product-hero #product-actions .prd-past-amounts {
    background: rgba(255, 255, 255, .9);
    padding: 20px 15px;
    margin-bottom: 0
    }
    .product-hero #product-actions .channels {
    background: rgba(255, 255, 255, .9);
    margin: 0
    }
    .product-hero #product-actions .prd-more-info {
    background: rgba(255, 255, 255, .9);
    margin: 10px 0 0
    }
    .product-hero #product-actions .prd-more-info .prd-learn-more {
    display: inline-block;
    padding: 18px 0 18px 16px;
    width: 72%
    }
    .product-hero #product-actions .prd-more-info .down-arrow-box {
    margin: 5px;
    background: #fafafa;
    float: right
    }
    .product-hero #product-actions .prd-more-info .down-arrow-box a {
    text-decoration: none;
    padding: 13px 12px 11px;
    display: inline-block
    }
    .product-hero #product-actions .prd-more-info .down-arrow-box a:before {
    font-family: FontAwesome;
    content: "\f063";
    color: #161b7a
    }
    .product-hero #product-actions .prd-more-info .down-arrow-box:hover {
    background: #e0ffff
    }
    .product-hero .product-highlight {
    overflow: hidden;
    padding-left: 0;
    width: 100%
    }
    .product-hero .product-highlight .main-desc, .product-hero .product-highlight .second-desc {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
    }
    .product-hero .product-highlight .main-desc {
    padding-right: 10px
    }
    .product-hero .product-highlight .second-desc {
    padding-left: 10px
    }
    #product-actions-toggle {
    display: none
    }
    #product-actions-toggle .prd-name, #product-actions-toggle .product-amounts,
    #product-actions-toggle .product-purchase {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333%;
    padding-right: 20px
    }
    #product-actions-toggle .prd-amounts, #product-actions-toggle .prd-past-amounts {
    max-width: 100%
    }
    .product-page #experts-recommend-bundle {
    cursor: pointer
    }
    .product-page .bundle {
    overflow: hidden
    }
    .product-page .bundle .prd-name {
    text-decoration: none;
    color: #161b7a
    }
    .product-page .bundle .prd-name:focus, .product-page .bundle .prd-name:hover {
    text-decoration: underline
    }
    .product-page .bundle .prd-past-amounts {
    max-width: 100%
    }
    .product-page .bundle-included .bundle-contents {
    width: auto
    }
    .product-page .bundle-included .bundle-components, .product-page .bundle-included .bundle-main {
    float: left
    }
    .product-page .bundle-included .bundle-components .bundle-amounts,
    .product-page .bundle-included .bundle-main .bundle-amounts {
    width: auto;
    padding-top: 0
    }
    .product-page .bundle-included .bundle-components .bundle-amounts .prd-amounts,
    .product-page .bundle-included .bundle-main .bundle-amounts .prd-amounts {
    max-width: none;
    padding-left: 0;
    padding-right: 0
    }
    .product-page .bundle-included .bundle-main {
    text-align: center
    }
    .product-page .bundle-included .bundle-amounts {
    clear: both;
    float: none
    }
    .product-page .bundle-contents {
    float: left;
    width: 80%;
    padding-top: 10px;
    font-size: 0
    }
    .product-page .bundle-contents .popInTrigger:after {
    content: '';
    display: none
    }
    .product-page .bundle-contents li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 35px;
    padding-bottom: 10px;
    font-size: 13px
    }
    .product-page .bundle-contents li:before {
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -18px;
    font-family: dcg-icons;
    font-size: 20px;
    content: '\e60c';
    color: #999
    }
    .product-page .bundle-contents li a {
    text-decoration: none;
    position: relative
    }
    .product-page .bundle-contents li a:hover .componentTitle {
    display: block
    }
    .product-page .bundle-contents li a .componentTitle {
    display: none;
    padding: 5px 5%;
    position: absolute;
    top: 60px;
    left: -15px;
    right: -15px;
    z-index: 10;
    text-align: center;
    background: #fafafa;
    background: rgba(250, 250, 250, .95);
    color: #444;
    -webkit-box-shadow: 0 0 1px #ddd;
    box-shadow: 0 0 1px #ddd;
    border: 1px solid #d9d9d9;
    font-size: 12px
    }
    .product-page .bundle-contents li .lk:focus, .product-page .bundle-contents li .lk:hover {
    text-decoration: underline
    }
    .product-page .bundle-contents li .lk:active {
    text-decoration: none
    }
    .product-page .bundle-contents li .image, .product-page .bundle-contents li img {
    display: block;
    margin: 0
    }
    .product-page .bundle-contents li .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 60px;
    height: 60px;
    border: 1px solid #999;
    line-height: 1;
    text-align: center;
    color: #999
    }
    .product-page .bundle-contents li .item strong {
    display: block;
    font-size: 25px
    }
    .product-page .bundle-contents .bundle-main li:first-child {
    padding-left: 0
    }
    .product-page .bundle-contents .bundle-main li:first-child:before {
    display: none
    }
    .product-page .bundle-contents .bundle-components .bundle-amounts {
    padding-left: 35px
    }
    .product-page .bundle-contents .custom-bundle {
    float: right;
    margin: 5px 0;
    padding: 0;
    width: auto
    }
    .product-page .bundle-contents .custom-bundle:before {
    display: none
    }
    .product-page .bundle-contents .custom-bundle .bt {
    background: #488020;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
    }
    .product-page .bundle-contents .custom-bundle .bt:focus, .product-page .bundle-contents .custom-bundle .bt:hover {
    background: #569622;
    outline: 0
    }
    .product-page .bundle-fake .bundle-contents {
    float: none;
    width: 100%
    }
    .product-page .bundle-amounts {
    padding-top: 15px;
    float: left;
    width: 20%
    }
    .product-page .bundle-amounts .prd-past-amounts {
    padding: 0;
    text-align: center
    }
    .product-page .bundle-purchase {
    clear: left;
    float: right;
    width: 25%;
    padding: 0;
    text-align: right
    }
    .product-page #isite-container iframe {
    display: block;
    width: 100%;
    border: 0
    }
    @media only screen and (min-width:1025px) {
    .product-page .tabbed-container.sticky-container {
    padding-top: 52px
    }
    }
    @media only screen and (min-width:1240px) {
    .product-gallery {
    width: 55%
    }
    .product-highlight {
    width: 45%
    }
    .product-page .bundle-contents {
    width: 75%
    }
    .product-page .bundle-amounts {
    width: 25%
    }
    .oos {
    position: relative;
    min-height: 72px;
    padding: 20px 20px 20px 112px;
    background: #f2f2f2
    }
    .oos strong {
    font-size: 14px
    }
    .oos p {
    padding-top: 1em;
    margin: 0
    }
    .oos-no-alt {
    padding: 20px;
    min-height: 0;
    border-color: #448ccb;
    background: #ebf2ff
    }
    .oos-no-alt .icon-remove {
    vertical-align: middle;
    color: #c90404
    }
    .oos-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 72px
    }
    .rad-container {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10;
    padding: 20px;
    max-width: 340px;
    font-size: 16px;
    text-align: left;
    color: #666;
    background: rgba(255, 255, 255, .8)
    }
    }
    @media only screen and (max-width:1024px) {
    #product-main .channels li {
    font-size: 14px
    }
    #product-main .product-highlight .section {
    padding-left: 0
    }
    #product-tabs {
    border: 0
    }
    #product-tabs .tab-content {
    margin-bottom: 5px
    }
    #product-tabs .tab-toggle {
    position: relative;
    display: block;
    padding: 15px;
    background: #efefef;
    text-decoration: none;
    font-weight: 700;
    color: #161b7a;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;
    margin-top: -1px;
    outline: 0 !important
    }
    #product-tabs .tab-toggle:focus, #product-tabs .tab-toggle:hover {
    text-decoration: underline
    }
    #product-tabs .tab-toggle:active, #product-tabs .tab-toggle:active:focus, #product-tabs .tab-toggle:active:hover {
    text-decoration: none;
    outline: 0
    }
    #product-tabs .tab-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    font-size: 16px;
    font-family: FontAwesome;
    content: '\f054'
    }
    #product-tabs .tab-active {
    background: #fff;
    color: #333
    }
    #product-tabs .tab-active:active, #product-tabs .tab-active:focus, #product-tabs .tab-active:hover {
    text-decoration: none
    }
    #product-tabs .tab-active:after {
    content: '\f078';
    color: #161b7a
    }
    #product-tabs .tab-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #161b7a
    }
    #product-tabs .content {
    padding: 10px
    }
    #product-tabs .tab-reviews .content {
    padding: 0
    }
    .product-hero .product-highlight .main-desc, .product-hero .product-highlight .second-desc {
    float: none;
    width: 100%;
    padding: 0
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    #product-main {
    float: none;
    width: 100%;
    padding: 0
    }
    #product-actions {
    width: 100%;
    clear: both
    }
    #product-actions-touch, .product-gallery {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
    #product-actions-touch {
    width: 40%
    }
    .product-highlight {
    clear: both;
    overflow: hidden;
    padding: 0;
    width: 100%
    }
    .product-highlight .main-desc, .product-highlight .second-desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%
    }
    .product-highlight .main-desc {
    padding-right: 20px
    }
    .purchase-options {
    overflow: hidden
    }
    .purchase-options fieldset {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    display: inline;
    float: left;
    width: 50%
    }
    .purchase-options fieldset:first-child {
    padding-left: 0
    }
    .purchase-options fieldset .right {
    margin-top: 10px;
    text-align: left
    }
    .product-hero #product-actions-touch {
    float: right
    }
 
   
    #product-actions-toggle {
    display: block;
    overflow: hidden;
    position: fixed;
    bottom: -400px;
    left: 0;
    right: 0;
    padding: 20px 50px 20px 20px;
    background: #fafafa;
    background: rgba(250, 250, 250, .95);
    border-top: 1px solid #d9d9d9;
    z-index: 998;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
    }
    #product-actions-toggle.toggle-displayed {
    bottom: 0
    }
    #product-actions-toggle .prd-name {
    color: inherit
    }
    #product-actions-toggle .prd-purchase {
    margin-bottom: 0
    }
    #product-actions-toggle .prd-amounts {
    margin-bottom: 10px
    }
    #product-actions-toggle .amounts {
    margin: 0
    }
    #product-actions-toggle .prd-past-amounts {
    margin-bottom: 0
    }
    }
    @media only screen and (max-width:599px) {
    #product-actions, #product-main, .product-gallery, .product-highlight,
    .purchase-options {
    float: none;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin-bottom: 20px
    }
    .purchase-options {
    padding: 10px
    }
    .product-page .amounts {
    position: relative;
    margin-top: -1px
    }
    .tab-tech-specs .content {
    margin: 0 5%
    }
    .product-highlight .prd-amounts, .product-highlight .prd-past-amounts {
    margin-left: auto;
    margin-right: auto
    }
    #product-main .product-options .prds-4 .prd {
    border-top: 1px solid #d9d9d9;
    width: 100%;
    position: relative;
    padding: 10px 0 0 130px
    }
    #product-main .product-options .prds-4 .prd:first-child {
    border-top: 0
    }
    #product-main .product-options .prds-4 .prd img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    height: 89px
    }
    #product-main .product-options .prds-4 .prd .prd-desc {
    display: none
    }
    .product-page .bundle-contents {
    float: none
    }
    .product-page .bundle-contents li a:hover .componentTitle {
    display: none
    }
    .product-page .bundle-amounts {
    padding-top: 0;
    width: 50%
    }
    .product-page .bundle-amounts .prd-amounts {
    max-width: 100%
    }
    .product-page .bundle-amounts .prd-past-amount {
    padding: 0 10px;
    text-align: left
    }
    .product-page .bundle-purchase {
    clear: none;
    width: 50%
    }
    .rad-container {
    display: none
    }
    }
    @media only screen and (min-width:600px) and (max-width:842px) {
    #product-main .product-options .prds-4 .prd {
    width: 50%
    }
    }
    .product-gallery .main {
    height: 285px;
    position: relative;
    text-align: center;
    margin-bottom: 20px
    }
    .product-gallery .main a {
    cursor: pointer !important
    }
    .product-gallery .main a, .product-gallery .main img {
    display: block;
    max-width: 100%;
    height: auto
    }
    .product-gallery .main .swiper-slide {
    position: relative
    }
    .product-gallery .main .sticker {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
    width: auto !important;
    height: auto !important
    }
    .product-hero .product-gallery .main {
    height: 350px;
    margin: 0 0 20px
    }
    .product-hero .product-gallery .main img {
    margin: 0 auto;
    max-height: 350px;
    width: auto
    }
    #carousel-container {
    overflow: hidden;
    position: relative;
    font-size: 0;
    margin: 0 auto 20px;
    max-width: 392px
    }
    @media only screen and (min-width:1240px) {
    .product-gallery .main {
    height: 444px
    }
    .product-hero .product-gallery .main {
    height: 450px
    }
    .product-hero .product-gallery .main a {
    width: 1260px;
    height: 450px
    }
    .product-hero .product-gallery .main img {
    max-width: 100%;
    height: 450px;
    width: auto
    }
    .product-hero .product-gallery .swiper-container {
    height: 450px
    }
    }
    @media only screen and (max-width:1024px) {
    .product-gallery {
    min-height: 0
    }
    .product-gallery .main, .product-gallery .swiper-slide {
    position: relative;
    padding-bottom: 90.25%;
    height: 0
    }
    .product-gallery .main a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important
    }
    .product-hero .product-gallery {
    float: left;
    width: 100%;
    margin: 0 0 20px
    }
    .product-hero .product-gallery .main, .product-hero .product-gallery .swiper-slide {
    padding: 0;
    height: 350px
    }
    .product-hero .product-gallery .main a, .product-hero .product-gallery .main img {
    position: relative !important;
    margin: 0 auto !important;
    width: auto !important;
    max-height: 100%
    }
    .product-hero .product-gallery .main a {
    line-height: 350px !important
    }
    .product-hero .product-gallery .main img {
    display: inline-block;
    vertical-align: middle
    }
    .product-hero .product-gallery .main .sticker {
    position: absolute !important;
    height: auto !important
    }
    .product-hero .product-gallery .swiper-container .swiper-slide:first-child a, .product-hero .product-gallery .swiper-container .swiper-slide:first-child img {
    max-width: 100%;
    height: auto
    }
    }
    @media only screen and (max-width:599px) {
    .product-gallery {
    float: none;
    clear: none;
    width: auto;
    display: block;
    margin: 0 40px
    }
    #product-actions-touch {
    clear: both
    }
    }
    #map * {
    display: auto !important
    }
    .orderItem {
    text-align: left;
    border-collapse: collapse;
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc
    }
    .orderItem label {
    position: static !important;
    left: 0
    }
    .orderItem label.heading {
    text-align: left;
    width: auto;
    padding: 0
    }
    .orderItem table {
    text-align: left;
    border-collapse: collapse
    }
    .orderItem tr td, .orderItem tr th {
    text-align: left;
    padding: 10px;
    border-top: 1px solid #ccc
    }
    .orderItem tr th {
    font-weight: 400
    }
    .orderItem tr th.alert {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 0;
    border-bottom: 0
    }
    .orderItem tr .count {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-weight: 700;
    border-color: #fafafa;
    border-right: 1px solid #ccc;
    width: .75em;
    background: #fafafa
    }
    .orderItem tr .amount {
    border-right: 1px solid #ccc
    }
    .orderItem .dark th {
    background: #fafafa
    }
    .orderItem .product {
    margin-top: -1px;
    font-weight: 400
    }
    .orderItem .product a.productTitle {
    display: inline-block;
    text-decoration: none;
    margin-bottom: .5em
    }
    .orderItem .product a.productTitle:focus, .orderItem .product a.productTitle:hover {
    text-decoration: underline
    }
    .orderItem .product .image {
    float: left;
    width: auto;
    height: auto
    }
    .orderItem .product .desc:before {
    display: none !important
    }
    .orderItem .product .desc select {
    width: 3em
    }
    .orderItem .product .desc .inline * {
    display: inline-block;
    vertical-align: middle;
    height: auto
    }
    .orderItem .product .desc .inline label {
    font-weight: 400
    }
    .orderItem .product .desc .inline input {
    margin-left: 1em;
    font-size: .88em
    }
    .orderItem .product .desc .inline input.fLink {
    margin-left: 0
    }
    .orderItem .product .remove {
    margin-top: .2em;
    padding: 3px 5px
    }
    .orderItem .channels {
    padding-top: 0;
    padding-left: 125px;
    border-top: 0
    }
    .orderItem .channels select {
    margin: -.2em 0 0 3em;
    vertical-align: top;
    max-width: 50%
    }
    .orderItem .channels .optlist {
    margin-top: 0;
    width: 100%;
    overflow: hidden
    }
    .orderItem .channels .optlist li {
    padding: 10px 1px 0;
    margin: 0 1em 0 0;
    display: inline-block;
    vertical-align: top
    }
    .orderItem .channels .optlist li:first-child {
    margin: 0
    }
    .orderItem .channels .optlist .floatChild {
    display: block;
    vertical-align: top;
    margin: 1em 0 0;
    overflow: visible;
    width: 100%
    }
    .orderItem .channels .optlist .floatChild .helper {
    margin-top: 5px;
    clear: both;
    display: block
    }
    .orderItem .channels .optlist .floatChild .helper label {
    width: auto;
    max-width: 100%;
    min-width: 0
    }
    .orderItem .channels label, .orderItem .service label {
    text-align: left
    }
    .orderItem .service {
    font-weight: 400
    }
    .orderItem .service .inline a {
    display: inline-block;
    vertical-align: middle;
    margin: .4em 0 0 1em
    }
    .orderItem .obItem {
    margin: 0
    }
    .orderItem .obItem .desc, .orderItem .obItem img {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
    }
    .orderItem .obItem .desc {
    margin-left: .5em;
    padding-left: .5em;
    max-width: 75%
    }
    .service-desc, .service-icon, .service-selection, .service-title {
    display: inline-block;
    vertical-align: top
    }
    .service-icon {
    width: 100px;
    height: 89px
    }
    .service-desc {
    width: 75%;
    margin-left: 1em
    }
    .service-title {
    width: 150px
    }
    .service-title h5 {
    font-size: 1.24em;
    margin-bottom: 1em
    }
    .service-title .popInTrigger {
    text-decoration: none
    }
    .service-selection {
    width: 54%;
    margin: 2em 0 0 2em
    }
    .service-selection label {
    display: inline-block;
    padding-top: 0;
    width: 80%
    }
    .careplan-choice {
    margin: -2em 0 0;
    list-style: none;
    padding: 0
    }
    .careplan-choice li {
    padding: .5em 0;
    border-top: 1px solid #ccc
    }
    .careplan-choice li:first-child {
    border: 0
    }
    .careplan-choice label {
    margin-left: .5em
    }
    .orderCollectPoints ul {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 2px 0;
    background: #ededed
    }
    .orderCollectPoints li {
    display: table-cell;
    width: 33%;
    padding: 20px 40px 10px;
    list-style: none;
    text-align: center;
    border-left: 1px solid #323232;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto
    }
    .orderCollectPoints li:first-child {
    border-left: 0
    }
    .orderCollectPoints p {
    margin-bottom: 10px
    }
    .orderCollectPoints a {
    text-decoration: none
    }
    .orderCollectPoints strong {
    font-size: 18px;
    font-weight: 400
    }
    .orderTotal {
    border-bottom: 0
    }
    .orderTotal tr th {
    text-align: right;
    border-color: #fff
    }
    .orderTotal tr td, .orderTotal tr th {
    font-weight: 700;
    font-size: 1.24em
    }
    .orderTotal tr td small, .orderTotal tr th small {
    display: inline-block;
    font-weight: 400;
    font-size: .75em
    }
    .orderTotal tr .amount {
    border-right-color: #fff;
    color: #333
    }
    .orderTotal .total .amount {
    color: #cb003a;
    border-bottom: 1px solid #ccc
    }
    .storeChoice {
    border-collapse: collapse;
    background: #fff
    }
    .storeChoice thead th {
    vertical-align: bottom
    }
    .storeChoice tr td, .storeChoice tr th {
    border: 1px solid #ccc
    }
    .storeChoice tr th {
    font-weight: 400
    }
    .storeChoice tr th p {
    margin-bottom: 0
    }
    .storeChoice tr td {
    vertical-align: middle;
    text-align: center
    }
    .storeChoice tr .null {
    border: 0
    }
    .storeChoice tr label {
    padding: 0;
    width: 85%;
    text-align: left
    }
    .storeChoice .address {
    display: block;
    font-size: .92em;
    margin: 0
    }
    .storeChoice .dist {
    font-size: .88em;
    color: #666
    }
    .slots table {
    margin-top: -1px
    }
    .slots table td, .slots table th {
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    width: 20%
    }
    .slots table th {
    background: #fafafa;
    font-weight: 700
    }
    .slots table td {
    padding: 0
    }
    .slots table td label {
    display: block;
    width: auto;
    padding: 1em 5px;
    text-align: center !important
    }
    .slots .slotsPagination a {
    margin-left: 1em
    }
    .slots .slotsPagination .disabled {
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0)
    }
    .order-review-content {
    margin-bottom: 20px
    }
    .order-review-content .expandable-form {
    border: 1px solid #ccc
    }
    .order-review-content .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .92em;
    color: #999
    }
    .order-review-content td, .order-review-content th {
    padding: 5px 7px
    }
    .order-review-content .product th {
    text-align: left;
    font-weight: 400
    }
    .order-review-content .product th small {
    font-size: 1em
    }
    .order-review-content .product img {
    float: left;
    margin-right: 10px
    }
    .order-review-content .product td, .order-review-content .product th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
    }
    .order-review-content .product .amount {
    vertical-align: bottom
    }
    .order-review-content .total {
    font-weight: 700;
    font-size: 1.24em
    }
    .order-review-content .total td, .order-review-content .total th {
    padding-top: 10px;
    padding-bottom: 10px
    }
    .order-review-content .total small {
    font-weight: 400;
    font-size: .75em
    }
    .order-review-content .total th {
    text-align: right
    }
    .order-review-content .total .amount {
    color: inherit;
    border-bottom: 1px solid #ccc;
    font-size: 1.02em
    }
    .order-review-content .final-total .amount {
    color: #cb003a
    }
    .order-review-content .giftcard .error, .order-review-content .voucher .error {
    max-width: 300px
    }
    .order-review-content .giftcard td:first-child, .order-review-content .voucher td:first-child {
    padding-left: 0
    }
    .order-review-content .giftcard td, .order-review-content .giftcard th,
    .order-review-content .voucher td, .order-review-content .voucher th {
    padding-top: 0;
    padding-bottom: 0
    }
    .order-review-content .voucher .floatChild input {
    width: 100%
    }
    .order-review-content .voucher .floatChild .btn {
    max-width: 60px
    }
    .order-review-content .giftcard input {
    width: 1.8em
    }
    .order-review-content .giftcard #pin4, .order-review-content .giftcard #pin5 {
    width: 2.5em
    }
    .order-review-content .giftcard .btn {
    font-size: 13px
    }
    .order-review-content .giftcard .inline {
    font-size: 0
    }
    .order-review-content .giftcard .inline * {
    font-size: 13px
    }
    .order-review-content .giftcard .inline span {
    display: inline-block;
    margin-right: 1em;
    color: #999;
    font-size: 12px;
    white-space: nowrap
    }
    .order-review-content .giftcard .btn {
    height: auto;
    min-height: 0;
    padding: 5px 15px
    }
    .relative-container {
    position: relative
    }
    .expandable-form, .giftcard-recap .box {
    vertical-align: top;
    display: inline-block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
    }
    .expandable-form {
    position: relative;
    min-width: 65%;
    max-width: 65%;
    font-weight: 400;
    font-size: .88em
    }
    .expandable-form .form-content {
    overflow: hidden;
    margin: 0;
    padding-top: 5px
    }
    .expandable-form fieldset {
    margin: 0
    }
    .expandable-form label {
    display: inline;
    width: auto;
    color: #999;
    font-size: .88em
    }
    .expandable-form .error {
    margin: 0;
    padding: 5px 0 0;
    clear: both;
    font-size: 12px;
    line-height: 1.2;
    white-space: normal
    }
    .expandable-form legend {
    display: block;
    width: 100%
    }
    .expandable-form legend label {
    display: block;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    text-transform: none;
    text-align: left;
    color: inherit;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal
    }
    .expandable-form .floatChild {
    display: block;
    width: 100%
    }
    .expandable-form .floatChild .btn {
    width: 20%
    }
    .giftcard-form .form-content {
    white-space: nowrap
    }
    .giftcard-recap td:first-child {
    font-size: 0;
    text-align: right;
    padding-right: 0;
    padding-left: 0
    }
    .giftcard-recap .amount {
    color: inherit;
    border-bottom: 1px solid #ccc
    }
    .giftcard-recap .amount .floatChild {
    width: 100%;
    font-size: 13px
    }
    .giftcard-recap .box-edit {
    background: #efefef
    }
    .giftcard-recap .box {
    text-align: left;
    font-size: 13px;
    margin: 5px 10px 0 0;
    width: 32%;
    min-height: 4.1em
    }
    .giftcard-recap .box form {
    text-align: right
    }
    .giftcard-recap .box button {
    height: auto;
    min-height: 0;
    color: #06e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
    .giftcard-recap .box button:focus, .giftcard-recap .box button:hover {
    outline: 0;
    text-decoration: underline
    }
    #paymentMethod {
    background: #beddb1
    }
    .js .voucher .amount {
    border: 0
    }
    .js .expandable-form .form-content {
    max-height: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
    }
    .js .expandable-form .form-content:before {
    content: '+';
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: -1;
    color: #999;
    line-height: 1;
    font-size: 1.24em
    }
    .js .expanded-form {
    position: relative
    }
    .js .expanded-form .form-content {
    max-height: 400px
    }
    .js .expanded-form .form-content:before {
    top: 0;
    content: '_'
    }
    .processSchema {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 0 1em -2em;
    padding: 0;
    list-style: none
    }
    .processSchema li {
    position: relative;
    z-index: 3;
    float: left;
    margin: 0 0 0 2em;
    border: 1px solid #ccc;
    background: #fafafa
    }
    .processSchema li:before {
    position: absolute;
    top: -.1em;
    right: -1.25em;
    z-index: 4;
    margin-top: .5em;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
    width: 2.35em;
    height: 2.3em;
    content: '';
    background: #fafafa;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none\9
    }
    .processSchema li span {
    float: left;
    padding: 1em 5px 1em 10px;
    padding-right: 1em\9
    }
    .processSchema li span strong {
    font-weight: 400;
    position: relative;
    z-index: 5
    }
    .processSchema li .count {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    background: #fff;
    font-weight: 700;
    color: #161b7a
    }
    .processSchema .checked * {
    color: #ccc !important
    }
    .processSchema .active {
    color: #161b7a
    }
    .processSchema .active, .processSchema .active *, .processSchema .active:before {
    border-color: #161b7a
    }
    .processSchema .active .count {
    color: #fff;
    background: #161b7a
    }
    @media only screen and (max-width:1024px) {
    .processSchema {
    display: table !important;
    width: 100%;
    background: 0 0;
    margin-left: 0
    }
    .processSchema li {
    display: table-cell !important;
    float: none;
    margin: 0
    }
    .processSchema .active {
    display: table-cell !important;
    width: 100%
    }
    .processSchema li span+span, .processSchema li:before {
    display: none !important
    }
    .processSchema .active span+span {
    display: block !important
    }
    .processSchema li .count {
    border-right: none;
    margin-left: -1px
    }
    .processSchema li:first-child .count {
    margin-left: 0
    }
    }
    @media only screen and (max-width:1024px) {
    .orderItem label {
    max-width: auto
    }
    .orderItem .product img {
    margin-right: 5px
    }
    .orderItem .product .productTitle {
    display: inline-block;
    max-height: 3.5em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 80%;
    vertical-align: top
    }
    .orderItem .product .desc .inline input {
    margin: 0
    }
    .orderItem .product .desc .inline input:before {
    display: none !important
    }
    .orderItem .count {
    display: none
    }
    .orderItem .amount {
    width: 80px
    }
    .orderItem th {
    border-left: 1px solid #ccc
    }
    .orderItem .channels select, .orderItem .service select {
    margin: 5px 0;
    display: inline-block;
    width: 100%;
    max-width: 100% !important
    }
    .orderItem .channels .optlist {
    overflow: hidden;
    width: 100%
    }
    .orderItem .channels .optlist li {
    padding-top: 5px;
    margin-bottom: 5px
    }
    .orderItem .channels .optlist label {
    width: auto !important
    }
    .orderItem .channels .optlist .floatChild {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px 0 0
    }
    .orderItem .channels .optlist .floatChild input[type=text] {
    width: 100%
    }
    .orderItem .channels .optlist .floatChild .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 5px;
    padding-left: 5px;
    width: auto
    }
    .orderItem .service .inline a {
    margin-left: 0
    }
    .service-selection, .service-selection label {
    width: auto
    }
    .storeChoice thead th {
    vertical-align: bottom
    }
    .storeChoice tbody th {
    width: 130px;
    max-width: 130px
    }
    .storeChoice .dist {
    font-size: .88em
    }
    .buySummary .product .desc:before {
    display: none
    }
    .giftcard-recap .amount {
    padding: 5px
    }
    .giftcard-recap .floatChild .btn, .giftcard-recap .floatChild input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    position: relative;
    right: auto
    }
    .giftcard-recap .floatChild input[type=text] {
    text-align: right;
    margin-left: -1px;
    height: 30px
    }
    .giftcard-form {
    max-width: 100%
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    .service-desc {
    width: 72%
    }
    .careplan-choice, .service-selection {
    margin: 0
    }
    .service-selection {
    margin-left: 1em;
    width: 46%
    }
    .service-selection label {
    width: 75%;
    padding: 0
    }
    .careplan-choice li {
    white-space: nowrap
    }
    .giftcard-form, .voucher-form {
    min-width: 375px;
    max-width: 65.9%;
    width: 65.9%
    }
    }
    @media only screen and (min-width:1240px) {
    .orderItem .service-desc {
    width: 570px
    }
    .orderItem .careplan-choice {
    font-size: 0;
    width: 390px
    }
    .orderItem .careplan-choice li {
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-left: 1px solid #ccc;
    text-align: center;
    font-size: 13px;
    padding: 1em !important;
    margin-top: -2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    min-height: 6.5em
    }
    .orderItem .careplan-choice li label {
    display: block;
    margin-top: 1em;
    margin-right: 0;
    padding: 0;
    text-align: center
    }
    .orderItem .careplan-choice li label strong {
    display: block
    }
    .giftcard-recap .box {
    width: 33%
    }
    }
    @media only screen and (max-width:599px) {
    .channels.choice {
    padding-left: 10px
    }
    .service {
    position: relative
    }
    .service-icon {
    position: absolute;
    width: 45px;
    height: 40px
    }
    .service-desc {
    padding-left: 50px
    }
    .service-title {
    width: auto
    }
    .service-title h5 {
    font-size: 1em
    }
    .service-selection {
    display: block;
    margin-top: .5em;
    margin-left: -60px
    }
    .careplan-choice {
    margin-top: 0
    }
    .orderCollectPoints li {
    display: block;
    width: auto;
    border-left: 0;
    border-top: 1px solid #ccc
    }
    .orderCollectPoints li:first-child {
    border-top: 0
    }
    .order-review-content .product .desc:before {
    display: none
    }
    .order-review-content .expandable-form {
    width: 100%;
    max-width: 100%
    }
    .order-review-content .expandable-form label {
    display: block;
    text-align: left
    }
    .order-review-content .expandable-form label .btn {
    width: 30%;
    font-size: 13px
    }
    .order-review-content .giftcard .form-content {
    text-align: right
    }
    .order-review-content .giftcard .inline span.submit {
    font-size: 0;
    margin-right: 0
    }
    .order-review-content .giftcard input {
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: 10px
    }
    .order-review-content .giftcard .submit {
    text-align: right
    }
    .order-review-content .giftcard .btn {
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px
    }
    .order-review-content .giftcard .error {
    text-align: left
    }
    .order-review-content .giftcard-recap .box {
    margin-left: 0;
    margin-right: 2%;
    width: 48%;
    white-space: nowrap
    }
    .giftcard-form .form-content {
    white-space: normal
    }
    .order-review-content .giftcard .btn, .order-review-content .giftcard input {
    width: 3.6em !important
    }
    .order-review-content .giftcard .btn {
    padding-left: 0;
    padding-right: 0
    }
    }
    .compareTable {
    table-layout: fixed;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0
    }
    .compareTable .product .amount {
    background: 0 0
    }
    .compareTable .product form {
    position: relative;
    top: -7px;
    right: -7px
    }
    .compareTable .product .fLink {
    -webkit-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
    color: #666;
    background: #ccc;
    padding: 3px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none
    }
    .compareTable .product .offerSaving {
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: inline !important;
    background: none !important;
    color: #161b7a !important;
    font-size: 1em !important
    }
    .compareTable thead tr th {
    text-align: left;
    font-weight: 400
    }
    .compareTable tbody th {
    background: #fafafa
    }
    .compareTable td, .compareTable th {
    border-left: 1px solid #ccc
    }
    .compareTable td img, .compareTable th img {
    margin-left: auto;
    margin-right: auto
    }
    .compareTable td:first-child, .compareTable th:first-child {
    border-left: 0
    }
    .compareTable .filterGroup .toggle th {
    cursor: pointer;
    text-transform: uppercase;
    color: #ccc;
    background: #fff
    }
    .compareTable .filterGroup .toggle th:before {
    font-family: FontAwesome;
    content: '';
    display: inline-block;
    margin-right: 5px
    }
    .compareTable .filterGroup .open th:before {
    content: ''
    }
    .compareTable .highlighted {
    background: #b9e1fc
    }
    .compareTable .big {
    color: #777;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1em
    }
    #compareTableHeader {
    position: fixed;
    top: -100%;
    z-index: 10;
    margin: 0;
    -webkit-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 8px -5px rgba(0, 0, 0, .5);
    -webkit-transition: top .7s;
    -moz-transition: top .7s;
    -o-transition: top .7s;
    -ms-transition: top .7s;
    transition: top .7s
    }
    #compareTableHeader.fixed {
    top: 0;
    -webkit-transition: top .7s;
    -moz-transition: top .7s;
    -o-transition: top .7s;
    -ms-transition: top .7s;
    transition: top .7s
    }
    #compareTableHeader table {
    margin: 0
    }
    #compareTableHeader .productLink {
    text-decoration: none;
    color: #0c347b
    }
    .compare1 th:first-child, .compare2 td, .compare2 th {
    width: 33%
    }
    .compare3 td, .compare3 th {
    width: 25%
    }
    .compare4 td, .compare4 th {
    width: 20%
    }
    @media only screen and (max-width:599px) {
    #compareTable, #compareTableHeader {
    display: none
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    #compareTableHeader.fixed {
    top: 45px
    }
    }
    #storesForm .iB {
    vertical-align: top
    }
    #storesForm .btnLocate {
    padding-top: .35em;
    padding-bottom: .35em
    }
    .borderdList {
    overflow: hidden;
    padding: 0;
    margin: 0
    }
    .borderdList li {
    margin: 0;
    list-style: none
    }
    #storesList .refine {
    margin: 0
    }
    .storesList {
    overflow: hidden;
    background: #fff
    }
    .storesList li {
    margin-top: -1px;
    position: relative;
    z-index: 0;
    border: 1px solid #ddd;
    display: block;
    padding: 1em .5em;
    text-decoration: none;
    color: #333;
    overflow: hidden
    }
    .storesList li .btn {
    position: absolute;
    bottom: 1em;
    right: 10px
    }
    .storesList li .btn:active {
    position: absolute;
    top: auto
    }
    .storesList li .distance {
    float: right;
    color: #999
    }
    .storesList li .desc {
    vertical-align: top;
    display: inline-block;
    width: 87%
    }
    .storesList li:focus, .storesList li:hover {
    z-index: 1;
    border-color: #ccc;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .075)
    }
    .storesList li:focus+li, .storesList li:hover+li {
    border-top: 1px solid #ccc
    }
    .storesList li p {
    margin: 0 0 .5em
    }
    .route {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #ccc;
    width: 33%;
    list-style: none;
    background: #fff
    }
    .route li {
    position: relative;
    margin: -1px 10px 0;
    padding: 10px 15% 10px 0;
    border-top: 1px solid #ddd;
    float: left;
    width: 80%;
    clear: left
    }
    .route li .count {
    display: inline-block;
    width: 1em;
    font-weight: 700
    }
    .route li .journey {
    display: block;
    position: absolute;
    z-index: 2;
    padding: 0 .5em;
    right: 0;
    bottom: -.5em;
    font-size: .88em;
    background: #fff;
    color: #ccc
    }
    .route li .instructions div {
    color: #666
    }
    .route .close {
    padding: 5px 0;
    margin: 0 .5em;
    border-top: 0;
    float: none;
    width: auto
    }
    .route .close a {
    color: #bbb;
    text-decoration: none
    }
    .route .close a:focus, .route .close a:hover {
    color: #999
    }
    .route .close a span {
    display: none
    }
    .route .close+li {
    border-top: 0
    }
    #map h4 {
    font-size: 1.12em;
    margin: 0 0 5px
    }
    #map label {
    width: auto
    }
    #map p {
    margin: 0 0 .5em
    }
    #map #marker {
    display: none
    }
    @media only screen and (max-width:599px) {
    .storesList li .address {
    width: auto;
    max-width: 100%
    }
    .storesList li .btn {
    position: relative;
    float: right;
    margin-top: 1em
    }
    .storesList li .btn:active {
    top: auto;
    position: relative
    }
    }
    @media only screen and (max-width:1024px) {
    a[href="#storesListC"] {
    width: 100% !important
    }
    #storesForm {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem
    }
    #storesForm label {
    width: auto
    }
    #storesForm .iB {
    display: inline-block
    }
    #storesForm .floatChild {
    display: inline-block;
    width: 50%
    }
    #storesForm .btnLocate span {
    display: none
    }
    #storesForm * {
    margin-bottom: 0
    }
    .storesList li img {
    position: absolute;
    top: 1em;
    left: .5em
    }
    .storesList li .desc {
    padding-left: 30px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
    #map, #map label {
    display: none
    }
    }
    @media only screen and (min-width:600px) and (max-width:1024px) {
    #map {
    top: 0 !important
    }
    #storeDetail .plug {
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important
    }
    #mobileMapC {
    float: right
    }
    #storeAddress {
    float: left;
    width: 80%;
    margin-left: 0
    }
    }
    @media only screen and (min-width:1025px) {
    #mobileMapC {
    display: none
    }
    #storesForm {
    overflow: visible;
    padding-top: 7px;
    padding-bottom: 7px
    }
    #storesForm p {
    margin: 0
    }
    #storeDetail {
    border-bottom: 1px solid #ccc
    }
    .storesList {
    display: block !important;
    border-left: 1px solid #ccc
    }
    .storesList li {
    border-left: 0
    }
    .storesList li .btn, .storesList li .btn:active {
    position: relative;
    right: auto;
    bottom: auto;
    top: auto;
    padding-top: .3em;
    padding-bottom: .3em
    }
    #footer .storeFinder {
    position: relative;
    margin-top: -6px;
    border-left: 1px solid #ccc;
    width: 22.7%;
    height: 141px;
    padding: 5px 10px 10px;
    background: #fbfbfb
    }
    #footer .storeFinder .iLink span {
    text-decoration: none
    }
    #footer .storeFinder h4 {
    font-size: 1em
    }
    #footer .storeFinder .findStores {
    width: 65%
    }
    #footer .storeFinder .homepage-stores-btn {
    padding: 10px;
    background: #ebebeb
    }
    #footer .storeFinder .mapPattern {
    position: absolute;
    bottom: 2.1em;
    right: 1em;
    z-index: 0;
    opacity: .5;
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    height: 120px;
    width: 75px
    }
    }
    @media only screen and (min-width:1240px) {
    #footer .storeFinder {
    width: 23.25%
    }
    }
    .knowHow {
    border: 1px solid #131313
    }
    .knowHow .header {
    padding: 5px 10px;
    background: #131313;
    color: #eee;
    font-family: Knowhow;
    font-weight: 400;
    font-size: 1.17em
    }
    .knowHow .header span {
    display: inline-block;
    vertical-align: middle;
    margin-top: .2em
    }
    .knowHow .in {
    width: auto !important;
    padding: 1em 10px;
    background: #fff;
    float: none
    }
    .ad {
    text-align: center;
    overflow: hidden
    }
    .ad *, .ad img {
    display: block;
    margin: 0 auto
    }
    .banner {
    position: relative;
    display: block;
    vertical-align: middle;
    text-align: left;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 10px;
    height: 160px;
    font-family: Gotham, Arial, sans-serif;
    text-decoration: none;
    font-size: 1.8em;
    line-height: 1;
    color: #333;
    -webkit-box-shadow: inset 0 -50px 50px rgba(0, 0, 0, .08);
    box-shadow: inset 0 -50px 50px rgba(0, 0, 0, .08)
    }
    .banner .icon-chevron-right {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: .8em;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
    }
    .banner:focus, .banner:hover {
    color: #161b7a
    }
    .banner:focus [class*=icon-], .banner:focus [class^=icon-], .banner:hover [class*=icon-], .banner:hover [class^=icon-] {
    right: 5px
    }
    .banner strong {
    display: inline-block;
    font-weight: 400;
    font-size: 1.2em
    }
    .banner img {
    display: block;
    max-width: 100%;
    height: auto
    }
    .wide_banner {
    display: block
    }
    .wide_banner img {
    margin: 10px auto;
    display: block;
    max-width: 100%;
    height: auto
    }
    .imgBanner .respContent, .wide_banner:first-child, .wide_banner:first-child img, aside .respContent {
    margin-top: 0
    }
    .imgBanner .banner, aside .banner {
    height: auto;
    font-size: 1.6em;
    padding-bottom: 1em;
    background-image: none !important
    }
    @media only screen and (max-width:1024px) {
    #dsgContent {
    overflow-x: auto
    }
    }
    @media only screen and (min-width:1025px) {
    #copNav {
    display: block !important
    }
    }
    .downloadSteps {
    border: 1px solid #5a93b6
    }
    .downloadSteps header {
    background: #3c5b8b;
    background: -webkit-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: -moz-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: -o-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: -ms-linear-gradient(top, #5a93b6 0, #3c5b8b 100%);
    background: linear-gradient(to bottom, #5a93b6 0, #3c5b8b 100%);
    padding: .7em 1em
    }
    .downloadSteps header * {
    font-size: 1.1em;
    font-weight: 700;
    color: #eee
    }
    .downloadSteps li {
    margin: 0
    }
    .downloadSteps li:first-child .in {
    border: 0
    }
    .downloadSteps li .in {
    padding: 1em;
    border-left: 1px solid #5a93b6;
    min-height: 6.1em
    }
    .downloadSteps li .in div {
    display: inline-block;
    vertical-align: top;
    max-width: 85%
    }
    .downloadSteps li .in p {
    margin: 1em 0 0
    }
    .downloadSteps li .step {
    display: inline-block;
    margin-right: .3em;
    vertical-align: top;
    font-size: 2em;
    font-weight: 700;
    color: #3c5b8b
    }
    .downloadFrame {
    margin-left: 1.3em
    }
    .downloadFrame iframe {
    margin-left: -1.3em
    }
    .downloadFrame li {
    margin-bottom: 0
    }
    .keyFrame span:first-child {
    margin-left: -1.3em
    }
    @media only screen and (max-width:1024px) {
    #toolbar .accountDrop {
    display: none
    }
    #toolbar li.account {
    position: relative
    }
    .downloadSteps li:first-child .in {
    border-top: 0
    }
    .downloadSteps li .in {
    min-height: 0;
    border-top: 1px solid #5a93b6;
    border-left: 0
    }
    .downloadSteps li .in div {
    display: inline-block;
    vertical-align: middle
    }
    .downloadSteps li .step {
    vertical-align: middle
    }
    }
    @media only screen and (min-width:1025px) {
    aside .toggleControler {
    display: none
    }
    #toolbar .accountDrop {
    display: none;
    position: absolute;
    right: 0;
    top: 3.1em;
    width: 180px;
    z-index: 9998;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
    }
    #toolbar .accountDrop ul {
    padding: 0
    }
    #toolbar .accountDrop li {
    margin: 0;
    float: none
    }
    #toolbar .accountDrop li a {
    padding: 7px 10px;
    font-size: .92em;
    font-weight: 400
    }
    #toolbar .accountDrop li a:active, #toolbar .accountDrop li a:focus, #toolbar .accountDrop li a:hover {
    text-decoration: none
    }
    #toolbar .accountDrop li a:active {
    color: #fff
    }
    #toolbar li.account {
    position: relative
    }
    #toolbar li.account:hover>div>a {
    padding: 13px 9px 9px 4px;
    border: 1px solid #ccc;
    border-bottom-color: #fafafa;
    background: #fafafa;
    position: relative;
    z-index: 9999
    }
    #toolbar li.account:hover>div>a:before {
    overflow: hidden;
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    background: #ccc
    }
    #toolbar li.account:hover .accountDrop {
    display: block
    }
    }
    .e404 {
    overflow: hidden;
    position: relative;
    font-size: 0;
    font-family: 'Gotham A', 'Gotham B', Helvetica, Arial, Sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #527dc8;
    text-align: center
    }
    .e404-btn {
    border: 0;
    background: #d6e5ff;
    font-size: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    display: inline-block;
    padding: 1rem;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1
    }
    .e404-btn:active, .e404-btn:focus, .e404-btn:hover {
    color: inherit
    }
    .e404-content {
    text-align: center;
    font-size: 32px
    }
    .e404-content * {
    margin-left: auto;
    margin-right: auto
    }
    .e404-content p {
    max-width: 400px;
    padding: 0 1rem
    }
    .e404-logo {
    text-align: left
    }
    .e404-logo img {
    width: 100%;
    max-width: 578px;
    max-height: 470px
    }
    @media screen and (max-width:1024px) {
    .e404 {
    margin: 0 -1rem
    }
    }
    @media screen and (min-width:600px) {
    .e404-content, .e404-logo {
    display: inline-block;
    vertical-align: middle;
    width: 50%
    }
    }
    @media screen and (max-width:1024px) {
    .e404-btn {
    font-size: 16px
    }
    }
    @media screen and (min-width:600px) and (max-width:700px) {
    .e404-content {
    font-size: 28px
    }
    .e404-btn {
    font-size: 12px
    }
    }
    @media screen and (max-width:599px) {
    .e404-logo {
    margin-bottom: 1rem;
    margin-right: 1rem
    }
    .e404-btn {
    font-size: 14px
    }
    }
    @media print {
    .no-print {
    display: none !important
    }
    * {
    background: 0 0;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    -ms-filter: none;
    -webkit-print-color-adjust: exact
    }
    a, a:visited {
    text-decoration: none;
    color: #000
    }
    abbr[title]:after {
    content: " (" attr(title) ")"
    }
    blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
    }
    thead {
    display: table-header-group
    }
    img, tr {
    page-break-inside: avoid
    }
    @page {
    margin: .5cm
    }
    h2, h3, p {
    orphans: 3;
    widows: 3
    }
    #wrapper {
    width: auto
    }
    h2, h3 {
    page-break-after: avoid
    }
    #accessories, #desktop-nav, #fixed, #footer, #inqC2CImgContainer,
    #map, #nav, #packs, #richRelevance, #rr_placement_1, #searchForm, #services,
    #telesales, #toolbar, #topDeals, .backTop, .breadcrumb, .bundleInclude,
    .compareTable .btnIce, .compareTable .cta, .countdown .clock, .cys,
    .iLink, .mobile, .pcw, .popInContainer, .print, .processSchema, .productDetail .col3,
    .section_nav, [id*=rr_placement_], [id^=rr_placement_], form {
    display: none !important
    }
    #header {
    text-align: center;
    margin-bottom: 2em
    }
    #footer .secondary {
    display: none !important
    }
    #footer .contentInfo {
    display: block;
    margin-top: 2em;
    border-top: 1px solid #ccc;
    color: #ccc;
    text-align: center
    }
    .popInTrigger {
    text-decoration: none;
    color: #000
    }
    .popInTrigger:after {
    display: none;
    content: ''
    }
    .productDescription, .productPrices {
    margin-bottom: 1em
    }
    .currentPrice {
    font-size: 1.6em;
    font-weight: 700
    }
    .previousPrice {
    font-size: .92em
    }
    .offerSaving {
    font-size: 1.14em;
    font-weight: 700
    }
    table {
    border-collapse: separate !important
    }
    #longDesc table {
    text-align: left
    }
    #longDesc table caption {
    display: block;
    padding: .5em .25em .25em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700
    }
    #longDesc table td, #longDesc table th {
    width: 50%;
    padding: .25em;
    border-top: 1px solid #ccc
    }
    #autocomplete.yui-ac-container {
    display: none !important
    }
    .productDetail .main img {
    max-width: 400px
    }
    .productDetail .main .offerSaving {
    display: none
    }
    .inpage_key_features_row td {
    width: 50%
    }
    .simpleTable th {
    width: 30%
    }
    .MagicZoomPlus img {
    max-width: 500px
    }
    }
    #isitetv, #isitetv.isite-asset-count-1 {
    height: 385px
    }
    #isitetv.isite-asset-count-2 {
    height: 438px
    }
    #isitetv.isite-asset-count-3 {
    height: 491px
    }
    #isitetv.isite-asset-count-4 {
    height: 544px
    }
    #isitetv.isite-asset-count-5 {
    height: 597px
    }
    #isitetv.isite-asset-count-6 {
    height: 650px
    }
    #isitetv.isite-asset-count-7 {
    height: 703px
    }
    #isitetv.isite-asset-count-8 {
    height: 756px
    }
    #isitetv.isite-asset-count-9 {
    height: 809px
    }
    #isitetv.isite-asset-count-10 {
    height: 862px
    }
    #isitetv.isite-asset-count-11 {
    height: 915px
    }
    #isitetv.isite-asset-count-12 {
    height: 968px
    }
    @media only screen and (min-width:1240px) {
    #isitetv {
    height: 485px !important
    }
    }
    @media only screen and (min-width:820px) and (max-width:1024px) {
    #isitetv {
    height: 485px !important
    }
    }