* {
    margin: 0;
    padding: 0
}
img,
div {
    behavior: url(../images/iepngfix.htc)
}
body {
    background: #fff;
    font: 13px/1.35 Helvetica, Arial, sans-serif;
    color: #444;
    text-align: center;
    border-bottom: #45ABC9 5px solid
}
img {
    max-width: 100%;
    border: 0;
    vertical-align: top
}
table img {
    max-width: none
}
a {
    color: #3D8293;
    text-decoration: underline
}
a:hover {
    text-decoration: none;
    color: #367180
}
:focus {
    outline: 0
}
a[href^="tel:"] {
    cursor: default
}
h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 36px;
    font-weight: 400;
    margin-top: 0;
    color: #368ba4
}
h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    margin-top: 0
}
h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 0
}
h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px
}
h5 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700
}
h6 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700
}
form {
    display: inline
}
fieldset {
    border: 0
}
legend {
    display: none
}
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%
}
caption,
th,
td {
    vertical-align: top;
    text-align: left;
    font-weight: 400
}
address {
    font-style: normal
}
cite {
    font-style: normal
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
q,
blockquote {
    quotes: none
}
q:before,
q:after {
    content: ''
}
small {
    font-size: 10px
}
big {
    font-size: 1.2em
}
ul,
ol {
    list-style: none
}
.hidden {
    display: block!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    width: 0!important;
    height: 0!important;
    overflow: hidden!important
}
.nobr {
    white-space: nowrap!important
}
.wrap {
    white-space: normal!important
}
.a-left {
    text-align: left!important
}
.a-center {
    text-align: center!important
}
.a-right {
    text-align: right!important
}
.v-top {
    vertical-align: top
}
.v-middle {
    vertical-align: middle
}
.f-left,
.left {
    float: left!important
}
.f-right,
.right {
    float: right!important
}
.f-none {
    float: none!important
}
.f-fix {
    float: left;
    width: 100%
}
.no-display {
    display: none
}
.no-margin {
    margin: 0!important
}
.no-padding {
    padding: 0!important
}
.no-bg {
    background: none!important
}
.large-hide,
.read_scroll {
    display: none
}
input[readonly="readonly"] {
    background: #F3F3F3;
    color: #D1D1D1
}
input[type=text] {
    -webkit-border-radius: 0
}
@font-face {
    font-family: 'helveticaregular';
    src: url(../helvetica/helvetica-webfont.eot);
    src: url(../helvetica/helvetica-webfont.eot?#iefix) format("embedded-opentype"), url(../helvetica/helvetica-webfont.woff2) format("woff2"), url(../helvetica/helvetica-webfont.woff) format("woff"), url(../helvetica/helvetica-webfont.ttf) format("truetype"), url(../helvetica/helvetica-webfont.svg#helveticaregular) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.wrapper {
    background: #fff;
    padding-bottom: 20px;
    overflow: hidden
}
.page {
    margin: 0 auto;
    text-align: center
}
@media screen and (max-width: 533px) {
    .page.fixed {
        position: fixed;
        overflow: hidden
    }
}
.page-print {
    background: #fff;
    padding: 20px;
    text-align: left
}
.page-popup {
    padding: 20px;
    text-align: left
}
.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left
}
.main {
    min-height: 350px;
    padding-top: 20px;
    background-color: #fff;
    text-align: left;
    margin-top: 150px
}
.sidebar {
    min-height: 350px
}
.col1-layout .col-main {
    float: none;
    padding-top: 20px
}
.col1-layout .breadcrumbs {
    margin-bottom: 0!important
}
.col3-layout .col-main {
    width: 532px;
    margin-left: 1px;
    display: inline
}
.col3-layout .col-wrapper {
    float: left;
    width: 755px
}
.col3-layout .col-wrapper .col-main {
    float: right
}
.col2-set .col-1 {
    float: left;
    width: 49%
}
.col2-set .col-2 {
    float: right;
    width: 49%
}
.col2-set .narrow {
    width: 33%
}
.col2-set .wide {
    width: 65%
}
.col3-set .col-1 {
    float: left;
    width: 32%
}
.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%
}
.col3-set .col-3 {
    float: right;
    width: 32%
}
.col4-set .col-1 {
    float: left;
    width: 23.5%
}
.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%
}
.col4-set .col-3 {
    float: left;
    width: 23.5%
}
.col4-set .col-4 {
    float: right;
    width: 23.5%
}
input,
select,
textarea,
button {
    font: 12px Helvetica, Arial, sans-serif;
    vertical-align: middle;
    color: #444
}
input.input-text,
select,
textarea {
    background: #fff;
    border: 1px solid #c7c7c7
}
input.input-text,
textarea {
    padding: 2px
}
select {
    padding: 1px
}
select option {
    padding-right: 10px
}
select.multiselect option {
    padding: 2px;
    border-bottom: 1px solid #bbb
}
select.multiselect option:last-child {
    border-top: 0
}
textarea {
    overflow: auto;
    resize: vertical
}
textarea.default-value {
    color: #ddd
}
input.radio,
input.checkbox {
    margin: 0;
    min-height: inherit;
    display: inline;
    vertical-align: middle;
}
input.radio {
    font-size: 11px!important
}
input.qty {
    width: 2.5em!important
}
input.disabled {
    background: #f6f6f6!important;
    color: #bbb!important
}
button.button::-moz-focus-inner {
    padding: 0;
    border: 0
}
button.button {
    -webkit-border-fit: lines
}
.validation-advice {
    clear: both;
    font-size: 11px!important;
    padding: 3px 0 0!important;
    color: #d91a00!important
}
.product-options .validation-error .options-list,
.validation-failed {
    border: 1px solid #f47d4e!important;
    background: #fff7f5!important
}
input.input-text.validation-failed,
textarea.validation-failed {
    background: #fff7f5 url(../images/bkg_input-failed.gif) 0 0 repeat-x!important
}
span.validation-passed,
div.validation-passed {
    background: url(../images/icon_ok.gif) 100% 2px no-repeat;
    padding-right: 20px
}
span.validation-error,
div.validation-error {
    background: url(../images/icon_error.gif) 100% 2px no-repeat;
    padding-right: 20px
}
.required em {
    color: #f15c22;
    margin-right: 4px
}
p.required {
    margin: 0;
    padding: 5px 0 7px;
    text-align: right;
    font-size: 11px;
    color: #f02800;
    display: none
}
.form-list .validation-advice {
    width: 250px;
    margin-right: -250px
}
.v-fix {
    float: left
}
.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative
}
.fieldset {
    font-size: 12px;
    margin: 0 0 16px
}
.fieldset p {
    margin: 0 0 1.5em
}
.fieldset h2.legend {
    margin: 0 0 1.5em;
    color: #4E4E4C
}
.form-list li {
    margin: 0 0 9px;
    vertical-align: top
}
.form-list label {
    font-size: 13px;
    font-weight: 700;
    color: #444
}
.form-list .value {
    float: left;
    padding: 2px 0 0
}
.form-list .note {
    font-size: 11px
}
.form-list span.label {
    font-weight: 400
}
.form-list .input-box {
    padding-top: 5px
}
.form-list .input-box a {
    font-size: 11px;
    margin-top: 4px
}
.form-list input.input-text,
.form-list textarea {
    width: 100%;
    vertical-align: top
}
.form-list textarea {
    width: 374px;
    height: 13em
}
.form-list select {
    float: left;
    width: 380px;
    vertical-align: top
}
ul.add-row,
.form-list li.add-row {
    background: url(../images/bkg_dots.gif) repeat-x 0 0;
    margin-top: 15px
}
ul.add-row .btn-remove,
.form-list li.add-row .btn-remove {
    font-size: 0;
    line-height: 0;
    padding: 5px 5px 0 0;
    margin: 0;
    text-align: right
}
.form-list .range input.input-text {
    float: none;
    width: 64px;
    vertical-align: middle
}
.form-list .add-field .input-box {
    margin-left: 240px
}
.form-list .control {
    position: relative;
    vertical-align: top;
    z-index: 1
}
.form-list .control label {
    line-height: 16px
}
.form-list .control .input-box {
    display: inline-block
}
.form-list .control input.radio {
    margin-top: 3px
}
.form-alt label {
    float: none;
    display: inline;
    width: auto
}
.form-alt li {
    margin: 0 0 5px;
    line-height: 16px
}
.form-alt select {
    width: 496px
}
.form-alt .input-box {
    width: 496px;
    margin-top: 5px;
    padding-bottom: 11px
}
.form-alt .input-text {
    width: 480px
}
.form-list-narrow label {
    width: 105px
}
.form-list-narrow select {
    width: 290px
}
.form-list-narrow input.input-text,
.form-list-narrow textarea {
    width: 285px
}
.form-list-narrow .wide {
    width: auto
}
.form-list-narrow .add-field .input-box {
    margin-left: 0
}
.form-list-narrow .control .input-box {
    margin-left: 120px
}
.inner-form {
    margin: 10px 0 5px;
    padding: 10px 0 0;
    border: 1px dashed #d1d1d1;
    border-width: 1px;
    background: #f7f7f7
}
.inner-form .form-alt label {
    padding-left: 5px
}
.form-list .customer-dob label {
    float: none;
    width: auto;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    color: #777
}
.form-list .customer-dob .input-box {
    float: left;
    width: auto;
    margin-right: 8px
}
.form-list .customer-dob .input-box .validation-advice {
    display: none!important
}
.form-list .customer-dob input.input-text {
    float: none;
    display: block;
    margin-bottom: 2px
}
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-year {
    float: left;
    margin-right: 8px;
    padding-right: 0!important;
    background: none!important
}
.form-list .customer-dob .dob-day .validation-advice,
.form-list .customer-dob .dob-month .validation-advice,
.form-list .customer-dob .dob-year .validation-advice {
    display: none
}
.form-list .customer-dob .dob-year {
    margin-right: 0
}
.form-list li.fields {
    margin: 0
}
.buttons-set {
    clear: both;
    margin: 15px 0
}
.buttons-set p.back-link {
    float: left;
    padding: 2px 15px 0 0;
    text-align: right;
    margin: 0
}
a.back-link {
    color: #999
}
.buttons-set p.back-link a {
    color: #999
}
.buttons-set a.button,
.buttons-set button.button {
    float: right;
    margin-left: 7px
}
.buttons-set2 {
    clear: both;
    margin: 5px 0 0;
    padding: 5px;
    background-color: #ededed;
    text-align: right
}
.form-buttons {
    margin: 0
}
.form-buttons .button {
    float: right;
    margin-left: 15px
}
.form-buttons p.back-link {
    float: left;
    padding: 2px 15px 0 0;
    text-align: right
}
button.button {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    overflow: visible;
    cursor: pointer;
    vertical-align: middle
}
a.button,
button.button,
.aw-acp-checkout,
.aw-acp-continue,
input#submit {
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0 20px;
    margin: 0;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-shadow: none;
    cursor: pointer;
    background: #575454;
    display: -moz-inline-stack;
    display: inline-block;
    color: #fff;
    height: 31px;
    text-decoration: none;
    cursor: pointer;
    text-decoration: none
}
a.button:hover,
button.button:hover,
.aw-acp-checkout:hover,
.aw-acp-continue:hover,
input#submit:hover {
    color: #fff;
    text-decoration: none;
    background: #4E4E4C
}
.button:active,
.aw-acp-checkout:active,
.aw-acp-continue:active {
    bottom: -1px;
    right: -1px;
    position: relative;
    z-index: 2
}
button.btn-small,
a.btn-small {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px
}
button.disabled a.disabled {
    color: #ccc;
    background-color: #eee;
    cursor: default!important;
    bottom: 0!important;
    right: 0!important
}
.btn-large,
.ajax-cart__buttons-set .btn-view-cart,
.aw-acp-checkout,
.aw-acp-continue {
    height: 50px;
    line-height: 49px;
    font-size: 14px
}
.btn-remove {
    text-decoration: none;
    font-size: 0
}
.col3-layout .form-list .note {
    padding-left: 165px;
    width: 280px
}
.col3-layout .form-buttons p.back-link,
.col3-layout .form-list label {
    width: 150px
}
.col3-layout .form-list input.input-text,
.col3-layout .form-list textarea {
    width: 274px
}
.col3-layout .form-list select {
    width: 280px
}
.col3-layout .form-list .control .input-box {
    margin-left: 165px
}
.col3-layout .form-list .customer-dob .dob-day input.input-text {
    width: 74px
}
.col3-layout .form-list .customer-dob .dob-month input.input-text {
    width: 74px
}
.col3-layout .form-list .customer-dob .dob-year {
    margin-right: 0
}
.col3-layout .form-list .customer-dob .dob-year input.input-text {
    width: 98px
}
.col3-layout p.required,
.col3-layout .form-buttons {
    width: 445px
}
.messages {
    width: 100%;
    overflow: hidden;
    text-align: left;
    margin-top: 10px
}
.messages li {
    margin: 0 0 10px;
    padding: 0;
    word-wrap: break-word
}
.std .messages {
    margin-top: 0;
    width: auto;
    list-style: none!important;
    padding: 0!important;
    margin-bottom: 0!important
}
.std .messages ul {
    list-style: none!important;
    padding-left: 17px!important;
    margin: 0 0 -11px!important
}
.breadcrumbs {
    margin-left: 0;
    text-align: left;
    padding: 0 0 10px
}
.breadcrumbs li {
    display: inline
}
.breadcrumbs li span,
.breadcrumbs li strong,
.breadcrumbs a {
    color: #888;
    font-weight: 400;
    text-decoration: none;
    font-size: 12px
}
.breadcrumbs li strong {
    cursor: default
}
.breadcrumbs li span {
    margin-right: 4px;
    margin-left: 3px
}
.breadcrumbs li span:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: 400;
    position: relative;
    top: 1px
}
.breadcrumbs a:hover {
    text-decoration: underline
}
.breadcrumbs li:last-child a,
.breadcrumbs li:last-child a:hover {
    text-decoration: none;
    cursor: default
}
.page-title {
    margin-bottom: 20px
}
.page-title .link-rss {
    float: right;
    margin-top: 8px
}
.title-buttons {
    text-align: right
}
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left
}
.title-buttons .link-print {
    float: right;
    margin-top: 4px
}
.subtitle {
    clear: both;
    padding: 10px 0;
    font-size: 18px;
    color: #d12c01
}
.col1-layout .col-main .page-title {
    margin-top: -20px
}
.sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 19px;
    margin: 0 0 10px
}
.sub-title .separator {
    font-weight: 400
}
.sub-title a {
    font-size: 11px;
    font-weight: 400;
    text-transform: lowercase
}
.section-title {
    font-size: 14px;
    font-weight: 400;
    color: #151515;
    margin: 0 0 5px
}
#mti_wfs_colophon {
    display: none!important
}
:-moz-any(.custom-select):before {
    background-color: #fff;
    pointer-events: none;
    z-index: 1!important
}
.custom-select select::-ms-expand {
    display: none
}
.custom-select select:focus {
    outline: none
}
.custom-select {
    background-color: #fff;
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}
.custom-select select {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    color: #333;
    display: block;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: 9px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}
.custom-select:before {
    color: #46ABC9;
    height: 100%;
    line-height: 36px;
    padding-right: 22px;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 10px;
    z-index: -1;
    font-family: 'FontAwesome'
}
.custom-select.custom-filter:before {
    color: #fff;
    background-color: #46ABC9;
    padding: 0;
    width: 30px;
    line-height: 32px
}
.custom-contact-select{
    position: relative;
}
.custom-contact-select select{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
    text-inden: 0.01px;
    padding-left: 10px;
    border-radius: 0;
    border: 1px solid #ccc;
}
.custom-contact-select:after {
    color: #333333;
    font-family: 'FontAwesome';
    font-size: 1.7em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 0.625em;
    position: absolute;
    display: block;
    top: 6px;
    right: 16px;
    z-index: 3;
    pointer-events: none;
    content: "\f107";
    background: #fff;
}
.sorter-pager {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #F3F3F3;
    border: 1px solid #ececec!important;
    color: #4C4C4C
}
.sorter-pager label {
    font-weight: 400
}
.sorter-pager .pages {
    margin: 0;
    color: #333;
    padding-top: 8px;
    padding-bottom: 6px
}
.sorter-pager > div > div {
    padding: 0;
    text-align: center
}
.sorter-pager span,
.sorter-pager > div > div > a {
    line-height: 34px;
    font-size: 11px
}
.sorter-pager .sort-by {
    width: 45px
}
.sorter-pager .pages a {
    text-decoration: none;
    margin-right: -5px;
    background-color: #fff;
    padding: 9px 13px;
    border: 1px solid #e5e5e5;
    color: #bdbdbd
}
.sorter-pager .pages a:hover {
    color: #8c8c8c;
    text-decoration: none
}
.sorter-pager .pages ol {
    display: inline;
    padding: 0 2px
}
.sorter-pager .pages li {
    display: inline;
    margin-right: 0;
    padding: 0
}
.sorter-pager .pages li.current {
    margin-right: -5px;
    background-color: #fff;
    padding: 9px 13px;
    border: 1px solid #e5e5e5;
    color: #46ABC9;
    font-weight: 400
}
.sorter-pager .pages .i-previous,
.sorter-pager .pages .i-next {
    text-decoration: none!important
}
.pager-only {
    clear: both
}
.pager-only .pages {
    margin: 0
}
.sorter-pager .pages .i-previous:after,
.sorter-pager .pages .i-next:before {
    text-transform: uppercase;
    color: #46ABC9;
    font-size: 11px
}
.sorter-pager .pages .i-previous:after {
    content: "Prev"
}
.sorter-pager .pages .i-next:before {
    content: "Next"
}
.sorter-pager .pages .i-previous:before,
.sorter-pager .pages .i-next:after {
    color: #46ABC9;
    font-family: "FontAwesome";
    font-size: 16px;
    vertical-align: middle
}
.sorter-pager .pages .i-next:before,
.sorter-pager .pages .i-previous:after {
    content: ''
}
.sorter-pager .pages .i-previous:before {
    content: "\f104";
    padding-right: 0
}
.sorter-pager .pages .i-next:after {
    content: "\f105";
    padding-left: 0
}
.sorter-pager {
    background: #F3F3F3;
    color: #333
}
.sorter-pager p {
    margin: 0
}
.sorter-pager .view-mode {
    white-space: nowrap;
    padding-top: 7px
}
.sorter-pager .view-mode label {
    margin: 0 10px 0 0;
    font-weight: 400;
    font-size: 12px;
    color: #4c4c4c
}
.sorter-pager .view-mode a.list-fix,
.sorter-pager .view-mode a.list,
.sorter-pager .view-mode strong.list-fix,
.sorter-pager .view-mode strong.list,
.sorter-pager .view-mode a.grid-fix,
.sorter-pager .view-mode a.grid,
.sorter-pager .view-mode strong.grid-fix,
.sorter-pager .view-mode strong.grid {
    background: url(../images/bkg_viewmode.png) no-repeat 0 0;
    width: 50px;
    height: 15px;
    text-align: left;
    text-indent: 0;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    color: #46ABC9;
    margin: 0;
    padding: 12px 10px 6px
}
.sorter-pager .view-mode a.list,
.sorter-pager .view-mode strong.list,
.sorter-pager .view-mode a.grid,
.sorter-pager .view-mode strong.grid {
    background: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin-right: -5px
}
.sorter-pager .view-mode a.list {
    background-position: 0 -44px
}
.sorter-pager .view-mode strong.list {
    background-position: 0 -29px;
    color: #4c4c4c
}
.sorter-pager .view-mode a.grid {
    background-position: 0 -15px
}
.sorter-pager .view-mode strong.grid {
    background-position: 0 0;
    color: #4c4c4c
}
.sorter-pager .view-mode a.list-fix {
    background-position: 0 -58px
}
.sorter-pager .view-mode strong.list-fix {
    background-position: 0 -87px
}
.sorter-pager .view-mode a.grid-fix {
    background-position: -24px -58px
}
.sorter-pager .view-mode strong.grid-fix {
    background-position: -24px -87px
}
.sorter-pager .view-mode a.list:before,
.sorter-pager .view-mode strong.list:before {
    font-family: 'FontAwesome';
    content: "\f00b";
    font-size: 17px;
    color: #bdbdbd;
    line-height: 1.4
}
.sorter-pager .view-mode strong.list:before {
    color: #46ABC9
}
.sorter-pager .view-mode a.grid:before,
.sorter-pager .view-mode strong.grid:before {
    font-family: 'FontAwesome';
    content: "\f009";
    font-size: 17px;
    color: #bdbdbd;
    line-height: 1.4
}
.sorter-pager .view-mode strong.grid:before {
    color: #46ABC9
}
.sorter-pager .sort a {
    color: #46ABC9;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 2px
}
.toolbar {
    margin-top: -1px
}
.toolbar .sorter-pager {
    border-width: 0
}
.toolbar-bottom .toolbar {
    margin-top: 20px
}
.toolbar-bottom .sorter-pager {
    margin-bottom: 20px
}
.table-caption {
    margin: 0 0 1px;
    padding: 7px 10px;
    font: 14px/1.25 Helvetica, Arial, sans-serif;
    color: #444;
    background: #f3f3f3;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}
.table-caption a {
    font-size: 11px;
    text-transform: lowercase
}
@media (max-width: 1199px) {
    .sorter-pager .pages.hidden-mobile {
        display: none
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sorter-pager .sort {
        margin-bottom: 10px
    }
    .sorter-pager .pages-inner {
        margin-left: 43px
    }
}
@media (max-width: 991px) {
    .sorter-pager .page-count-label-inner {
        margin-left: 10px
    }
}
.data-table {
    width: 100%;
    border-collapse: separate
}
.data-table th {
    padding: 7px 12px;
    color: #2d2d2d;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap
}
.data-table td {
    padding: 7px 12px
}
.data-table thead {
    background: #E3F2F7;
    font-size: 11px
}
.data-table tfoot {
    background: #E3F2F7
}
.data-table tfoot td {
    padding: 5px 12px
}
.data-table tfoot th {
    border: none;
    text-transform: none
}
.data-table td {
    border-bottom: #ccc 1px dotted
}
.data-table tr.last th,
.data-table tr.last td {
    border-bottom: 0 none
}
.data-table tbody.odd td {
    border-width: 0 1px
}
.data-table tbody.even {
    background-color: #f5f5f5
}
.data-table tbody.even td {
    border-width: 0 1px
}
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
    border-bottom-width: 1px
}
.data-table th .tax-flag {
    white-space: nowrap;
    font-weight: 400
}
.data-table td.label,
.data-table th.label {
    font-weight: 700;
    text-transform: none;
    border-color: #fff;
    background-color: #f7f7f7
}
.data-table td.value {
    float: none!important
}
.data-table .link-rss {
    display: block
}
.page-popup .data-table td,
.page-popup .data-table th {
    border-bottom: 1px solid #d9d9d9
}
.page-popup .buttons-set .button {
    float: right
}
tr.summary-total {
    cursor: pointer
}
tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    background: url(../images/bkg_collapse.gif) 0 4px no-repeat;
    cursor: pointer
}
tr.show-details .summary-collapse {
    background-position: 0 -53px
}
tr.summary-details td {
    background-color: #ede9e6;
    font-size: 12px;
    padding: 5px!important
}
tr.summary-details-excluded {
    font-style: italic
}
.cart-tax-info,
.cart-tax-info .cart-price {
    display: block;
    padding-right: 20px
}
.cart-tax-total {
    display: block;
    padding-right: 20px;
    background: url(../images/bkg_collapse.gif) 100% 3px no-repeat;
    cursor: pointer
}
.cart-tax-total-expanded {
    background-position: 100% -54px
}
ul.links,
ul.links li {
    display: inline
}
ul.links li .separator {
    margin: 0 2px 0 5px;
    font-size: 10px;
    color: #8f8f8f
}
ul.links li.last .separator {
    display: none
}
.rewards {
    margin: -10px 0 20px 15px
}
.reward-message {
    display: block;
    margin: 5px -15px;
    padding: 4px 0 0 15px;
    font: bold 17px/22px Helvetica, Arial, sans-serif;
}
.reward-message p {
    display: inline;
    margin: 0!important;
    color: #4E4E4C;
}
.reward-message .limit {
    display: block;
}
.reward-message a {
    color: #348BA4;
    text-decoration: underline;
    font-weight: normal;
}
.reward-message a:hover {
    color: #4c4c4e;
    text-decoration: none
}
.reward-message p.regular{
    display: inherit;
}
.reward-message .price {
    font-weight: 400
}
.reward-message p.balance{
    color: #777;
    font-weight: normal;
}
.reward-review,
.reward-tag,
.reward-checkout {
    margin: 0
}
.std a {
    color: #45ABC9;
    text-decoration: none;
    border-bottom: #ccc 1px solid;
    border-bottom: rgba(255, 255, 255, .5) 1px solid
}
.std a:hover {
    color: #358AA3;
    border-color: rgba(69, 171, 201, .3)
}
.std address,
.std blockquote,
.std table {
    margin-bottom: 1em
}
.std ul {
    list-style: disc outside;
    padding-left: 1.5em
}
.std ol {
    list-style: decimal outside;
    padding-left: 1.5em
}
.std ul ul {
    list-style-type: circle
}
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
    margin: .5em 0
}
.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em
}
.std address {
    font-style: normal
}
.std p {
    margin-bottom: 15px;
    line-height: 161.8%
}
.std b,
.std strong {
    font-weight: 700
}
.std i,
.std em {
    font-style: italic
}
.std hr {
    margin: 30px 0;
    height: 0;
    border-top: 2px dotted #ccc;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    clear: both
}
.std table {
    width: 100%
}
.std table thead {
    background: #e8e8e8
}
.std table th {
    background: #f7f7f7;
    font-weight: 700
}
.std table thead th {
    background: #e8e8e8;
    font-weight: 700
}
.std table th,
.std table td {
    padding: 5px 10px;
    border: 1px solid #d9d9d9
}
.std table[border="0"] {
    border-width: 0
}
.std table[border="0"] th,
.std table[border="0"] td {
    border-width: 0
}
.std dt,
.std dd {
    float: left
}
.std dt {
    margin-right: 3px;
    font-weight: 700;
    clear: left
}
.std dl,
.std dd:after {
    content: "";
    display: table;
    clear: both
}
.std h1,
.std h2,
.std h3,
.std h4,
.std h5,
.std h6 {
    margin-top: 25px;
    margin-bottom: 15px
}
.std h1 {
    font-size: 24px
}
.std h2 {
    font-size: 20px
}
.std h3 {
    font-size: 13px;
    font-weight: 700
}
.std h4 {
    font-size: 14px;
    font-weight: 400
}
ul.disc li {
    padding-left: 10px;
    background: url(../images/bkg_bulletsm.gif) no-repeat 0 .5em
}
.std ul.disc li {
    padding-left: 0;
    background: none
}
.link-rss {
    background: url(../images/icon_rss.gif) 100% 1px no-repeat;
    padding-right: 18px;
    white-space: nowrap
}
.link-rss:hover {
    color: #f58550
}
.link-print {
    background: url(../images/icon_printer.gif) 0 1px no-repeat;
    padding: 2px 0 2px 25px;
    white-space: nowrap
}
.link-cart {
    white-space: nowrap;
    font-weight: 700;
    color: #c73615;
    text-decoration: underline
}
.link-cart:hover {
    color: #c73615;
    text-decoration: none
}
.data-table .btn-remove {
    display: block;
    margin: 0 auto;
    width: 13px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    background: url(../images/btn_remove.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer
}
.cards-list dt {
    margin: 5px 0 0
}
.cards-list .offset {
    padding: 2px 0 2px 20px
}
.divider {
    margin: 16px 0;
    background: #e7e7e7;
    font-size: 0;
    line-height: 0;
    height: 1px;
    overflow: hidden
}
.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f
}
.global-site-notice .notice-inner {
    width: 860px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(../images/i_notice.gif) 20px 25px no-repeat;
    text-align: left
}
.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px
}
.global-site-notice .notice-inner .actions {
    padding-top: 10px
}
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff
}
.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: none;
    text-align: center
}
.demo-notice .notice-inner p {
    padding: 0;
    border: 0
}
.free-shipping {
    float: left;
    margin: 15px 0 0 10px;
    display: inline
}
.header-container {
    text-align: left;
    position: absolute;
    width: 100%;
    background-color: #F7F3EB
}
.header {
    min-height: 56px;
    position: relative;
    z-index: 5;
    background-color: #F7F3EB
}
.header-left,
.header-right {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: #327690;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyNzY5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzliYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #327690 0%, #7c9ba9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #327690), color-stop(100%, #7c9ba9));
    background: -webkit-linear-gradient(top, #327690 0%, #7c9ba9 100%);
    background: -o-linear-gradient(top, #327690 0%, #7c9ba9 100%);
    background: -ms-linear-gradient(top, #327690 0%, #7c9ba9 100%);
    background: linear-gradient(to bottom, #327690 0%, #7c9ba9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#327690', endColorstr='#7c9ba9', GradientType=0)
}
.header-left {
    left: 0
}
.header-right {
    right: 0
}
.header a.logo {
    text-decoration: none!important;
    display: block;
    margin: 30px 0;
    text-align: center
}
.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
}
.header a.logo img {
    margin: 0 auto;
    width: 100%;
    max-width: 225px
}
.header a.logo .logo-tagline {
    margin-top: 5px;
    max-width: 225px
}
.header .quick-access .links {
    margin-bottom: 15px;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    right: 5px;
    float: right;
    display: block
}
.header .quick-access .links li {
    padding: 0 0 0 20px
}
.header .quick-access .links li.first {
    padding-left: 0
}
.header .quick-access .links li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap
}
.header .quick-access .checkout-link li {
    font-weight: 700;
    padding: 0 0 0 12px;
    background-position: 6px 4px
}
.header .quick-access .cart-link li {
    font-weight: 700;
    padding: 0;
    background: none
}
.header .quick-access .links li a:before {
    font-family: 'FontAwesome';
    padding-right: 8px;
    color: #FDB912;
    font-size: 18px;
    position: relative;
    top: 1px
}
.header .quick-access .links li a.link-signin:before {
    content: "\f090"
}
.header .quick-access .links li a.link-signout:before {
    content: "\f08b"
}
.header .quick-access .links li a.link-register:before {
    content: "\f007"
}
.header .quick-access .links li a.link-account:before {
    content: "\f044"
}
#invitation-send-link {
    background: url(../images/bkg_sep.gif) no-repeat 100% 50%;
    padding: 0 6px 0 0;
    margin: 0 4px 0 0;
    font-weight: 700
}
#invitation-send-link a {
    background: url(../images/bkg_invitation-link.gif) no-repeat 3px 6px;
    padding-left: 23px;
    display: inline-block
}
#invitation-send-link a,
x:-moz-any-link {
    background-position: 3px -2px
}
#invitation-send-link a,
x:-moz-any-link,
x:default {
    background-position: 3px 6px
}
.header-panel .header-panel-left {
    padding-right: 0;
    padding-left: 0
}
.header-panel .header-panel-left ul {
    margin-bottom: 0
}
.header-panel .header-panel-left ul li {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative
}
.header-panel .header-panel-left ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px;
    display: block
}
.header-panel .header-panel-left ul li a span {
    display: none
}
.header-panel .header-panel-left ul li a:after {
    content: "\f078";
    font-family: 'FontAwesome';
    padding-left: 10px
}
.header-panel .header-panel-left ul li.shown a:after {
    content: "\f077"
}
.header-panel .header-panel-left ul li.blog {
    background: #3D8293
}
.header-panel .header-panel-left ul li.phone {
    padding: 10px 0px 10px 15px;
}
.header-panel .header-panel-left ul li.phone:before {
    content: "\f095";
    font-family: 'FontAwesome';
    padding-right: 10px
}
.header-panel .header-panel-left ul li.phone a {
    padding: 0;
    display: inline
}
.header-panel .header-panel-left ul li.phone a:after {
    content: none
}
.header-panel .header-panel-left .global-menu {
    padding-bottom: 10px;
    width: 200px;
    background-color: #4E4E4C;
    border: #fff 1px solid;
    position: absolute;
    top: 36px;
    z-index: 10
}
.header-panel .header-panel-left .global-menu li,
.header-panel .header-panel-left .global-menu li a {
    text-align: left;
    display: block;
    float: none
}
.header-panel .header-panel-left .global-menu li a:hover {
    background-color: #000
}
.header-panel .header-panel-left .global-menu li a:after {
    content: none!important
}
.logged-in .header-panel .link-signin,
.logged-in .header-panel .link-register,
.block-facebook-like-box-mobile,
.logged-out .header-panel .link-signout,
.logged-out .header-panel .link-my-account,
.body.logged-in .header-panel .header-panel-right ul.site-switcher {
    display: none
}
.header-panel {
    margin: 0;
    width: 100%;
    height: 36px;
    text-align: center;
    z-index: 994;
    background: #4E4E4C;
    color: #fff;
    position: relative
}
.header-panel .welcome-msg {
    margin: 10px 0;
    font-style: italic;
    white-space: nowrap
}
.header-panel .welcome-msg h1 {
    margin: 0;
    font-size: 12px;
    line-height: 16px
}
.header_inner {
    position: relative
}
.header-panel .header-panel-right {
    position: absolute;
    right: 151px;
    top: 1px
}

/* ======================================================== *
 * Bronto Sweet Tooth (BST) Design and Interactions
 * ======================================================== */

.top-form-element.sli-hidden {
    display: none;
}
.page.sli-remove-border {
    border-top: none;
}

.page.page-bst-hidden .header-panel .header-panel-right {
    right: 0;
}

#btn-newsletter-close.bst-toggle-desk {
    display: block;
}

#btn-newsletter-close.bst-toggle-mobile {
    display: none;
}

.logged-in .header-panel .header-panel-right {
    position: absolute;
    right: 1px;
    top: 3px;
    padding-right: 0;
}

.logged-in .header-panel:not(.subscribed) .header-panel-right {
    right: 142px;
}

.logged-in .page.page-bst-hidden .header-panel .header-panel-right {
    right: -15px;
    padding-right: 15px;
}

.logged-in .header-panel .header-panel-right ul.site-switcher {
    margin-right: 15px;
}
.logged-in .header-panel:not(.subscribed) .currency {
    position: absolute;
    right: 388px;
    top: 2px;
}

.logged-in .page.page-bst-hidden .header-panel .currency {
    right: 243px;
}

.header-panel .currency {
    position: absolute;
    right: 276px;
    top: 1px
}

.header-panel .page.page-bst-hidden .currency {
    right: 125px;
}

.header-panel .newsletter-bst-btn {
    display: inline-block;
    float: right;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
}


.page.page-bst-hidden .header-panel .newsletter-bst-btn {
    display: none;
}

#btn-newsletter-close {
    position: absolute;
    right: 64px;
    top: 36%;
    margin-top: -8px;
    display: inline-block;
    text-decoration: none;
    text-indent: -9999px;
    text-align: left;
    background: url(../images/bronto-sweet-tooth/close-btn.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
}

.mobile-hidden.bts-form-hidden + #btn-newsletter-close,
.bst-form-toggle-inline > a {
    background: none;
    font-size: 0;
    text-indent: 0;
    width: 40px;
}

.mobile-hidden.bts-form-hidden + #btn-newsletter-close:before,
.bst-form-toggle-inline:before {
    content: "\f078";
    font-family: 'FontAwesome';
    color: #3BABCB;
    font-size: 12px;
    line-height: 40px;
}

.bst-form-toggle-inline {
    text-decoration: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    vertical-align: top;
    margin: 0;
}

.header-panel .newsletter-bst-btn a {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 41px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 0 22px;
    background-color: #fcb800;
    display: inline-block;
}

p.ex-label {
    display: inline-block;
}

.header-panel .newsletter-bst-btn:active {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
}

.header-panel .newsletter-bst-btn:active a {
    line-height: 39px;
}

.page .newsletter-bst-btn a#bst-newsletter-toggle:after {
    content: "\f077";
    font-family: 'FontAwesome';
    margin-left: 5px;
}

.page.page-form-hidden .newsletter-bst-btn a#bst-newsletter-toggle:after {
    content: "\f078";
}

.top-form-element {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #4E4E4C;
}

.top-form-element .form-subscribe {
    width: 100%;
    float: none;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 19px;
    padding-bottom: 19px;
    position: relative;
}

.top-form-element .form-subscribe .mobile-hidden,
.top-form-element .form-subscribe .v-fix,
.top-form-element .form-subscribe .button {
    display: inline-block;
    float: none;
}

.top-form-element .form-subscribe button.button {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    float: none;
    background-color: #fcb800;
    font-size: 16px;
}

.top-form-element .form-subscribe .validation-advice {
    position: absolute;
    width: 100%;
}

.top-form-element .form-subscribe button.button:hover,
.top-form-element .form-subscribe button.button:focus {
    background-color: rgba(255, 181, 0, 0.72);
}

.top-form-element .form-subscribe .v-fix {
    padding-right: 18px;
    vertical-align: middle;
}

.top-form-element .form-subscribe .form-subscribe-header {
    font-weight: normal;
    display: inline-block;
}

.top-form-element .form-subscribe .form-subscribe-header label {
    color: #ffffff;
    font-size: 16px;
    text-transform: none;
    margin-right: 20px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 38px;
    vertical-align: middle;
}

.top-form-element .form-subscribe .form-subscribe-header label strong {
    font-size: 16px;
    color: #fcb800;
}

.top-form-element .form-subscribe input.input-text {
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 100%;
    min-width: 300px;
    height: 38px;
    color: #999;
    font-size: 14px;
    background-color: #fff;
    padding: 2px 2px 4px 5px;
}

/* WRAPPER AND PAGE STYLES DYNAMIC*/
.page.page-bst-shown {
    border-top: 1px solid #fcb800;
}

.page.page-bst-hidden,
.page.page-form-hidden {
    border-top: none;
}

/* -------------------------------------------- *
 *  BST - My Account
 */


.bst-ref-text h4 {
    margin-top: 35px;
}

.bst-ref-text,
.rewardsref_myreferrals_multireferral_section {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 3px solid #ccc;
}

.rewardsref_myreferrals_multireferral_section .rewardsref_plaxo_link_section,
.rewardsref_myreferrals_multireferral_section .rewardsref_invite_field_format,
.urlcode-input-box .urlcode_comment {
    display: none;
}


.rewardsref_myreferrals_multireferral_section .box-account .urlcode_comment {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.rewardsref_myreferrals_multireferral_section .box-account .input-box > label {
    display: none;
}

.rewardsref_myreferrals_multireferral_section .rewardsref_recipient_list {
    height: auto;
}

.box-head__tag > span,
.box-head__tag > h4 {
    display: inline-block;
}

.box-head__tag > h4 {
    display: inline-block;
    margin: 0 0 0 10px;
    line-height: 31px;
    vertical-align: middle;
    font-family: 'ayita_probold_italic',"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: bold;
}

.box-head.box-head__tag {
    margin: 10px 0;
    clear: both;
}

.box-head.box-head__tag img {
    max-width: 90px;
    height: auto;
}

.box-account.my_referrals-urlcode_group ul {
    margin: 0;
}

.box-account.my_referrals-urlcode_group .urlcode-input-box > label {
    display: none;
}

.referrals.dashboard .box-head.head.block-title h3 {
    font-weight: normal;
    margin: 0 0 25px;
}

.box-account.my_referrals-urlcode_group div.urlcode-input-box {
    margin-bottom: 10px;
}

.box-account.my_referrals-urlcode_group .urlcode-input-box input {
    border: none;
    font-weight: bold;
    outline: none;
    padding: 0;
    line-height: 30px;
    vertical-align: middle;
}

.box-account.my_referrals-urlcode_group .urlcode-input-box #referral_code {
    display: none;
}

.box-account.my_referrals-urlcode_group .urlcode-input-box input:focus {
    outline: none;
    border: none;
}

.rewardsref_myreferrals_multireferral_section .rewardsref_plaxo_link_section.
.rewardsref_myreferrals_multireferral_section .comments-field {
    display: none;
}
.rewardsref_myreferrals_multireferral_section .input-box.input-box__form {
    width: 50%;
}

.rewardsref_myreferrals_multireferral_section .input-box.input-box__form textarea {
    width: 100%;
}
.rewardsref_myreferrals_multireferral_section .input-box.input-box__form textarea::-webkit-input-placeholder {
    color: #444444 !important;
}

.my_referrals-urlcode_group ul li .urlcode_comment {
    display: none;
}

.urlcode-input-box .bst-note {
    font-style: italic;
    font-size: 12px;
}

.urlcode-input-box .bst-note b {
    font-style: normal;
}



.header-panel {
    padding-right: 0;
    padding-left: 0;
    height: 38px
}
.header-panel .header-panel-right ul.site-switcher {
    margin-top: 10px;
    margin-bottom: 0;
    float: right
}
.header-panel .header-panel-right ul.site-switcher li {
    float: left;
    margin-left: 20px
}
.header-panel .header-panel-right ul.site-switcher li:first-child {
    margin-left: 0
}
.header-panel .header-panel-right ul.site-switcher li a {
    color: #fff;
    text-decoration: none
}
.header-panel .header-panel-right ul.site-switcher li a:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
    opacity: .5
}
.header-panel .header-panel-right ul.site-switcher li a:hover:before {
    opacity: 1
}
.header-panel .header-panel-right ul.site-switcher li.jp a:before {
    background: transparent url(../images/icon_jp.gif) no-repeat 0 0;
    width: 18px;
    height: 12px
}
.header-panel .header-panel-right ul.site-switcher li.au a:before {
    background: transparent url(../images/icon_au.gif) no-repeat 0 0;
    width: 19px;
    height: 12px
}
.header-panel .header-panel-right ul.site-switcher li.nz a:before {
    background: transparent url(../images/icon_nz.gif) no-repeat 0 0;
    width: 19px;
    height: 12px
}
.header-panel .links {
    line-height: 37px;
    white-space: nowrap;
    float: right;
    margin-bottom: 0
}
.header-panel .links li a {
    position: relative;
    padding-right: 50px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}
.header-panel .links li a:hover {
    color: #d33911
}
.header-panel .links li a:after {
    content: "";
    display: inline-block;
    background: transparent url(../images/bg_favourites.png) no-repeat 0 0;
    width: 43px;
    height: 43px;
    position: absolute;
    right: -1px;
    top: -19px;
}

.page.page-bst-hidden .header-panel .links li a:after {
    width: 47px;
    height: 47px;
    top: -23px;
}

.switches {
    float: right;
    background: #fff url(../images/bkg_header-panel-bg.gif) repeat-x 0 100%;
    padding: 0 0 1px
}
.switch {
    line-height: 38px;
    float: right;
    padding: 0 20px
}
.switch .switch-header {
    cursor: pointer
}
.switch label {
    font-weight: 400;
    margin-right: 0;
    float: left
}
.switch .switch-wrapper {
    position: relative;
    z-index: 1
}
.switch strong.current {
    font-weight: 400
}
.switch .separator {
    margin: 0 2px;
    font-size: 10px;
    color: #8f8f8f
}
.switch .switcher:after {
    content: "\f078";
    font-family: 'FontAwesome'
}
.switch ul {
    position: absolute;
    min-width: 100%;
    text-align: left;
    top: 36px;
    left: 0;
    float: left;
    line-height: 16px;
    padding: 0;
    border-top: #fff 1px solid
}
.switch ul li {
    vertical-align: top;
    display: block;
    white-space: nowrap;
    border: 1px solid #c8c8c8;
    border-top: 0
}
.switch ul li a {
    white-space: nowrap;
    display: block;
    background: #4E4E4C;
    padding: 4px 6px;
    color: #fff;
    text-decoration: none
}
.switch ul li a:hover {
    background-color: #000
}
.switch ul .current {
    line-height: 38px;
    border: 0;
    cursor: default;
    padding: 0 7px;
    display: none
}
.switch ul .current span {
    padding-right: 20px;
    background: url(../images/bkg_close.gif) no-repeat 100% 1px;
}
.switch .faded {
    color: #8f8f8f
}
.switch .faded li {
    border-color: #e6e6e6;
    background-color: #f6f6f6
}
.switch .faded a {
    color: #fff
}
x:-moz-any-link {
    width: 100%
}
x:-moz-any-link,
x:default {
    width: auto
}
.switch .list-opened.switcher:after {
    content: "\F077"
}
.header .form-search {
    white-space: nowrap;
    position: relative;
    top: 32px
}
.header .form-search:before {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
    color: #999
}
.header .form-search label {
    display: none
}
.header .form-search input.input-text {
    width: 100%;
    height: 40px;
    border: 0;
    padding-left: 34px;
    color: #999;
    font-size: 13px;
    background-color: #fff;
    min-height: 30px !important;
}
.header .form-search input.suggested-word{
    width: 100% !important;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
    height: 40px !important;
    line-height: 40px;
}
.header .form-search input.input-text:active,
.header .form-search input.input-text:focus {
    color: #4c4c4e
}
.header .form-search a {
    display: none
}
.header .form-search button.button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 90px;
    height: 30px;
    background: #4FA6BC;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    min-height: 30px !important;
}
.header .form-search button.button:hover {
    background: #358AA3
}
.header .form-search .search-autocomplete {
    z-index: 999;
    position: relative!important;
    top: 0!important;
    left: 0!important;
    height: 0!important;
    overflow: visible!important
}
.header .form-search .search-autocomplete ul {
    border: 1px solid #c7c7c7;
    border-top: 0;
    padding-left: 0;
    width: 210px;
    background-color: #fcf8f4;
    position: absolute;
    top: -1px
}
.header .form-search .search-autocomplete li {
    padding: 4px 6px 4px 24px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    cursor: pointer
}
.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: 700
}
.header .form-search .search-autocomplete li.last {
    border-bottom: 0
}
.header .form-search input.input-text {
    border: 1px solid #ccc
}
.mobile-logo-image {
    display: none!important
}
.nav-container {
    position: relative;
    z-index: 4
}
#nav {
    min-height: 28px;
    text-align: left;
    padding: 0 4px
}
#nav li.over {
    z-index: 990!important
}
#nav li.parent {
    position: relative
}
#nav li a span {
    cursor: pointer
}
#nav li.level-top {
    float: left;
    height: 28px;
    position: relative;
    z-index: 1
}
#nav a.level-top {
    float: left;
    height: 28px;
    background: url(../images/bkg_nav-item-border.gif) 100% 0 no-repeat;
    font-weight: 700;
    font-size: 13px;
    line-height: 28px;
    padding: 0 0 0 17px;
    border-top: 1px solid silver;
    text-decoration: none!important;
    color: #333
}
#nav a.level-top span {
    float: left;
    background: url(../images/bkg_nav-item-border.gif) 100% 0 no-repeat;
    padding: 0 19px 0 0;
    white-space: nowrap
}
#nav li.over a.level-top,
#nav li.active a.level-top {
    height: 29px;
    background-position: 0 -60px;
    margin-left: -1px;
    border: 0;
    padding: 0 0 0 18px
}
#nav li.over a.level-top {
    height: 31px;
    line-height: 30px;
    position: relative;
    z-index: 2
}
#nav li.over a.level-top span,
#nav li.active a.level-top span {
    background-position: 100% -60px;
    padding: 1px 19px 0 0
}
#nav ul,
#nav div {
    position: absolute;
    width: 13.5em;
    top: 30px;
    left: -10000px;
    background: #fbfbfb;
    padding: 5px 11px 10px;
    border: 1px solid #aeaeae;
    border-top: 0
}
#nav div ul {
    position: static;
    width: auto;
    background: none;
    padding: 0;
    border: 0!important
}
#nav ul li {
    float: none;
    height: auto;
    display: block;
    border-bottom: 1px solid #e2e2e2
}
#nav ul li.last {
    border-bottom: 0
}
#nav ul li.parent {
    background: url(../images/bkg_parent.gif) 100% 50% no-repeat
}
#nav ul li a {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    padding: 5px 4px;
    text-decoration: none!important;
    color: #444
}
#nav ul li.last > a {
    padding-bottom: 0
}
#nav ul li a:hover {
    color: #d02600
}
#nav ul li.over a.over {
    color: #d02600
}
#nav ul li.active > a {
    color: #d02600
}
#nav ul ul,
#nav ul div {
    top: 7px;
    border-top: 1px solid #aeaeae
}
#nav li .shown-sub {
    left: -1px;
    z-index: 991
}
#nav li .shown-sub .shown-sub {
    left: 100px
}
.header-left,
.header-right {
    height: 0
}
#custommenu div.menu.act .parentMenu a,
.brand-index-list #custommenu div.menu#menubrands a,
.brand-index-view #custommenu div.menu#menubrands a,
.specialslist-index-index #custommenu div.menu#menuspecials a,
.aw-onestepcheckout-index-index .checkout-top {
    color: #4E4E4C
}
.aw-onestepcheckout-index-index .checkout-top {
    background: transparent url(../images/feather-blue.png) 10px 45% no-repeat
}
.aw-onestepcheckout-points-spender{
    padding: 0 20px !important;
}
.aw-onestepcheckout-points-spender div.box-content{
    padding:  0 !important;
}
.main{
    margin-top: 170px;
}
.cms-index-index .main {
    margin-top: 150px;
}
.top-cart .block-title strong {
    text-shadow: none;
    color: #4E4E4C
}
.header a.logo img {
    margin: 0
}
.currency-mobile {
    display: none
}
.product-name {
    font-size: 12px;
    font-weight: 700;
    color: #4c4c4c
}
.product-name a {
    color: #4c4c4c;
    text-decoration: underline
}
.product-name a:hover {
    color: #4c4c4c;
    text-decoration: none
}
.tags-list {
    margin: 5px 0
}
.tags-list li {
    display: inline;
    font-size: 12px
}
.tags-list li a {
    text-decoration: none;
    margin: 0 2px 0 0
}
.tags-list li a:hover {
    text-decoration: underline
}
.search-summary {
    padding: 10px 10px 0;
    margin: 10px 0 0;
    font-size: 12px;
    background: url(../images/bkg_dots.gif) repeat-x 0 0
}
.search-summary li {
    margin: 2px 0
}
.page-sitemap .links {
    display: block;
    text-align: right;
    margin: 0 20px -36px 0
}
.page-sitemap .links a {
    position: relative
}
.page-sitemap .sitemap {
    padding: 0 20px;
    margin: 15px 0;
    font-size: 12px
}
.page-sitemap .sitemap li {
    margin: 3px 0
}
.checkout-onepage-index .col-main {
    padding: 20px 0 0
}
.opc-wrapper {
    background: url(../images/bkg_cols.gif) repeat-y -573px 0
}
.opc-wrapper .page-title {
    margin: 0;
    position: relative;
    z-index: 1
}
.opc-wrapper .page-title .callout {
    position: absolute;
    top: 7px;
    right: 20px;
    z-index: 1
}
.opc-progress-container {
    float: left;
    width: 182px
}
.opc-progress-container .opc-block-progress {
    background: #fff
}
.opc-progress-container .opc-block-progress .block-title {
    padding: 17px 11px 10px 17px;
    background: none;
    border: 0;
    border-bottom: 1px solid #cfcfcf
}
.opc-progress-container .opc-block-progress .block-title strong {
    font: 18px/1.1 Helvetica, Arial, sans-serif;
    padding: 0;
    color: #111
}
.opc-progress-container .opc-block-progress .block-content {
    padding: 17px 11px 17px 17px
}
.opc-progress-container .opc-block-progress dt {
    font-weight: 700;
    margin: 2px 0 8px
}
.opc-progress-container .opc-block-progress dt.complete {
    font-weight: 700;
    margin: 2px 0 4px
}
.opc-progress-container .opc-block-progress dt.complete a {
    font-weight: 400;
    text-transform: lowercase
}
.opc-progress-container .opc-block-progress dd.complete {
    margin: 5px 0 8px;
    padding: 5px
}
.opc-progress-container .block-progress .cards-list dd {
    padding: 0
}
.opc-progress-container .block-progress .cards-list .info-table th {
    font-weight: 400
}
.opc {
    float: right;
    width: 755px
}
.opc li.section {
    position: relative
}
.opc .step-title {
    margin: 0 0 1px
}
.opc .step-title .number {
    display: none
}
.opc .step-title h2 {
    background-color: #e6e6e6;
    color: #686868;
    font-size: 11px;
    line-height: 22px;
    padding: 0 14px;
    font-weight: 700;
    text-transform: uppercase
}
.opc .allow .step-title h2 {
    background-color: #656565;
    color: #fff;
    cursor: pointer
}
.opc .active .step-title {
    margin: 0;
    padding: 0
}
.opc .active .step-title h2 {
    background: #d12c01 url(../images/bkg_active-step.gif) repeat-x 0 0;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    border-bottom: 1px solid #cfcfcf;
    cursor: default;
    font-size: 16px;
    padding: 5px 20px 2px;
    line-height: 24px;
    height: 24px
}
.opc .step {
    padding: 20px;
    min-height: 300px;
    font-size: 12px;
    background: #fcfcfc;
    border-top: 0
}
.opc .step .tool-tip {
    right: 10px
}
.opc .order-review .authentication {
    margin: 0 auto;
    width: 570px
}
.opc .order-review .warning-message {
    color: #222;
    font-weight: 700;
    text-align: center;
    padding: 10px 10px 0
}
.opc .form-alt .input-box {
    width: 695px
}
.opc .form-alt .input-box select {
    width: 695px
}
#checkout-step-login {
    height: auto!important;
    min-height: 0!important;
    padding: 0
}
#checkout-step-login .col2-set {
    padding: 20px 20px 30px;
    background: #fcfcfc url(../images/bkg_cols.gif) repeat-y 195px 0;
    height: auto!important;
    min-height: 0!important
}
#checkout-step-login .login-only {
    background-image: none
}
#checkout-step-login h4 {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin: 0 0 15px
}
#checkout-step-login .col2-set .col-2 {
    width: 338px
}
#checkout-step-login .col2-set .col-2 .radio {
    margin-right: 5px
}
#checkout-step-login .col2-set .col-2 li {
    padding-left: 10px;
    background: url(../images/bkg_bulletsm.gif) no-repeat 0 .5em
}
#checkout-step-login .col2-set .col-2 .form-list li {
    background: none;
    padding-left: 0
}
#checkout-step-login .form-list label,
#checkout-step-login .form-list .label {
    width: 90px
}
#checkout-step-login .btn-only {
    padding: 0 0 0 105px;
    text-align: left;
    width: 214px
}
#checkout-step-login .btn-only .button {
    float: right
}
#checkout-step-login p {
    margin: 0 0 15px
}
#checkout-step-login .form-list p {
    padding-left: 105px;
    margin: 0
}
#checkout-step-login .form-list .input-text {
    width: 210px
}
#checkout-step-login .form-list li.note {
    float: left;
    padding-left: 105px;
    margin: 0 0 9px;
    width: auto;
    clear: left
}
#checkout-step-login .form-list li.control {
    float: left;
    clear: left
}
#checkout-step-login .form-list li.control .input-box {
    margin-left: 105px
}
#checkout-step-login .form-list li.buttons-set {
    float: right;
    clear: none;
    padding-right: 30px;
    padding-top: 2px
}
.opc .buttons-set .opc .form-buttons {
    width: auto;
    text-align: right
}
.opc .buttons-set p.back-link {
    text-align: left
}
.opc .form-buttons {
    width: auto;
    text-align: right
}
.opc .buttons-set .button,
.opc .form-buttons .button {
    float: right;
    margin: 0
}
.opc p.required {
    text-align: right;
    width: auto;
    padding-left: 0
}
.checkout-onepage-payment-additional-customerbalance {
    margin-bottom: 5px
}
.checkout-onepage-payment-additional-customerbalance .checkbox {
    margin-left: 0
}
#checkout-step-review {
    padding: 0
}
#checkout-step-review .data-table {
    border: 0;
    font-size: 12px
}
#checkout-step-review .data-table .item-options {
    font-size: 11px
}
#checkout-step-review .data-table thead th {
    vertical-align: bottom;
    font-size: 11px
}
#checkout-step-review .data-table .product-name {
    font-size: 12px
}
#checkout-step-review .data-table tfoot tr.last strong {
    font-size: 14px
}
#checkout-step-review .buttons-set {
    padding: 15px 20px;
    margin: 0
}
.opc .checkout-agreements {
    margin: 20px
}
.checkout-progress,
.checkout-progress li.first span,
.checkout-progress li.last span {
    background-image: url(../images/bkg_crumbs.gif);
    background-repeat: no-repeat
}
.checkout-progress {
    padding: 0;
    border-bottom: 1px solid #cfcfcf;
    background-color: #ededed;
    text-align: center;
    margin: -21px -21px 5px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    width: 940px;
    position: relative;
    z-index: 2
}
.checkout-progress li {
    float: left;
    width: 20%;
    text-align: center;
    color: #888;
    line-height: 20px
}
.checkout-progress li span {
    display: block;
    text-align: center;
    border-right: 1px solid #cfcfcf
}
.checkout-progress li.first span {
    background-position: 0 0
}
.checkout-progress li.last span {
    background-position: 100% 0;
    border: 0
}
.checkout-progress li.active span {
    color: #fff;
    background-color: #d12c01
}
.multiple-checkout {
    position: relative;
    z-index: 1
}
.multiple-checkout .data-table thead th {
    vertical-align: bottom
}
.multiple-checkout .col3-set .actions {
    border: 1px solid #e4e4e4;
    padding: 3px 9px 4px;
    float: left
}
.multiple-checkout .col3-set address {
    padding: 10px;
    clear: both
}
.multiple-checkout .col3-set,
.multiple-checkout .col2-set {
    margin: 0 0 15px
}
.multiple-checkout .buttons-set {
    padding: 15px 0;
    clear: both;
    width: auto
}
.multiple-checkout .buttons-set .button {
    float: right
}
.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px
}
.multiple-checkout .grand-total {
    font-weight: 400;
    font-size: 18px;
    color: #cd3800;
    text-align: right;
    display: block;
    margin: 10px 0 15px
}
.multiple-checkout .grand-total .price-label {
    font-weight: 400
}
.multiple-checkout .grand-total .price {
    font-weight: 700
}
.multiple-checkout .sp-methods {
    font-size: 12px
}
.multiple-checkout .checkout-multishipping-payment-customerbalance {
    font-size: 12px;
    margin-bottom: 7px
}
.multiple-checkout .fieldset label {
    font-size: 11px
}
.multiple-checkout .gift-item .fieldset {
    font-size: 11px;
    width: 380px
}
#checkout-step-review .data-table .btn-remove,
.checkout-multishipping-overview .data-table .btn-remove,
#details-table .btn-remove {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle
}
.sp-methods dt {
    font-weight: 700;
    margin-bottom: 5px
}
.sp-methods dd {
    margin: 0 0 7px
}
.sp-methods dd li {
    margin: 5px 0
}
.sp-methods .price {
    font-weight: 700
}
.sp-methods .form-list {
    padding-left: 20px;
    margin: 15px 0
}
.sp-methods .form-list .input-text {
    width: 250px
}
.sp-methods .form-list select {
    width: 256px
}
.sp-methods .form-list label {
    width: 155px
}
.sp-methods select.month {
    width: 150px;
    margin-right: 10px
}
.sp-methods select.year {
    width: 96px
}
.sp-methods input.cvv {
    width: 3em!important
}
.sp-methods .input-box {
    line-height: 21px
}
.sp-methods .v-fix .validation-advice {
    margin-right: -250px;
    position: relative;
    z-index: 1;
    width: 250px
}
.sp-methods .adv-container {
    padding-left: 170px
}
.sp-methods .centinel-logos a {
    margin-right: 3px
}
.sp-methods .centinel-logos img {
    vertical-align: middle
}
.sp-methods .release-amounts {
    margin: 1.5em 0 2em
}
.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0
}
.checkmo-list li {
    margin: 0 0 4px
}
.checkmo-list label {
    padding-top: 0
}
.checkmo-list address {
    float: left
}
.please-wait {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -90px;
    border: 5px solid #f3b66f;
    font-size: 12px;
    color: #f18200;
    font-weight: 700;
    background: #fff;
    padding: 20px;
    white-space: nowrap
}
.cvv-what-is-this {
    cursor: help;
    margin-left: 5px
}
.pbridge-reload {
    display: block;
    text-align: right
}
.pbridge-reload a {
    color: #1e75b4;
    font-size: 11px
}
.tool-tip {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    position: absolute;
    z-index: 9999;
    top: 250px!important
}
.tool-tip .btn-close {
    text-align: right
}
.tool-tip .tool-tip-content {
    padding: 5px
}
@media screen and (max-width: 767px) {
    .tool-tip .tool-tip-content {
        top: 100px!important
    }
}
.add-gift-message {
    padding: 20px 0
}
.add-gift-message h3 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 19px;
    margin: 0 0 10px
}
.add-gift-message p {
    margin: 10px 0
}
.gift-message-form {
    border: 1px solid #d1d1d1;
    background: #f5f5f5 url(../images/bkg_block.gif) repeat-x 0 0
}
.gift-message-form .fieldset {
    padding: 10px 0
}
.gift-message-form .fieldset .input-text,
.gift-message-form .fieldset textarea {
    width: 200px
}
.gift-message-form .fieldset textarea {
    width: 200px;
    height: 8em
}
.gift-message-form .inner-box {
    padding: 0;
    height: 300px;
    overflow: auto
}
.gift-message-form .inner-box h5,
.gift-message-form .inner-box h4 {
    font: 14px/1.25 Helvetica, Arial, sans-serif;
    padding: 0 20px;
    color: #222;
    margin: 17px 0
}
.gift-message-form .inner-box p {
    margin: 10px 0;
    padding: 0 20px
}
.gift-message-form .gift-item {
    padding: 5px 0 0;
    background: url(../images/bkg_dots.gif) repeat-x 0 100%
}
.gift-message-form .gift-item .number {
    padding: 5px 20px;
    margin-bottom: 0;
    background: url(../images/bkg_dots.gif) repeat-x 0 100%;
    color: #adadad;
    font-weight: 700
}
.gift-message-form .gift-item .product-img-box {
    background: url(../images/bkg_dots.gif) repeat-y 100% 0;
    float: left;
    width: 150px;
    padding-right: 15px
}
.gift-message-form .gift-item .product-image {
    text-align: center;
    margin: 20px
}
.gift-message-form .gift-item .product-name {
    font-size: 12px;
    margin: 20px 0 5px;
    text-align: center
}
.gift-message-form .gift-item .fieldset {
    float: left;
    background: url(../images/bkg_dots.gif) repeat-y 0 0;
    padding: 20px 0 10px 10px;
    margin: 0 0 0 -2px
}
.gift-message-form .gift-item .fieldset label {
    width: 80px
}
.gift-message-form .gift-item .gift-wrapping-form {
    padding: 0 20px
}
.gift-options-for-order {
    padding: 0 40px
}
.gift-options-for-order .fieldset {
    padding: 0
}
.gift-options-for-order .fieldset p {
    padding: 0
}
.gift-options-for-order .fieldset label {
    width: 80px
}
.gift-options-for-order .fieldset .input-text,
.gift-options-for-order .fieldset textarea {
    width: 340px
}
.gift-wrapping-form {
    padding: 0 0 10px
}
.gift-wrapping-form img {
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px
}
.gift-wrapping-form label {
    margin-right: 10px;
    vertical-align: middle
}
.gift-wrapping-form .gift-wrapping-design {
    overflow: hidden;
    padding: 10px 0 0;
    width: 100%
}
.gift-message-link {
    display: block;
    background: url(../images/bkg_collapse.gif) 0 4px no-repeat;
    padding-left: 20px
}
.gift-message-link.expanded {
    background-position: 0 -53px
}
.gift-message-row .btn-close {
    float: right;
    width: 13px;
    height: 12px;
    background: url(../images/gift-message-close.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden
}
.gift-message dt strong {
    font-weight: 700
}
.checkout-agreements li {
    margin: 10px 0
}
.checkout-agreements .agreement-content {
    border: 1px solid #d8cea8;
    font-size: 11px;
    background-color: #fffdef;
    padding: 15px;
    height: 10em;
    overflow: auto
}
.checkout-agreements .agree {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700
}
.checkout-agreements .agree .checkbox {
    margin-right: 5px
}
.centinel {
    margin: 10px 0
}
.centinel p {
    margin: 0 0 10px
}
.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff
}
.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important
}
.opc .centinel {
    margin: 0;
    padding: 20px
}
.checkout-onepage-success .col-main {
    font-size: 12px
}
.checkout-onepage-success .col-main p {
    margin: 0 0 10px;
    line-height: 150%
}
.checkout-onepage-success .col-main .page-title {
    padding-left: 30px
}
.checkout-onepage-success .col-main .order-details {
    padding-left: 17px
}
#invitationForm p.required {
    padding-bottom: 20px
}
.catalog-product-compare-index tr.last a,
.catalog-product-compare-index tr.first a {
    color: #999
}
.catalog-product-compare-index tr.last p,
.catalog-product-compare-index tr.first p {
    margin: 10px 0
}
.catalog-product-compare-index tr.first .product-name a {
    color: #333
}
.disabled {
    position: relative;
    z-index: 1
}
.disabled:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
    opacity: .2
}
.cart-msrp-totals {
    color: red;
    font-size: 12px!important;
    font-weight: 700;
    padding: 10px 20px 20px;
    text-align: right;
    text-transform: uppercase
}
.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    padding: 5px 2px;
    text-shadow: 0 1px 0 #fff
}
.map-popup {
    background: #fff;
    border: 1px solid #aaa;
    margin: 12px 0 0;
    position: absolute;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
    text-align: left;
    width: 300px;
    z-index: 100
}
.map-popup-heading {
    background: #efefef;
    border-bottom: 1px solid #ccc;
    padding: 5px 30px 5px 10px;
    width: 260px
}
.map-popup-heading h2 {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-shadow: 0 1px 0 #f6f6f6;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis
}
.map-popup-arrow {
    background: url(../images/map_popup_arrow.gif) no-repeat;
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px
}
.map-popup-close {
    background: url(../images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 6px;
    right: 8px;
    height: 15px;
    width: 15px;
    text-align: left;
    text-indent: -9999em
}
.map-popup-content {
    border-top: 1px solid #eee;
    padding: 10px;
    overflow: hidden;
    width: 280px
}
.map-popup-checkout {
    display: inline;
    float: right;
    text-align: right
}
.map-popup-checkout span {
    display: block;
    padding-right: 30px
}
.map-popup-checkout .paypal-logo {
    margin: 0 0 5px
}
.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0
}
.map-popup-price {
    margin: 5px 0 0
}
.map-popup-text {
    background: #fefefe;
    clear: right;
    line-height: 1.5;
    margin: 0 10px;
    padding: 10px 0;
    text-align: left;
    word-wrap: break-word
}
.map-popup-only-text {
    border-top: 1px solid #ddd
}
.page-head,
.page-head-alt {
    margin-bottom: 20px;
    padding: 23px 20px 11px
}
.col-main .page-head,
.col-main .page-head-alt {
    margin: 0 -20px 20px
}
.page-head-alt .link-rss {
    float: right;
    margin-top: 8px
}
.page-head h2,
.page-head h3,
.page-head-alt h3,
.page-head-alt h2 {
    font: normal 22px/27px Helvetica, Arial, sans-serif;
    color: #d12c01
}
.restriction-index-stub .page {
    width: 652px;
    padding-bottom: 3px
}
.restriction-index-stub .main {
    margin-top: 100px;
    min-height: 0;
    height: auto!important;
    padding: 13px;
    text-align: center;
    margin-bottom: 0
}
.restriction-index-stub .col-main {
    color: #dedede;
    height: auto!important;
    min-height: 230px;
    height: 230px;
    font-size: 16px;
    background: #4a4a4a url(../images/logo-offline.gif) no-repeat 50% 95px;
    padding: 170px 60px 40px
}
.restriction-index-stub .page-title {
    margin: 0 0 15px!important;
    padding: 0!important;
    border: 0!important;
    background: none
}
.restriction-index-stub .col-main h1,
.restriction-index-stub .col-main h2 {
    font: italic 35px Georgia, "Times New Roman", Times, serif;
    color: #fff
}
.restriction-index-stub .header-container,
.restriction-index-stub .footer-container {
    display: none
}
.restriction-index-stub .copyright {
    background: url(../images/bkg_shadow-offline.gif) 50% 0 no-repeat;
    padding: 15px 0 0;
    margin: 0
}
.private-sales-index {
    background: #2b2b2b;
    margin: 110px 0 60px;
    padding: 40px 0
}
.private-sales-index .box {
    border: 1px solid #e2ded0;
    background: #fff url(../images/bkg_ps.gif) no-repeat 50% 13px;
    padding: 50px 13px 0;
    width: 657px;
    margin: 0 auto
}
.private-sales-index .box .content {
    padding: 0 60px 70px;
    background: url(../images/bkg_ps.gif) no-repeat 50% 100%;
    font-size: 14px
}
.private-sales-index .box .content p {
    text-align: center
}
.private-sales-index .box .content a {
    color: #4E4E4C
}
.private-sales-index .box .content h1 {
    background: url(../images/bkg_ps-logo.gif) no-repeat 50% 0;
    padding: 60px 0 5px;
    font-size: 29px;
    font-weight: 400;
    color: #ec4e00
}
.private-sales-index .box .content .description {
    background: url(../images/bkg_ps-descr.gif) no-repeat 50% 0;
    margin: 40px auto 0;
    width: 433px;
    padding: 30px 50px;
    font: normal 20px Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #817268
}
.col1-layout .private-sales-index {
    margin: 0 -20px -31px;
    height: auto!important;
    height: 350px;
    min-height: 350px
}
.cms-private-sales-home {
    background-color: #fffdf9
}
.private-sales-demo {
    background: #fffdf9 url(../images/bkg_ps-home.jpg) no-repeat 50% 88px;
    padding-top: 90px
}
.private-sales-demo h1 {
    display: none
}
.private-sales-demo p {
    padding-top: 475px;
    text-align: center;
    color: #4E4E4C;
    font-size: 18px
}
.private-sales-demo a {
    color: #c12900
}
.col1-layout .private-sales-demo {
    margin: 0 -20px -31px;
    background-position: 0 20px;
    padding-top: 20px;
    height: auto!important;
    height: 550px;
    min-height: 550px
}
.clearer:after,
.group:after,
.account-login .form-list:after,
.wishlist-management .table-caption:after,
.product-options dt:after,
#bundleProduct:after,
.events-slider:after,
.product-image-popup .nav:after,
.gift-item:after,
.block-content:after,
.block-list li.item:after,
.block-poll li:after,
.currently li:after,
.order-info:after,
.top-cart .actions:after,
.header .quick-access:after,
.product-view .box-related li.item:after,
.bundle-summary .product:after,
.collateral-tabs:after,
.block-cart .block-content .item:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header-panel:after,
#nav:after,
.main:after,
.footer-before-container:after,
.footer-container:after,
.footer:after,
.footer-branding-logo:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block li.item:after,
.block .actions:after,
.mini-products-list li:after,
.cms-index-index .block-featured li.item:after,
.title-buttons:after,
.sorter-pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
#narrow-by-list:after,
.products-grid:after,
.products-list li.item:after,
.product-view:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add-tags:after,
.product-options .options-list li:after,
.options-container-small .product-options:after,
.product-options-bottom:after,
.product-review:after,
.box-collateral:after,
.box-collateral .box-content:after,
.collateral-tabs .tab-content:after,
.account-login:after,
.cart .cart-collaterals:after,
.cart:after,
.opc .step-title:after,
.checkout-progress:after,
.form-list li:after,
.form-list li.fields .field:after,
.clearfix:after,
.buttons-set:after,
.buttons-set2:after,
.page-print .print-head:after,
.new-product-spotlight .more-new .item:after,
.addresses-list .col-2 li:after,
.product-view .product-shop:after,
.blog-list li.item:after,
.reviews-list li.item:after,
.checkout-cart-logos:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}
.guest-select {
    width: 305px!important
}
.control-container h3 {
    padding-bottom: 15px
}
.control-container .input-box {
    float: left;
    position: absolute
}
#acp-product-type-data .amxnotif-block .block-content p {
    font-size: 11px
}
#acp-product-type-data .amxnotif-block .block-content .input-text {
    font-size: 11px;
    padding: 5px 10px;
    font-weight: 400
}
#acp-product-type-data .amxnotif-block .block-content .button.amcart-ignore {
    background: #575454;
    font-size: 11px;
    font-weight: 400
}
.customer-account-create .page-title.col-md-12 {
    padding-left: 30px
}
.customer-account-login .main .sign-in-wrap .input-box input {
    padding: 10px
}
.registered-users .link-forgotten-password {
    color: #4FA6BC
}
#remember-me-box .link-tip {
    color: #4FA6BC
}
.contacts-index-index b,
.contacts-index-index strong {
    font-weight: 400
}
.std h3 {
    font-size: 20px
}
.vertnav-title {
    background-color: #fff;
    font-size: 16px;
    font-weight: 700
}
.messages .success-msg a {
    color: #48CE83
}
.sidebar .block-account li a {
    font-weight: 400
}
.block-account .block-content li.current:after {
    border-top: 0;
    border-bottom: 0;
    border-left: 0
}
.sidebar .block-account .block-content {
    border-top: 2px solid #4E4E4C
}
.customer-account-index .my-account-box .my-account-box-wrap {
    background: #f7f7f7;
    border-radius: 0;
    border: 1px solid #E9E9E9
}
.customer-account-index .my-account-box .my-account-box-wrap a {
    color: #4FA6BC
}
.customer-account-index .my-account-box .my-account-box-wrap h3 a {
    font-size: 13px;
    color: #4FA6BC
}
.customer-account-index h2.sub-title a {
    color: #4FA6BC
}
.logged-in .my-account .fieldset,
.logged-in .my-account .info-box {
    background: #f7f7f7;
    border-radius: 0;
    border: 1px solid #E9E9E9
}
.logged-in .my-account .buttons-set {
    background: #f7f7f7;
    border-radius: 0;
    border-right: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9
}
.wishlist-index-index .my-account .buttons-set,
.sales-order-history .my-account .buttons-set,
.review-customer-index .my-account .buttons-set,
.amxnotif-subscr-index .my-account .buttons-set {
    border: none
}
.logged-in .my-account .buttons-set2 {
    background: #f7f7f7;
    border-radius: 0;
    border-right: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9
}
.logged-in .my-account #invitationForm .fieldset {
    margin: 0;
    border-bottom: 0
}
.logged-in .my-account p.wishlist-empty {
    text-align: left;
    border: 0;
    padding: 0
}
.logged-in .my-account .my-wishlist #wishlist-table {
    border-radius: 0;
    background: #fff;
    border: 1px solid #E9E9E9
}
.logged-in .my-account .my-wishlist #wishlist-view-form fieldset {
    margin: 0;
    padding: 0;
    border: 0
}
.enterprise-reward-customer-info .my-account .my-rewards .buttons-set,
.enterprise-invitation-index-index .my-account .buttons-set {
    background: none;
    border: 0
}
.enterprise-invitation-index-index.logged-in .my-account h4 {
    font-size: 16px
}
.newsletter-manage-index.logged-in .my-account .reward:before {
    padding-left: 0
}
.newsletter-manage-index.logged-in .my-account .reward-message {
    margin: 5px -15px 5px 0;
    padding: 4px 0 0
}
.newsletter-manage-index.logged-in .my-account .rewards {
    margin: -10px 0 20px
}
.dashboard .welcome-msg .hello a {
    color: #4FA6BC
}
.customer-account-edit .dob-day label,
.customer-account-edit .dob-month label,
.customer-account-edit .dob-year label {
    font-weight: 400
}
.customer-account-edit .customer-genders {
    margin-top: 10px
}
.enterprise-customerbalance-info-index .account-balance a {
    color: #4FA6BC
}
.enterprise-reward-customer-info .info-box .box-title a {
    color: #4FA6BC
}
#featured-product-content {
    border-bottom: 4px solid #FAFAFA
}


#contactForm .form-list select{
    width: 98%;
    height: 42px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 1600px) {
    .brand-index-view #featured-product-wrapper,
    .specialslist-index-index .category-spotlight,
    .catalog-category-view .category-spotlight {
        width: 100%
    }
    #featured-product-content .slide {
        width: 90%
    }
}
.dialog {
    position: absolute
}
.dialog .alphacube_nw,
.dialog .alphacube_n,
.dialog .alphacube_w,
.dialog .alphacube_e,
.dialog .alphacube_ne,
.dialog .alphacube_sw,
.dialog .alphacube_s,
.dialog .alphacube_sizer {
    background: none
}
.dialog .alphacube_close {
    width: 30px;
    height: 29px;
    position: absolute;
    top: 10px;
    right: -7px;
    cursor: pointer;
    z-index: 1000;
    background: url(../images/lightbox-close.png) no-repeat;
    color: #fff
}
.promo-whats-this-content {
    display: none
}
.product-view .product-type-data-inner .grouped-items-list a:before {
    font-family: 'FontAwesome';
    content: '\F06A';
    padding: 0 6px 0 0;
    font-size: 17px
}
.product-view .product-type-data-inner .no-rating a:before {
    font-family: 'FontAwesome';
    content: '\F044';
    padding: 0 6px 0 0;
    font-size: 17px
}
.header .quick-access .links li a {
    text-shadow: none;
    background: #fff;
    padding: 8px 8px 6px;
    color: #4E4E4C;
    border-radius: 4px;
    border: 1px solid #ccc
}
.header .quick-access .links li a:before {
    padding-right: 0;
    font-size: 0
}
.paypal-express-review .page-title h1,
.paypal-express-review h2.sub-title {
    padding-left: 25px
}
.paypal-review-order .info-set {
    margin-bottom: 30px
}
.paypal-review-order .info-set.info-set--address {
    margin-bottom: 0
}
.paypal-review-order .paypal-review-block {
    background: #e3f2f7;
    border-color: #e3f2f7;
    border-radius: 5px;
    padding: 20px 25px
}
.paypal-review-order #billing-address .paypal-review-block,
.paypal-review-order #shipping-address .paypal-review-block {
    margin-bottom: 25px
}
.paypal-review-order fieldset {
    border: 0;
    padding: 0;
    margin: 0
}
.paypal-review-order .address-form .field {
    margin-top: 5px
}
.paypal-review-order .form-list-narrow .add-field .input-box,
.paypal-review-order .form-list .control .input-box {
    margin-left: 0
}
.paypal-review-order .form-list-narrow input.input-text,
.paypal-review-order select {
    border-color: #aaa #d7d7d7 #d7d7d7 #afafaf;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 5px #dadada inset;
    height: 36px;
    padding: 10px;
    width: 100%;
    float: none
}
.paypal-review-order .paypal-step {
    background: #4c4c4c;
    border-radius: 15px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 5px 10px
}
.paypal-review-order .paypal-review-block .legend {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 15px
}
.paypal-review-order .form-list label.required em {
    color: #eb340a;
    font-style: normal;
    margin-right: 0;
    position: relative;
    right: -4px
}
.paypal-review-order .cart-block .legend {
    padding-left: 12px;
    font-size: 15px
}
.paypal-review-order .cart-block .data-table strong .price {
    font-size: 14px
}
.paypal-review-order button.button#review_button,
.paypal-review-order button.button#review_submit {
    background-color: #ff662f
}
.paypal-review-order button.button#update_order.validation-passed {
    opacity: .6
}
.checkout-cart-index .cart h1 {
    float: left
}
.checkout-cart-index .reward-message.reward-checkout .reward:before {
    content: ''
}
.top-cart .actions button:before {
    background: none
}
.top-cart .actions button {
    padding: 0 30px
}
.checkout-cart-index .cart h1 {
    padding-left: 15px
}
.checkout-cart-index .fa-shopping-cart:before {
    font-size: 0
}
.print-only {
    display: none
}
div.order-details.order-details-float-left {
    width: 50%;
    float: left
}
#block_payment_blockContent {
    float: right;
    width: 50%
}
#block_payment_blockContent #toggle_block_payment_blockContent {
    padding-left: 25px;
    padding-right: 25px
}
#block_payment_blockContent #toggle_block_payment_blockContent span.toggle-hide-show {
    margin-top: 0;
    padding-right: 10px
}
#block_payment_blockContent div.block-content {
    padding-left: 52px;
    padding-right: 25px
}
div.mb_orderdonation-select-wrapper {
    font-size: 0;
    clear: both
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org {
    display: inline-block;
    width: calc(50% - 15px);
    overflow: hidden;
    border: 3px solid #FEF0D9;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org.mb_orderdonation-select-org-featured {
    border-color: #FD6327
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org.odd {
    margin-right: 30px
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org .org-name {
    font-size: 16px
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org .std {
    margin-bottom: 10px
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row {
    margin: 0
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org.mb_orderdonation-select-org-featured div.widget-title {
    margin-bottom: 10px
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org.mb_orderdonation-select-org-featured div.widget-title h2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 4px;
    border-radius: 0;
    margin: 0!important
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row .mb_orderdonation__details .mb_orderdonation__action div.mb_orderdonation__price-box {
    display: none
}
div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row .mb_orderdonation__details .mb_orderdonation__action button.btn-donate {
    max-width: 260px;
    width: 100%
}
.checkout-onepage-success h1 {
    font-size: 30px
}
@media screen and (max-width: 1199px) {
    div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org.odd {
        margin-right: 0
    }
    div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org {
        width: 100%
    }
}
@media screen and (max-width: 767px) {
    div.order-details.order-details-float-left {
        float: none;
        width: 100%
    }
    #block_payment_blockContent {
        float: none;
        width: 100%
    }
    .checkout-onepage-success h1 {
        padding-left: 0px;
        padding-right: 15px
    }
}
@media screen and (max-width: 480px) {
    .mb_orderdonation__details {
        width: 100%!important
    }
    div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row .mb_orderdonation__details .mb_orderdonation__action button.btn-donate {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row .mb_orderdonation__logo {
        margin-bottom: 10px
    }
}
@media screen and (min-width: 480px) {
    div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row .mb_orderdonation__logo span.mb_orderdonation-select-org-logo {
        width: 100%;
        display: block;
        position: relative;
        padding-bottom: 100%;
        height: 0
    }
    div.mb_orderdonation-select-wrapper div.mb_orderdonation-select-org div.row .mb_orderdonation__logo span.mb_orderdonation-select-org-logo > img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}
.catalog-category-view .col-main .category-uvp,
.brand-index-view .col-main .category-uvp,
.brand-index-list .col-main .category-uvp,
.specialslist-index-index .col-main .category-uvp {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}
.catalog-category-view .col-main .category-title-before .category-uvp {
    margin-top: -40px
}
.category-uvp {
    font-size: 13px
}
.category-uvp a {
    color: #4c4c4e
}
.category-uvp a:hover {
    text-decoration: none
}
.category-uvp .col-lg-3,
.category-uvp .col-md-6 {
    padding-left: 10px;
    padding-right: 10px
}
.category-uvp .row {
    margin-left: -10px;
    margin-right: -10px
}
.category-uvp {
    margin: 20px 0
}
.category-uvp .uvp-block {
    height: auto;
    width: auto;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 12px;
    text-align: center;
}
.uvp-block em {
    font-style: normal
}
.category-uvp__text strong {
    font-weight: 400
}
.category-uvp__content {
    text-decoration: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    background: none;
    height: auto;
    border: none;
    border-right: 1px solid #dfdfdf
}
.category-uvp__heading {
    font-family: "helveticaregular";
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 16px;
    display: block;
    text-rendering: optimizeLegibility
}
.category-uvp__heading b {
    border-bottom: 1px solid;
    font-weight: 400;
    margin-left: 5px;
    padding-bottom: 5px;
    margin-left: 25px
}
.category-uvp__heading i {
    font-size: 20px;
    position: absolute
}
.category-uvp__text {
    font-family: "helveticaregular";
    line-height: 13px;
    font-size: 13px;
    display: inline
}
.category-uvp__text em {
    padding-left: 20px;
    font-size: 12px
}
.category-uvp__link {
    width: 100%;
    height: 24px;
    line-height: 23px;
    text-align: right;
    font-size: 0;
    text-transform: uppercase;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block
}
.category-uvp .uvp-block.uvp-block--last {
    margin-right: 0
}
.category-uvp-nz .uvp-block .category-uvp__content{
    background-image: url(../images/category_uvp_nz.jpg);
    background-repeat: no-repeat;
}
.category-uvp-au .uvp-block .category-uvp__content{
    background-image: url(../images/category_uvp_sprite_au.jpg);
    background-repeat: no-repeat;
}
.uvp-block--first .category-uvp__content {
    background-position:  8px 3px;
}
.uvp-block--second .category-uvp__content {
     background-position: 17px -107px
}
.uvp-block--third .category-uvp__content {
     background-position: 6px -226px
}
.uvp-block--last .category-uvp__content {
     background-position: 10px -355px;
    border-right: none;
    padding-right: 0
}
.category-uvp .uvp-block .category-uvp__content .category-uvp__link {
    display: none
}
.catalog-category-view .col-main .category-title,
.brand-index-view .col-main .category-title,
.specialslist-index-index .col-main .category-title {
    margin-top: 25px;
    margin-bottom: 20px
}
.category-uvp .uvp-block--first {
    width: 24.9%
}
.category-uvp .uvp-block--first a {
    padding: 6px 0 2px 60px
}
.category-uvp .uvp-block--second {
    width: 24.9%
}
.category-uvp .uvp-block--second a {
    padding: 6px 0 2px 64px
}
.category-uvp .uvp-block--third {
    width: 24.9%
}
.category-uvp .uvp-block--third a {
    padding: 6px 0 2px 56px;
}
.category-uvp-nz .category-uvp .uvp-block--third a {
    padding: 6px 0 2px 60px
}
.category-uvp .uvp-block--last {
    width: 24.9%
}
.category-uvp .uvp-block--last a {
    padding: 6px 0 2px 55px
}
@media screen and (min-width: 1600px) {
    .category-uvp .uvp-block--first {
        width: 24.9%
    }
    .category-uvp .uvp-block--first a {
        padding: 6px 0 2px 110px
    }
    .category-uvp-nz .uvp-block .category-uvp__content{
        background-image: url(../images/category_uvp_nz.jpg);
        background-repeat: no-repeat;
    }
    .category-uvp-au .uvp-block .category-uvp__content{
        background-image: url(../images/category_uvp_sprite_au.jpg);
        background-repeat: no-repeat;
    }
    .uvp-block--first .category-uvp__content {
        background-position: 55px 3px
    }
    .category-uvp .uvp-block--second {
        width: 24.9%
    }
    .category-uvp .uvp-block--second a {
        padding: 6px 0 2px 100px
    }
    .uvp-block--second .category-uvp__content {
        background-position: 49px -107px
    }
    .category-uvp .uvp-block--third {
        width: 24.9%
    }
    .category-uvp .uvp-block--third a {
        padding: 6px 0 2px 82px
    }
    .category-uvp-nz .uvp-block--third a {
        padding: 6px 0 2px 90px
    }
    .uvp-block--third .category-uvp__content {
       background-position: 33px -226px
    }
    .category-uvp .uvp-block--last {
        width: 24.9%
    }
    .category-uvp .uvp-block--last a {
        padding: 6px 0 2px 82px
    }
    .uvp-block--last .category-uvp__content {
        background-position: 35px -355px;
        border-right: none;
        padding-right: 0
    }
}
@media screen and (max-width: 1600px) {
    .category-uvp .uvp-block .category-uvp__content .category-uvp__heading {
        font-size: 12px;
        line-height: 16px
    }
    .category-uvp .uvp-block .category-uvp__content .category-uvp__text {
        font-size: 12px;
        line-height: 11px
    }
    .category-uvp .uvp-block--first .category-uvp__heading {
        word-spacing: 2px;
        letter-spacing: .4px
    }
    .category-uvp .uvp-block--first .category-uvp__content .category-uvp__text {
        letter-spacing: .2px
    }
}
@media screen and (max-width: 1198px) {
    .category-uvp .uvp-block--first, .category-uvp .uvp-block--second, .category-uvp .uvp-block--third, .category-uvp .uvp-block--last {
        width: 49%
    }
    .home_uvp .category-uvp .uvp-block--first {
        width: 24.9%
    }
    .home_uvp .category-uvp .uvp-block--second {
        width: 24.9%;
        border-right: 1px solid #ccc;
    }
    .home_uvp .category-uvp .uvp-block--third {
        width: 24.9%
    }
    .home_uvp .category-uvp .uvp-block--last {
        width: 24.9%
    }
    .uvp-block .category-uvp__content{
        text-align: center;
        max-width: 270px;
        margin: 0 auto;
    }
    .uvp-block--last .category-uvp__content{
        border-right: none;
    }
    .home_uvp .category-uvp .uvp-block .category-uvp__content .category-uvp__heading,
    .catalog-category-view .category-uvp .uvp-block .category-uvp__content .category-uvp__heading,
    .brand-index-list .category-uvp .uvp-block .category-uvp__content .category-uvp__heading,
    .brand-index-view .category-uvp .uvp-block .category-uvp__content .category-uvp__heading,
    .specialslist-index-index .category-uvp .uvp-block .category-uvp__content .category-uvp__heading {
        font-size: 12px;
        line-height: 18px;
    }
    .home_uvp .category-uvp .uvp-block .category-uvp__content .category-uvp__text,
    .catalog-category-view .category-uvp .uvp-block .category-uvp__content .category-uvp__text,
    .brand-index-list .category-uvp .uvp-block .category-uvp__content .category-uvp__text,
    .brand-index-view .category-uvp .uvp-block .category-uvp__content .category-uvp__text,
    .specialslist-index-index .category-uvp .uvp-block .category-uvp__content .category-uvp__text {
        font-size: 12px;
        line-height: 14px;
    }
    .category-uvp__content{
        border: none;
    }
    .category-uvp .uvp-block--first, .category-uvp .uvp-block--third{
        border-right: 1px solid #ccc;
    }
}
#overlay_modal {
    background: rgba(0, 0, 0, 0.5)
}
#popup_window,
.popupContent {
    background: #fff
}
.popupContent {
    padding: 50px
}
#popupContent {
    max-width: 1200px;
    width: 100%!important
}
.catalog-product-view #popupContent,  .checkout-cart-index #popupContent {
    top: 35px!important;
    overflow-x: hidden;
    overflow-y: auto;
    height: 80vh !important;
    max-height: 800px!important;
    box-sizing: border-box;
}
#popupContent_content{
    width: 100%;
    height: 100%;
}
#popupContent .table_window,
#popupContent .table_window tbody,
#popupContent .table_window tbody tr,
#popupContent .table_window tbody td,
#popup_window .table_window,
#popup_window .table_window tbody,
#popup_window .table_window tbody tr,
#popup_window .table_window tbody td
{
    display: block;
}
#popup_window .table_window,
#popup_window .table_window tbody,
#popup_window .table_window tbody tr,
#popup_window .table_window tbody td#popup_window_table_content,
#popup_window iframe{
    height: 100%;
    width: 100%;
}
#popup_window #popup_window_row1, #popup_window #popup_window_row3{
    display: none !important;
}
.catalog-product-view #popupContent #popupContent_row1{
    display: none;
}
.catalog-product-view #popupContent_content, .checkout-cart-index #popupContent_content{
    overflow-y: auto
}
.catalog-product-view #popupContent #popupContent_row, .checkout-cart-index #popupContent #popupContent_row1, .checkout-cart-index .widget_popup{
    display: none
}
.catalog-product-view #popupContent .popupContent, .checkout-cart-index #popupContent .popupContent  {
    padding: 4px 50px 70px
}

.popupContent h2 {
    color: #4fa6bc;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px
}
.popupContent p {
    font-size: 14px;
    color: #5a5a5a
}
.popupContent p strong,
h4 {
    font-size: 16px;
    color: #5a5a5a
}
.staticPop_close {
    background: url(../images/close_static.png) no-repeat 99%;
    background-color: #fff;
    width: 100%;
    height: 47px;
    top: 0;
    border-top: 2px solid #ff662f;
    cursor: pointer
}
.healthpost_close, #popupContentImage .staticPop_close{
    background: transparent url(../images/lightbox-close.png) 100%;
    position: absolute;
    height: 29px;
    width: 30px;
    display: block;
    right: 15px;
    top: 15px;
    border-top: 0;
    cursor: pointer;
    z-index: 10000
}
@media screen and (max-width: 600px) {
    #popup_window {
        width: 80%!important;
        left: 10%!important
    }
    #popup_window table.mid,
    #popup_window table.mid tr,
    #popup_window table.mid tr td.healthpost_content,
    #popup_window table.mid tbody,
    #popup_window table.mid iframe {
        width: 100%!important;
        display: block
    }
    #popup_window table.mid iframe img {
        width: 100%;
        height: auto
    }

}
@media screen and (max-width: 770px) {
    .catalog-product-view #popupContent {
        max-width: 100%;
        max-height: 599px!important
    }
    .catalog-product-view #popupContent_content {
        max-height: 550px!important
    }
    .catalog-category-view .col-main .category-title-before .category-uvp {
        margin-top: 0px
    }
}
@media screen and (max-width: 599px) {
    .catalog-product-view #popupContent {
        max-width: 100%;
        max-height: 480px!important;
        padding: 0
    }
    .catalog-product-view #popupContent_content {
        max-height: 430px!important
    }

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .catalog-product-view #popupContent {
        max-height: 599px!important
    }
    .catalog-product-view #popupContent_content {
        max-height: 550px!important
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 680px) and (orientation: landscape) {
    .catalog-product-view #popupContent {
        max-height: 300px!important
    }
    .catalog-product-view #popupContent_content {
        max-height: 252px!important
    }
}
.box-collateral .products-grid .brand-name {
    display: inline-block
}
.MagicThumb-expanded {
    left: 50% !important;
    margin-left: -300px !important;
}

/* For "Please go back to your cart to remove these products before continuing with your order." in cart page */
#co-shipping-method-form .error-msg p:last-child {
    margin-bottom: 0;
}




/*===================================================================
================= Health Tips Page Styles ===========================
=====================================================================*/
body.tips .wrapper, body.tips .header-panel, body.tips .header-container{
    width: 100%;
    max-width: 100%;
}
body.tips .breadcrumbs{
    padding-left: 30px;
}
body.tips, .quote > p em{
    color: #575454;
    font-family: Arial, sans-serif;
}
.tips .std .row {
    margin-top: 20px;
}
.tips .std a, .tips .std a:hover, .tips .std a:link, .tips .std a:active, .tips .std .highlight {
    color: #368ba4;
    text-decoration: underline;
}
.tips .quote p a, .tips .quote p a:link, .tips  .quote p a:active,
.tips .quote p a:hover{
    text-decoration: none;
}
.tips .std  .section-blue a, .tips .std  .section-blue a:hover, .tips .std  .section-blue a:active{
    color: #cace2c;
    text-decoration: none;
}
.tips .main.container{
    width: 100%;
    padding: 0;
}
.tips .breadcrumbs{
    width: 1570px;
    margin: 0 auto;
}
.tips .separator{
    display: block;
    margin: 40px 0;
}
.container-small{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (max-width: 991px){
    .tips .tip  .col-md-10, .tips .author .col-md-12{
        max-width: 480px;
        margin: 0 auto;
    }
}

.tips .std h1, .tips .std h2, .tips .std h3, .tips .std h4, .tips .std #authors h2, .tips .std .h1, .tips .std .h2, .tips .std .h3, .tips .std .lead, .tips .std .quote blockquote:before, .tips .std .quote blockquote:after, .tips .std .quote > p, .tips .std .section-blue p{
    font-family: 'Convergence', sans-serif;
    margin-bottom: 20px;
}
.tips .std h1, .tips .std h2, .tips .std .section-blue p {
    color: #fff;
}
.tips .std p, .tips .std blockquote{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}
.tips .std blockquote{
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 26px;
    font-style: normal;
}
.tips .section {
    position: relative;
    background: #fff;
    margin-bottom: 0;
    padding: 40px 0;
    z-index: 10;
}
.tips .section-top{
    position: relative;
}
.tips .section-top h1 {
    margin-top: 200px;
    text-shadow: 1px 1px 4px #333;
    font-size: 56px;
    line-height: 66px;
}
.tips .top-img{
    max-width: 900px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    max-height: 480px;
    height: 100%;
    top:0;
}
.tips #authors h2, .tips .lead, .tips .quote > p {
    color: #368ba4;
}
.tips .std p.lead, .tips .std .quote > p {
    font-size: 20px;
    line-height: 30px;
}
.tips #authors h2, .tips .std .lead {
    position: relative;
    text-align: center;
    padding: 40px 0;
    margin: 40px 0;
}

.tips #authors h2:before, .tips .lead:before, .tips .lead:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 150px;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #368ba4 30%, rgba(255, 255, 255, 0) 20%);
    background-image: linear-gradient(to right, #368ba4 30%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-transform: translate( -50%, 0);
    transform: translate( -50%, 0);
}
.tips #authors h2:before, .tips .lead:after {
    top: auto;
    bottom: 0;
}
.tips #authors h2{
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.tips .std hr {
    border-color: #e6e6e6;
    border-width: 1px;
    margin: 40px 0 20px;
    display: block;
    border-style: solid;
}

.tips .quote{
    margin-bottom: 20px;
}
.tips .quote,
.tips .quote blockquote{
    position: relative;
    border: 0;
}
.tips .section-blue .quote blockquote{
    padding: 0;
    margin: 0;
}
.tips .quote blockquote:before,
.tips .quote blockquote:after{
    content: '\201c';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 38px;
    line-height: 38px;
    display: block;
    width: 14px;
    height: 20px;
    margin: 0;
}
.tips .quote blockquote:after{
    content: '\201d';
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}
.tips .section-blue .quote blockquote:before,
.tips .section-blue .quote blockquote:after{
    display: none;
}
.tips .quote > p em{
    display: block;
    font-size: 12px;
    line-height: 24px;
}

@media screen and (min-width: 376px) and (max-width: 768px){
    .tips .quote{
        padding-right: 50px;
    }
    .tips .section-blue .quote{
        padding-left: 0;
    }
}

.tips .std #tips-nav{
    position: fixed;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index:20;
}
.tips .std .nav-tabs{
    border: 0;
}
.tips .std .tips-nav-wrapper #tips-nav-menu{
    display: none;
    position: fixed;
    top: 20px;
    right: 10px;
    z-index: 200;
    text-decoration: none;
}
.tips .std .tips-nav-wrapper #tips-nav-menu:before{
    content: "\f0c9";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding: 12px;
    color: #575454;
    background: #f1f1f1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.tips .std .tips-nav-wrapper #tips-nav-menu.active:before{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.tips .std #tips-nav ul li{
    display: block;
    z-index: 1000;
    float: none;
    margin: 5px 0;
}
.tips .std #tips-nav ul li a{
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.tips .std #tips-nav ul li a:hover, .tips .std #tips-nav ul li a:active{
    color: #fff;
}
@media screen and (max-width: 768px){
    .tips .std .tips-nav-wrapper #tips-nav-menu{
        display: block;
        text-transform: uppercase;
    }
}
@media screen and (max-height: 568px){
    .tips .std .tips-nav-wrapper #tips-nav-menu {
        top: 6px;
        right: auto;
        width: 55px;
        right: 0px;
        z-index: 20;
    }
    .tips .std #tips-nav {
        top: 60px;
        width: 55px;
        right: -28px;
        z-index: 20;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .tips .std #tips-nav ul{
        margin: 0;
        padding: 0;
    }
    .tips .std #tips-nav ul li{
        float: left;
    }
    .tips .std #tips-nav ul li,
    .tips .std #tips-nav ul li a{
        margin: 0;
    }
}
.tips .col-md-2-5 {
    width: 19%;
    padding: 0 2%;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width: 667px){
    .tips .col-md-2-5{
        width: 32% !important;
        margin-bottom: 40px !important;
        padding: 0 2% !important;
    }
}
@media screen and (max-width: 599px){
    .tips .section-top h1 {
        font-size: 36px;
        line-height: 48px;
    }
}

@media screen and (min-width: 667px) and (max-width: 768px){
    .tips .author .col-md-8,
    .tips .author .col-md-4{
        width: 50%;
        float: left;
    }
}

/* Icons */
.tips .icon {
    background: url(../images/tips/icons.png) no-repeat 0 0 #e6e6e6;
    width: 40px;
    height: 40px;
    display: block;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
}
.tips .col-top .icon{
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    border: 3px solid #fff;
}
.tips .icon:hover{
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.tips .icon-label {
    display: block;
    margin-top: 10px;
    color: #575454;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.tips .icon-large {
    width: 88px;
    height: 88px;
}
.tips .icon-small{
    width: 54px;
    height: 54px;
}
.tips .icon-cat-1 {
    background-position: 18px 24px;
}
.tips .icon-small.icon-cat-1,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-1,
.tips .col-top .icon-cat-1{
    background-position: -190px 14px;
}
.tips .icon-cat-1:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-1,
.tips .col-top .icon-cat-1{
    background-position-x: -82px;
    background-color: #ba141a !important;
}
.tips .icon-small.icon-cat-1:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-1,
.tips .col-top .icon-cat-1{
    background-position-x: -290px !important;
}
.tips .icon-cat-2{
    background-position: 20px -84px;
}
.tips .icon-small.icon-cat-2,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-2,
.tips .col-top .icon-cat-2{
    background-position: -188px -90px;
}
.tips .icon-cat-2:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-2,
.tips .col-top .icon-cat-2{
    background-position-x: -80px;
    background-color: #718939 !important;
}
.tips .icon-small.icon-cat-2:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-2,
.tips .col-top .icon-cat-2{
    background-position-x: -288px !important;
}
.tips .icon-cat-3{
    background-position: 22px -178px;
}
.tips .icon-small.icon-cat-3,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-3,
.tips .col-top .icon-cat-3{
    background-position: -188px -186px;
}
.tips .icon-cat-3:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-3,
.tips .col-top .icon-cat-3{
    background-position-x: -78px;
    background-color: #46acca !important;
}
.tips .icon-small.icon-cat-3:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-3,
.tips .col-top .icon-cat-3{
    background-position-x: -288px !important;
}
.tips .icon-cat-4{
    background-position: 14px -286px;
}
.tips .icon-small.icon-cat-4,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-4,
.tips .col-top .icon-cat-4{
    background-position: -193px -294px;
}
.tips .icon-cat-4:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-4,
.tips .col-top .icon-cat-4{
    background-position-x: -86px;
    background-color: #f37023 !important;
}
.tips .icon-small.icon-cat-4:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-4,
.tips .col-top .icon-cat-4{
    background-position-x: -293px !important;
}
.tips .icon-cat-5{
    background-position: 20px -386px;
}
.tips .icon-small.icon-cat-5,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-5,
.tips .col-top .icon-cat-5{
    background-position: -190px -394px;
}
.tips .icon-cat-5:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-5,
.tips .col-top .icon-cat-5{
    background-position-x: -80px;
    background-color: #cace2c !important;
}
.tips .icon-small.icon-cat-5:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-5,
.tips .col-top .icon-cat-5{
    background-position-x: -290px !important;
}
.tips .icon-small.icon-cat-6,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-6{
    background-position: 13px -492px;
}
.tips .icon-small.icon-cat-6:hover,
.tips #tips-nav li:not(.clicked).active .icon-small.icon-cat-6{
    background-position-x: -88px !important;
    background-color: #575454 !important;
}

.tips .icon-small.icon-cat-7{
    background-image: none;
    position: relative;
}
.tips .icon-small.icon-cat-7:before{
    content: "\f106";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    display: block;
    position: absolute;
    font-size: 38px;
    line-height: 32px;
    color: #575454;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.tips .icon-small.icon-cat-7:hover:before, .tips .icon-small.icon-cat-7:hover:active{
    color: #fff;
}
.tips #nav li:hover .icon-small.icon-cat-7:before,
.tips #nav li.active .icon-small.icon-cat-7:before{
    color: #fff !important;
}
.tips .icon-small.icon-cat-7:hover,
.tips #nav li.active .icon-small.icon-cat-7{
    background-color: #873eb7 !important;
}

/* sections */

.tips .section{
    position: relative;
    background: #fff;
    margin-bottom: 0;
    padding: 40px 0;
    z-index: 3;
}
.tips .section-blue{
    background: #368ba4;
    padding: 0;
}
.tips .section-blue .social-links{
    top:40px;
}
.tips .section-hidenav{
    z-index: 2;
}
.tips .section-top .container-small,
.tips .section-blue .container-small{
    position: relative;
}
.tips .section-blue .container-small{
    padding: 40px 15px;
}
.tips .section-top,
.tips .col-top{
    background-image: url(../images/tips/top.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: cover;
    min-height: 480px;
}

@media screen and (min-width: 1440px){
    .tips .section-top{
        background-size: contain;
    }
    .tips .std #tips-nav{
        z-index: 4;
    }
}

.tips .col-top{
    min-height: 180px;
}
.tips .section-top h1{
    margin-top: 200px;
    text-shadow: 1px 1px 4px #333;
}
.tips .col-top h2{
    padding: 100px 0 0;
    margin: 0;
    font-size: 30px;
}
.tips #category01 .col-top{
    background-image: url(../images/tips/main01.jpg);
}
.tips #category02 .col-top{
    background-image: url(../images/tips/main02.jpg);
}
.tips #category03 .col-top{
    background-image: url(../images/tips/main03.jpg);
}
.tips #category04 .col-top{
    background-image: url(../images/tips/main04.jpg);
}
.tips #category05 .col-top{
    background-image: url(../images/tips/main05.jpg);
}

.tips .category h3{
    position: relative;
    font-size: 24px;
    font-weight: 500;
}
.tips .category h3 span:not(.p){
    margin-left: -65px;
    margin-right: 10px;
    padding: 8px;
    border: 5px solid;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 100;
}
.tips #category01 h3 span:not(.p){
    border-color: #ba141a;
}
.tips #category02 h3 span:not(.p){
    border-color: #718939;
}
.tips #category03 h3 span:not(.p){
    border-color: #46acca;
}
.tips #category04 h3 span:not(.p){
    border-color: #f37023;
}
.tips #category05 h3 span:not(.p){
    border-color: #cace2c;
}

.tips .category .col-md-10:before{
    content: '';
    position: absolute;
    left: -25px;
    top: 10px;
    width: 3px;
    height: 90%;
    background-color: #e6e6e6;
    display: block;
    z-index: 0;
}

@media screen and (max-width: 768px){
    .tips .section-hidenav{
        z-index: 4;
    }
    .tips .section-top{
        min-height: 360px;
    }
    .tips .category h3 span{
        margin-left: 5px;
    }
    .tips .category h3 p{
        padding-left: 70px;
    }
    .tips .category .col-md-10:before{
        left: -26px;
    }
}
@media screen and (max-width: 667px){
    .tips .col-top h2 {
        padding: 60px 0 0;
    }
    .tips .col-top h2 p{
        padding-left: 70px;
    }
    .tips .col-top h2 p span{
        margin-left: -70px;
    }
    .tips .category .col-md-10:before{
        display: none;
    }
    .tips .section{
        padding: 40px 10px;
    }
}

.tips .section img.center-block{
    margin-bottom: 20px;
}
.tips .section img.pull-left{
    margin: 10px 40px 20px 0;
}
.tips .section img.pull-right{
    margin: 10px 0 20px 40px;
}
.tips img.img-border{
    border: 1px solid #e6e6e6;
}

.tips .quote .quote-sharer{
    position: absolute;
    bottom: 20px;
    left: 15px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    list-style: none;
}
.tips .section-blue .quote .quote-sharer{
    left: auto;
    right: 15px;
    bottom: -40px;
}
.tips .quote:hover .quote-sharer{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.tips .social-links{
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
}
.tips .quote .quote-sharer li{
    float: left;
}
.tips .quote .quote-sharer li a,
.tips .social-links li a{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50%;
    background: url(../images/tips/icons.png) no-repeat -188px -592px #3b5998;
}
.tips .social-links li a{
    width: 50px;
    height: 50px;
    border-radius: 0;
}
.tips .social-links li a.fb-link{
    background-position: 18px -590px !important;
}
.tips .quote .quote-sharer li a.gp-share,
.tips .social-links li a.gp-link{
    background-position: -192px -690px;
    background-color: #d34836;
}
.tips .social-links li a.gp-link{
    background-position: 10px -686px !important;
}
.tips .quote .quote-sharer li a.tw-share,
.tips .social-links li a.tw-link{
    background-position: -190px -640px;
    background-color: #0084b4;
}
.tips .social-links li a.tw-link{
    background-position: 12px -635px !important;
}
@media screen and (max-width: 768px){
    .tips .quote .quote-sharer{
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        left: auto;
        bottom: auto;
        position: relative;
        float: right;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 992px){

    .tips .section-blue .social-links{
        position: relative;
    }
    .tips .section-blue .social-links li{
        float: left;
    }
    .tips .section-blue .social-links li a{
        margin: 0;
    }
    .container-small{
        max-width: 480px;
    }
    .section-top .container-small{
        max-width: 590px;
    }
    .tips .std .tips-nav-wrapper{
        display: none;
    }
    .tips .std .tips-nav-wrapper.visible{
        display: block;
    }
}