/*-------------------------------------- Style Sheet Information -------------------------------------
------------------------------------------------------------------------------------------------------
Version: 1.4
Included on the following html pages:
    =All NuSkin.com Pages

Notes:
    =Use of _ before selector targets IE6 only.
    =Use of * before selector targets IE6 & 7.

Contains:
    =Global Reset
    =Links
    =Buttons
    =Global Generic Styles
    =Header
    =Footer
    =Containers plus Styles (Generic, Content, Hero & Grid)
    =Breadcrumb
    =Custom Menu
    =Product Module
    =Side Bar & Modules
    =Callouts
    =Home Page
    =Product Detail Page
    =Global Landing Page
    =Blog Page
    =Sign Up Page
    =Create Account Page
    =Shopping Cart Page
    =DOM Window & Log In Form
----------------------------------------------------------------------------------------------------*/

/* =Global Reset
----------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
    /* Optional and Usually Not Used */
abbr, acronym, address, applet, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, tt, var {
    background: transparent;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%; /* Prevents iPhone from rescaling text for landscape*/
}

/* comment for test */

body {
    color: #363636;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    line-height: 1;
}

ul, dl {
    list-style: none;
}

strong, b {
    font-weight: bold;
}

iframe {
    position: relative;
    top: 0;
    left: 0;
}

.ltc-bodoni-175 {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}
.textimage {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textimage .image {
    float: left;
    padding: 0 15px 12px 0;
    margin-right: 12px;
}

.textimage .image-right {
    float: right;
    margin-left: 12px;
    padding: 0 0 12px 15px;
}

div.textimage .text p,
div.richtext p {
    font-size: 14px;
    line-height: 1.4em;
}

div.textimage .text ul,
div.textimage .text ol,
div.text .text ol,
div.text .text ul,
div.richtext ul,
div.richtext ol {
    margin: 0;
    padding: 0;
}

div.text ul li,
div.text .text ul li,
div.text ul li,
div.textimage .text ul li,
div.textimage .text ol li,
div.text ol li,
div.text ul li,
div.richtext ul li,
div.richtext ul li {
    background: none;
    line-height: 1.4em;
    font-size: 14px;
    list-style: disc;
    margin-left: 18px;
}

div.text ul li,
div.richtext ul li,
div.textimage ul li {
    list-style-position: outside;
    padding: 0 0 7px;
}

div.textimage .text ol li,
div.text ol li,
div.richtext ol li {
    list-style: decimal;
    list-style-position: inside;
}

sup {
    font-size: 11px;
    padding-left: 2px;
    position: relative;
    top: -0.3em;
}

.parbase.richtext.section h2,
.parbase.text.section h2,
.parbase.textimage.section h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

h2 sup {
    font-size: 13px;
}

h1 sup {
    font-size: 16px;
    top: -0.5em;
}

sub {
    font-size: 11px;
    _font-size: 12px;
    font-weight: normal;
}

input, textarea, select, button {
    color: #363636;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 100%;
}

/* (AEM-6614) TEMPORARY PATCH: Remove before 7/31/2015. Applied 7/6/2015. To be removed when global.css is integrated */

#cpm-wrap .form-field-text .error-list li,
#cpm-wrap .form-field-dropdown .error-list li {
    list-style: none;
}

#cpm-wrap .form-field-text .error-list,
#cpm-wrap .form-field-dropdown .error-list {
    margin-top: 0.5em;
    margin-bottom: 1em;

}

#cpm-wrap .form-field-text .error-list li,
#cpm-wrap .form-field-dropdown .error-list {
    list-style: none;
    margin-left: 0;
    padding-bottom: 0;
}

#cpm-wrap .form-field-text .error-list label.error,
#cpm-wrap .form-field-dropdown .error-list label.error {
    padding: 0;
    height: 1em;
    font-size: 12px;
}

#cpm-wrap fieldset.form-field-text.error,
#cpm-wrap fieldset.form-field-dropdown .error-list {
    padding-left: 0;
}

/* make this as default for now */
.form_button_submit  {
    background-color: #272525;
    border-color: #272525;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 1.07px;
    text-decoration: none !important;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    outline: 0 !important;
    padding: 13px 20px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;    
}

/*Added default button hover state */
.form_button_submit:hover {
    background-color: #5a5a57;
    border-color: #5a5a57;    
}

/* END of TEMPORARY PATCH */

:focus {
    /* still need to define focus styles */
    outline: 0;
}

table {
    /* tables still need cellspacing="0" in the markup */
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset, img, iframe {
    border: 0;
    vertical-align: bottom;
}

/* =Links
----------------------------------------------------------------------------------------------------*/
a:link, a:visited, a {
    color: #008ab0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

a:active {
    color: #008ab0;
    outline: 0;
    text-decoration: none;
}

/* =Buttons
----------------------------------------------------------------------------------------------------*/
a.text-btn {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081A8', endColorstr='#006280'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0081A8), to(#006280)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #0081A8 5%, #006280 100%) repeat scroll 0 0 #0081A8;
    background: -ms-linear-gradient(top, #0081A8 0%, #006280 100%);
    background-color: #0081A8;
    border: 1px solid #006280;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 14px;
    font-weight: bold;
    min-width: 50px;
    padding: 6px 15px;
    text-decoration: none;
    cursor: pointer;
}

a.text-btn:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006280', endColorstr='#0081A8'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#006280), to(#0081A8)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #006280 5%, #0081A8 100%) repeat scroll 0 0 #006280;
    background: -ms-linear-gradient(top, #006280 0%, #0081A8 100%);
    background-color: #0081A8;
}

a.text-btn div {
    /*height: 27px;
    padding: 7px 0 0 13px;
    border: 0 none;
    background: transparent url("/etc/designs/hello/packaged/img/global/btnLeft.png") no-repeat 0 0;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-transform: lowercase;
    overflow: hidden;
    min-width:60px;*/
}

a.find {
    background: url("/etc/designs/hello/packaged/img/global/btnFind.png") 0 0 no-repeat;
    width: 64px;
}

a.nextStep {
    background: url("/etc/designs/hello/packaged/img/global/btnNextStep.png") 0 0 no-repeat;
    width: 98px;
}

a.continue {
    background: url("/etc/designs/hello/packaged/img/global/btnContinue.png") 0 0 no-repeat;
    width: 91px;
}

a.cancel {
    background: url("/etc/designs/hello/packaged/img/global/btnCancel.png") 0 0 no-repeat;
    width: 79px;
}

a.questionMark {
    background: url("/etc/designs/hello/packaged/img/global/btnQuestionMark.png") 0 0 no-repeat;
    cursor: pointer;
    height: 15px;
    width: 15px;
}

a.questionMark:hover {
    background-position: 0 0;
}

a.controls {
    background: url("/etc/designs/hello/packaged/img/global/btnsCarousel.png") 0 0 no-repeat;
    width: 27px;
}

a.btn.upArrow {
    background-position: 0 0;
    display: block;
}

a.btn.downArrow {
    background-position: -27px 0;
    display: block;
}

a.downArrow:hover {
    background-position: -27px -27px;
}

a.leftArrow {
    background-position: -62px 0;
}

a.leftArrow:hover {
    background-position: -62px -27px;
}

a.rightArrow {
    background-position: -89px 0;
}

a.rightArrow:hover {
    background-position: -89px -27px;
}

.customMenu a.controls {
    height: 17px;
    line-height: 17px;
    margin: 5px 0 5px 97px;
    padding: 0;
    width: 27px;
}

.customMenu a.upArrow {
    background-position: -109px 0;
}

.customMenu a.upArrow:hover {
    background-position: -109px -27px;
}

.customMenu a.downArrow {
    background-position: -136px 0;
    margin-bottom: -1px;
}

.customMenu a.downArrow:hover {
    background-position: -136px -27px;
}

.customMenu a.disabled {
    visibility: hidden;
}

/* =Global Generic Styles
----------------------------------------------------------------------------------------------------*/
.displayNone {
    display: none;
}

.topBorder {
    border-top: 1px solid #e5e5e6;
}

/* =Header
----------------------------------------------------------------------------------------------------*/

#header {
    font-size: 11px;
    height: 127px;
    margin: 0 auto;
    position: relative;
    width: 980px;
    z-index: 100;
}

body:not(.zh_TW) app-drawer-layout {
    z-index: 800;
}

/* ----- Logo ----- */
@media (min-width: 768px) {
    div#logo:not([slot="logo"]) {
        line-height: 60px;
        left: 0;
        padding: 0;
        position: absolute;
        top: 33px;
        width: 265px;
    }
}
/* ----- Logo ----- */
/*THIS NEEDS TO BE IN HERE FOR INVESTORS HEADER*/
h1#logo {
    background: url("/etc/designs/hello/packaged/img/global/logoNuSkin.png") 0 0 no-repeat;
    line-height: 60px;
    left: 0;
    padding: 0;
    position: absolute;
    text-indent: -999.9em;
    top: 33px;
    width: 265px;
}

h1#logo a {
    display: block;
    height: 60px;
}

/*END -- THIS NEEDS TO BE IN HERE FOR INVESTORS HEADER*/
#globalLanding div#logo {
    background-position: 0 -62px;
    float: left;
    height: 124px;
    margin-right: 137px;
    position: static;
    width: 181px;
    color: transparent;
}

div#logo a {
    display: block;
    height: 60px;
    color: transparent;
}

.defaultDesktopLogo{
    height: 60px;
    background: url("/etc/designs/hello/packaged/img/global/logoNuSkin.png") no-repeat;
    display: block;
}

.defaultLogo{
    width: 60px;
    height: 50px;
    background: url("/apps/global/layouts/responsiveBasic/header/images/icon-fountain.svg") no-repeat;
    display: block;
    position: fixed;
    margin-top: 6px;
}

.utilityBar {
    left: 320px;
    position: absolute;
    top: 37px;
    width: 550px;
    z-index: 120;
}

/* ----- Choose Language & My Office List Menus ----- */
#header .listMenu {
    z-index: 115;
}

#header .listMenu li,
#header .listMenu li a {
    border: 1px #ccc solid;
    display: block;
    float: left;
    position: relative;
}

#header .listMenu li {
    border-width: 1px 0;
    margin: 0;
}

#header .listMenu li a {
    background: url("/etc/designs/hello/packaged/img/global/iconArrowBlueDown.png") 96% 50% no-repeat;
    border-width: 0 1px;
    color: #717073;
    margin: 0 -1px;
    padding: 4px 20px 4px 5px;
    text-decoration: none;
    text-transform: uppercase;
}

#header .listMenu .active {
    border-color: #008ab0;
}

#header .listMenu li ul {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    clear: both;
    float: left;
    position: absolute;
    top: -999.9em;
    z-index: 120 !important;
    width: 100%;
}

#header .myOffice li ul {
    border-top: 1px solid #cbcbcb;
    width: 168px;
}

#header .listMenu li ul.opened {
    top: 20px;
}

#header .myOffice li ul.opened {
    top: 19px;
}

#header .listMenu li li a {
    background: none;
    border: 0;
    margin: 0;
    padding: 4px 10px 4px 14px;
    width: 100%;
}

#header .myOffice li li,
#header .myOffice li li a {
    width: 156px;
}

#header .listMenu li li {
    border: 1px solid #cbcbcb;
    border-width: 0 1px;
    margin: 0 -1px;
    width: 100%;
}

#header .myOffice li li {
    width: 168px;
}

#header .listMenu li li.first a {
    padding-top: 8px;
}

#header .listMenu li li.last a {
    padding-bottom: 8px;
}

#header .listMenu li li a:hover {
    color: #008ab0;
}

/* ----- Log-in Info ----- */
#header #logInInfo {
    color: #363636;
    margin-bottom: 20px;
    text-align: right;
    width: 100%;
}

#header #logInInfo span {
    font-weight: bold;
}

#header #logInInfo #firstName {
    margin-right: 5px;
}

#header #logInInfo a {
    font-weight: bold;
    text-decoration: none;
}

#header #logInInfo a:hover {
    text-decoration: underline;
}

/* ----- langSelect class inside the logInInfo ----- */
.langSelect {
    position: relative;
    font-size: 11px;
    display: inline-block;
    border-right: 1px solid #CCCCCC;
    margin-right: 11px;
}

#header #logInInfo .langSelect a {
    color: #707173;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    margin-right: 13px;
}

#header #logInInfo .langSelect a:hover {
    color: #008ab0;
}

.loggedIn,
.loggedIn-10,
.loggedIn-20,
.loggedIn-30,
.loggedIn-wholesale,
.loggedIn-retail {
    display: none;
}

.notLoggedIn {
    display: block;
}

/* ----- Promo ----- */
#promo {
    color: #008ab0;
    float: right;
    text-align: right;
    text-transform: uppercase;
}

#promo a {
    color: #008ab0;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

#promo a span {
    color: #707173;
    background: url("/etc/designs/hello/packaged/img/global/iconArrowBlue.png") 0 0 no-repeat;
    display: inline-block;
    margin-top: 6px;
    padding-left: 10px;
}

#promo a:hover span,
#promo a span.active {
    color: #008ab0;
}

.fi_FI #promo {
    line-height: 1.5;
}

/* ----- Utility Nav ----- */
#utilityNav {
    display: inline;
    /*left: 473px;*/
    position: relative;
    /*top: 42px;*/
}

#utilityNav li {
    float: left;
    margin: 0;
    padding: 5px 0 0 13px;
}

#utilityNav a {
    color: #707173;
    text-decoration: none;
    text-transform: uppercase;
}

#utilityNav li#cart {
    background: url("/etc/designs/hello/packaged/img/global/iconCart.png") 13px 5px no-repeat;
    padding-left: 28px;
    padding-right: 20px;
}

#utilityNav a:hover {
    color: #008ab0;
}

div.home.topnav {
}

div#addToCartConfirmation {
    position: fixed;
    top: 70px;
    left: 50%;
    background-color: white;
    border: transparent;
    display:none;
    min-width: 200px;
    color: black;
    padding: 0.5em;
    font-size: 14px;
    text-align: center;
    margin-right: auto;
    margin-left: -110px;
    z-index: 10002;
    color: black;
    border-top: 4px solid #008AB0;

    -webkit-box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

div#addToCartConfirmation.active {
    display: block;
    opacity: 1;
    top: 80px;
}

.titleSpan {
    /*border: 1px solid white; /* hover color -- border: 1px solid #7FC4D7;*/
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

.topnavtitle {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 17px;
    font-weight: Normal;
    line-height: 1.5em;
    text-transform: uppercase;
}

.topnavtitleWebfont {
    letter-spacing: 0.04em;
    line-height: 1.5em;
    text-transform: uppercase;
}

.htmlTitle {
    padding: 0 5px;
}

.carouselTitle {
    display: block;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 32px;
    line-height: 1.1em;
    padding: 0 0 10px 2px;
    text-transform: uppercase;
    font-weight: 300;
}

.carouselTitle sup {
    font-size: 12px;
    font-weight: normal;
    padding-left: 2px;
    position: relative;
    top: -1.1em;
}

.blue {
    color: #008ab0;
}

.grey {
    color: #717073;
}

.white {
    color: white;
}

/* ----- Main Nav ----- */

#mainDropdown {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#mainDropdown .wrapper {
    position: relative;
    width: 98%;
    margin: 0 auto;
}

#mainNav {
    width: auto;
    margin: 0 auto;
    z-index: 110;
    display: table;
}

#mainNav li {
    display: block;
    float: left;
    margin: 0;
    text-align: left;
}

#mainNav li.htmlTitle.active a.topnavtitle {
    position: relative;
}

#mainNav li.active > a.topnavtitle:before {
    position: absolute;
    top: 31px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: " ";
    z-index: 2;
}

#mainNav li.active > a.topnavtitle:after {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #999;
    content: " ";
    z-index: 1;
}

#mainNav a {
    /*background: url("/etc/designs/hello/packaged/img/global/globalNav.png") 0 0 no-repeat;*/
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    /*width: 100px;*/
    /*text-indent: -999.9em;*/
    /*margin: 0; */
    text-decoration: none;
}

/* ----- Sub-Nav ----- */
#mainNav .subNav {
    padding: 25px 15px 5px 15px;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 120;
    background: #fff;
    box-shadow: 0 9px 15px #555;
    width: 97%;
    display: none;
}

#mainNav li ul h3 {
    font: 100 14px/16px "Arial", sans-serif;
    margin: 0 0 3px 0;
    padding: 0 0 11px 0;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/* Set Columns */
#mainNav li .subNav li {
    margin-top: 3px;
    min-height: 350px;
}

@media screen and ( max-width: 980px ) {
    #mainNav li .subNav li {
        background: #fff !important;
        min-height: 1% !important;
    }
}

#mainNav li .subNav li:hover h3 {
    border-bottom: 1px solid #008ab0;
}

#mainNav li .col1 li, #mainNav li .col2 li, #mainNav li .col3 li, #mainNav li .col4 li, #mainNav li .col5 li {
    display: inline-block;
    min-width: 20%;
    min-height: 35em;
    margin: 0 0 10px 0;
    padding: 0 10px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
}

#mainNav li .col1 li {
    width: 100%;
}

#mainNav li .col2 li {
    width: 50%;
}

#mainNav li .col3 li {
    width: 33.333%;
}

#mainNav li .col4 li {
    width: 25%;
}

#mainNav li .col5 li {
    width: 20%;
}

@media screen and ( max-width: 980px ) {

    #mainNav li .col2 li, #mainNav li .col3 li, #mainNav li .col4 li, #mainNav li .col5 li {
        width: auto !important;
        margin: 0 25px 25px 0;
    }

}

/* Styles Links */
#mainNav li .subNav a {
    background: none;
    color: #717073;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    height: auto;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    /*position: relative !important; -- taken out to fix hebrew english links*/
    text-indent: 0;
    padding: 4px 0;
}

#mainNav li .subNav div-hdr {
    color: #363636;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
}

#mainNav li .subNav a:hover,
#mainNav li .subNav a:hover span {
    color: #008ab0;
}

/* ----- Content Shade ----- */
.contentShade {
    background: url("/etc/designs/hello/packaged/img/global/bgContentShade.png") 0 0 repeat;
    left: 0;
    position: absolute;
    top: 0 !important;
    width: 100%;
    z-index: 90;
}

/* ----- Divider ----- */
#headerDivider {
    background: url("/etc/designs/hello/packaged/img/global/bgBorderHeader.png") 0 100% repeat-x;
    clear: both;
    height: 3px;
    _float: left;
    _line-height: 3px;
    text-indent: -999.9em;
    width: 100%;
    position: relative;
}

.bottomRight {
    background: no-repeat 0 22px;
    float: right;
    padding: 25px 0 10px 30px;
    line-height: 1.3em;
    width: auto;
}

.bottomRight {
    background: no-repeat 0 22px;
    float: right;
    padding: 25px 0 10px 30px;
    line-height: 1.3em;
    width: auto;
}

#globalSearch {
    background: #fff;
    bottom: 15px;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 6px;
    width: 160px;
}

#globalSearch input.globalSearchField {
    font-size: 14px;
    height: 27px;
    padding: 0 6px 0 25px;
    width: 126px;
    position: relative;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    line-height: 18px;
}

#globalSearch input.globalSearchButton {
    background: url("/apps/global/layouts/responsiveBasic/header/images/icon-search.svg") no-repeat;
    position: absolute;
    height: 14px;
    width: 16px;
    left: 6px;
    top: 8px;
    border: 0;
    cursor: pointer;
}

.librarySearchBar .fieldConfig h2 {
    color: #008ab0;
    font-size: 24px;
}

.librarySearchBar .fieldConfig .row {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
    left: -15px;
}

/* =Containers plus Styles (Generic, Content, Hero & Grid)
----------------------------------------------------------------------------------------------------*/
/* ----- Generic ----- */
.container {
    background-color: white;
    text-align: center;
}

#home .container {
    background-color: #fff;
    text-align: left;
}

#home .parsys.bodyContent {
    margin-bottom: 0;
    padding: 15px 0 20px;
}

#globalLanding .container {
    background-color: #fff;
    text-align: center;
}

/* ----- Content ----- */
#content {
    margin: 0 auto;
    padding: 25px 0 25px;
    text-align: left;
    width: 100%;
    max-width: 980px;
}

#content.universal-product {
    background: #ffffff;
}

/* ----- Hero ----- */

.hero {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hero .heroButton {
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    width: 25%;
    cursor: pointer;
    margin: 0 auto;
}

.hero .hero-comp,
.hero .simpleHeroContainer {
    margin: 10px auto;
    border-radius: 2px;
    overflow: hidden;
    /*min-height: 241px;*/
    border: 1px solid #e1e1e1;
    position: relative;
    z-index: 0;
}

.hero-comp-no-image {
    margin: 10px auto 20px auto;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}


.parbase.marketingCarousel {
    width: 100%;
    padding: .9375rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#generalContent .hero .hero-comp img,
.hero .hero-comp img {
    position: relative;
    height: 100%;
    width: 100%;
}


/*.hero-comp a {
    background: url("/etc/designs/hello/packaged/img/global/bordersHover.png") no-repeat scroll -646px -636px transparent;
    display: block;
    height: 241px;
    left: -78px;
    position: absolute;
    top: -56px;
    width: 980px;
}

.hero-comp a:hover, {
    /*background-position: -646px -395px;
    text-decoration: none;
		border: 1px solid #008ab0;
}*/

#subSectionLanding .hero-comp a {
    width: 100%;
}

#subSectionLanding .hero-comp a:hover,
#subSectionLanding .hero-comp a.active {
    /*background-position: 0 -395px;*/
}

/* DEV NOTE: Default text color is white and positioning is left. To change color and positioning, just add the 'dark' and 'alignRight' classes to the 'text' div. If you're using a logo, add the 'hasLogo' class. If there's a sub-header, add the 'hasSubHdr' class. If you want the header to be blue, add the 'hdrBlue' class. You can also make the weight of the copy bold by adding the 'bold' class.

An example of all the options would be:
<div class="text bold alignRight hasLogo hasSubHdr"> */

.hero .hero-comp {
    min-height: 250px;
}

.hero .hero-comp .text {
    color: #fff;
    width: 50%;
    padding: 50px 10px 20px 63px;
    position: absolute;
    top: 0px;
    transition: all 1s;
}

.hero .hero-comp .alignRight {
    margin-left:50%;
}

.hero-comp-no-image .text {
    width: 70%;
    transition: all 1s;
}

.hero-comp-no-image .alignRight {
    margin-left:30%;
}

.parsys_column .hero .hero-comp .text {
    top: 0;
}

.hero .hero-comp .text.alignRight {
    padding: 50px 20px 20px 0;
}

.hero-comp .text.blue h2 {
    color: #008ab0;
}

.hero-comp .text h2 span, .hero-comp-no-image .text h2 span {
    display: block;
    font-size: 12px;
    padding-top: 5px;
}

.hero-comp .text p, .hero-comp-no-image .text p {
    line-height: 24px;
    font-size: 18px;
    padding: 0 0 15px;
    font-weight: 300;
}

.hero-comp .text img {
    margin-bottom: 17px;
    margin-left: -3px;
}

/* Set Text Position Based on Template */
/*.hero-comp .alignRight {*/
    /*right: 0;*/
    /*width: 30%;*/
    /*position: relative;*/
/*}*/

#subSectionLanding .hero-comp .text {
    top: 66px;
    width: 250px;
}

#subSectionLanding .hero-comp .alignRight {
    left: 333px;
}

/* Set Hero Text Styles */
.hero .hero-comp h2 {
    font-size: 26px;
    color: #ffffff;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-weight: 300;
    font-style: normal;
}

.hero-comp .text h2 sup {
    font-size: 18px;
    top: -0.5em;
}

.hero-comp .text h2, .hero-comp-no-image .text h2 {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 38px;
    padding: 0 0 15px;
    font-weight: 200;
    font-style: normal;
    line-height:1;
    text-transform:none;
}

.hero-comp .dark h2 {
    color: #717073;
}

.hero-comp p {
    font-size: 13px;
    line-height: 1.5em;
    width: 100%;
}

.hero-comp .hdrBlue h2 {
    color: #008ab0;
}

.hero-comp .bold p {
    font-weight: bold;
}

.hero-comp .dark p, .hero-comp-no-image .dark p, .hero-comp .heroButton.dark, .hero-comp .dark ul li, #heroButton.dark {
    color: #717073;
    border-color: #717073;
}

.hero-comp .light p, .hero-comp-no-image .light p, .hero-comp .heroButton.light, .hero-comp .light ul li, #heroButton.light {
    color: #ffffff;
    border-color: #ffffff;
}

.hero-comp .blue p, .hero-comp-no-image .blue p, .hero-comp .heroButton.blue, .hero-comp .blue ul li, #heroButton.blue {
    color: #008AB0;
    border-color: #008AB0;
}

.hero-comp .sliderBG {
    height: 570px;
}

.hero-comp div ul li {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 13px;
    line-height: 1.3em;
    list-style: disc inside none;
    margin-left: 2px;
}

#subSectionLanding .hero-comp h2 {
    font-weight: normal;
}

#subSectionLanding .hero-comp p {
    font-size: 13px;
}

/* Adjust Hero Based on Template */
.hero-comp.productDetail {
    margin: 15px 0 15px 0;
    width: 368px;
}

.hero-comp .text h2.blue {
    color: #008ab0;
}

.hero-comp .text h2.grey {
    color: #717073;
}

.hero-comp .text h2.white {
    color: white;
}

.hero-comp .text h2.font56 {
    font-size: 56px;
}

.hero-comp .text h2.font42 {
    font-size: 42px;
}

.hero-comp .text h2.font36 {
    font-size: 36px;
}

.hero-comp .text h2.font28 {
    font-size: 28px;
}

.hero-comp .text h2.font24 {
    font-size: 24px;
}

@media screen and ( max-width: 1023px) {
    .hero-comp .text h2 span, .hero-comp-no-image .text h2 span {
        display:none;
    }

    .hero-comp .text p, .hero-comp-no-image .text p {
        display: none;
    }
}

@media screen and ( max-width: 1000px ) and ( min-width: 767px ) {
    .hero .hero-comp .text {
        padding: 4vw 0 20px 63px;
    }
}

@media screen and ( max-width: 767px ) {
    .hero .hero-comp .text {
        width: 70%;
        margin: 0;
        top: 0;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        position: absolute;
    }
    .hero .hero-comp .alignRight {
        margin-left:30%;
    }

    .hero .hero-comp-no-image .text {
        width: 100%;
        margin: 0;
        top: 0;
        height: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .hero .hero-comp .text p {
        max-width:350px;
    }

    .hero-comp .text h2, .hero-comp-no-image .text h2 {
        font-size: 22px;
    }

    .hero .hero-comp .text.alignRight {
        padding: 30px 10px 10px;
    }

    .hero .hero-comp .text h2 {
        font-size: 6vw !important;
    }

    .hero .hero-comp.mobile-use-scrim .text.light {
        background: rgba(55, 55, 55, 0.5);
    }

    .hero .hero-comp.mobile-use-scrim .text.dark {
        background: rgba(255, 255, 255, 0.7);
    }

}

@media screen and ( min-width: 767px ) {
    .homepage_slider .hero .hero-comp img {
        top: 0;
    }
}

@media screen and ( max-width: 480px ) {
    .hero .hero-comp {
        min-height: 100px;
    }

    /*.hero .hero-comp img {*/
        /*opacity:0.2;*/
    /*}*/

    .hero .hero-comp .text {
        width: 100%;
        padding: 15px;
        margin: 0;
        height: 100%;
        box-sizing: border-box;
    }

    .hero .hero-comp-no-text .text {
        width: 100%;
        padding: 15px;
        margin: 0;
        height: 100%;
        box-sizing: border-box;
    }

    .hero-comp .text h2, .hero-comp-no-image .text h2 {
        font-size: 22px;
        padding: 5px;
        line-height: 1.1em;
    }

    .hero-comp .text p, .hero-comp-no-image .text p {
        line-height: 24px;
        font-size: 15px;
        padding: 0 0 15px;
        font-weight: 300;
    }

    .hero .hero-comp .alignRight.text {
        width: 100%;
        padding: 15px;
        margin: 0 0 0 0;
        height: 100%;
    }

}

/* ----- Callout Div ----- */
.call {
    /* margin: 0 0 20px 0;*/
    position: relative;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    /*max-height: 222px;*/
}

#home .call {
    position: relative;
    /*    min-height: 173px;
        max-height: 173px;*/
    overflow: hidden;
}

/*#generalContent .call {
    margin-bottom: 10px;
}*/

#generalContent .call img {
    max-width: 100%;
}

.callout a:link, .callout a:visited {
    border: 1px solid #e1e1e1;
    display: block;
}

.callout a .call {
    position: relative;
    border: none;
}

.callout a:hover {
    text-decoration: none;
    border: 1px solid #008ab0;
    display: block;
}

img.calloutImage {
    width: 100%;
    min-height: 150px;
}

/*.call a {
    background: url("/etc/designs/hello/packaged/img/global/bordersHover.png") -646px -636px no-repeat;
    display: block;
    height: 241px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.call a:hover,
.call a.active {
    background-position: -646px -395px;
    text-decoration: none;
}*/

/* DEV NOTE: Default text color is white and positioning is left. To change color and positioning, just add the 'dark' and 'alignRight' classes to the 'text' div. If you're using a logo, add the 'hasLogo' class. If there's a sub-header, add the 'hasSubHdr' class. If you want the header to be blue, add the 'hdrBlue' class. You can also make the weight of the copy bold by adding the 'bold' class.

An example of all the options would be:
<div class="text bold alignRight hasLogo hasSubHdr"> */
.call .text {
    color: #fff;
    position: absolute;
    top: 0;
    width: 60%;
    padding: 16px;
}

#home .call .text {
    /*left: 16px;
    right: 16px;
    top: 16px;*/
}

#home .call .text.alignRight {
    width: 65%;
    text-align: right;
}

#home .call {
    text-align: left;
}

.call div.text h2 {
    width: 100%;
    font-size: 16px;
    line-height: 1em;
    margin-top: 0;
    text-transform: none;
}

#home .call .text h2 {
    font-size: 15px;
    font-weight: bold;
}

.call .text span {
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
}

.call .text .callout-body p {
    /*padding-top: 15px; why? */
    line-height: 1.2em;
}

#home .call .text span {
    display: none;
}

.call .text p {
    width: 100%;
    font-size: 13px;
    line-height: 1.2em;

}

.call .text img {
    margin-bottom: 20px;
}

.call .actionLink {
    font-size: 13px;
    font-weight: bold;
    color: #008ab0;
    /*    left: 20px;
    */
    position: absolute;
    bottom: 20px;
    width: 60%;
    text-transform: lowercase;
    padding: 0 16px;
}

.call .actionLink.alignRight {
    text-align: right;
}

.call .light {
    color: #ffffff;
}

.call .blue {
    color: #008ab0;
}

.call .dark {
    color: #363636;
}

#home .call .actionLink {
    left: 16px;
    bottom: 16px;
}

#home .call .actionLink.alignRight {
    text-align: right;

}

/*.call .textOnly {
    width: 80%;
}*/

/* Override Top Positioning Based on Presence of Logo & Sub-Header */
.call .hasLogo {
    top: 30px;
}

.call .hasSubHdr {
    top: 40px;
}

/* Set Text Position Based on Template */
.call .alignRight {
    right: 0;
    width: 65%;
}

#subSectionLanding .call .text {
    top: 66px;
    width: 250px;
}

#subSectionLanding .call .alignRight {
    left: 333px;
}

.hero-comp .call .alignRight {
    left: 50%;
    width: 50%;
}

/* Set Hero Text Styles */
.call .blue h2 {
    color: #008AB0;
}

.call .dark h2 {
    color: #363636;
}

.hero-comp .call .dark h2 {
    color: #363636;
}

.call .hdrBlue h2 {
    color: #008ab0;
}

.call .bold p {
    font-weight: bold;
}

.call .dark p {
    color: #363636;
}

.call .dark span {
    color: #363636;
}

#subSectionLanding .call h2 {
    font-weight: normal;
}

#subSectionLanding .call p {
    font-size: 13px;
}

/* Adjust callout Based on Template */
.call.productDetail {
    float: left;
    margin: 0 0 15px 0;
    width: 368px;
}

.callout {
    position: relative;
}

.callout .noImage {
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient-large.jpg") 0 0 no-repeat;
}

/*
RECOGNITION CALLOUT
----------------------- */

.recognitionTeaser {
    float: left;
    width: 33.333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

span.overeffect {
    display: none !important;
}

.recognitionTeaser .call {
    /*min-height: 146px;
    max-height: 146px;
    min-width: 202px;
    max-width: 202px;
    margin-left: 10px;
    margin-right: 10px;*/
}

#grid .recognitionTeaser .call .text {
    left: 12px;
    right: 12px;
    top: 12px;
}

.recognitionTeaser .call div.text h2, #grid .recognitionTeaser .call div.text h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    text-transform: none;
    padding-bottom: 5px;
}

#grid .recognitionTeaser .call div.text h3 {
    font-weight: normal;
    color: #363636;
}

#nextPage, #prevPage {
    font-size: 12px;
    width: auto;
    display: block;
    float: right;
}

#prevPage {
    float: left;
}

/* CALLOUT MISSING BACK GROUND IMAGES */
.cq-colctrl-lt2 .noImage,
.cq-colctrl-l-s-c1 .noImage,
.cq-colctrl-s-s-s-c0 .noImage,
.cq-colctrl-s-s-s-c1 .noImage,
.cq-colctrl-s-s-s-c2 .noImage,
.cq-colctrl-s-l-c0 .noImage,
.cq-colctrl-l-s-c0 .noImage,
.cq-colctrl-s-l-c1 .noImage,
.cq-colctrl-lt0 .noImage,
.cq-colctrl-m-m-c0 .noImage,
.cq-colctrl-m-m-c1 .noImage {
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient.png") 0 0 repeat-x;
    min-height: 220px;
}

.home-colctrl-s-s-s-s .noImage,
.home-colctrl-s-s-l-c0 .noImage,
.home-colctrl-s-s-l-c1 .noImage,
.home-colctrl-l-s-s-c1 .noImage,
.home-colctrl-l-s-s-c2 .noImage,
.home-colctrl-s-s-l-c2 .noImage,
.home-colctrl-l-s-s-c0 .noImage {
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient.png") 0 0 repeat-x;
    min-height: 171px;
}

/* ----- Grid ----- */
#grid {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#grid h3 {
    clear: both;
    color: #707173;
    font-size: 20px;
    margin: 0 10px;
    padding: 0 0 20px 0;
}

#grid h3.topBorder {
    display: inline-block;
    font-size: 18px;
    margin-top: 10px;
    padding-top: 20px;
    width: 100%;
}

/* ----- Adjustments for 2 Column Layout ----- */

.col2,
.col2 .hero-comp {
    width: 100%;
}

/* ----- Content Styles ----- */
#content h1:not(.ns-hero):not(.ns-product-detail), #content h2.h1-style {
    color: #272525;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    padding-bottom: 15px;
    line-height: 1.3;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

#content h2.h1-style {
    text-transform: uppercase;
}

#generalContent .mainBody {
    width: 66.666666%;
    float: left;
    overflow: hidden;
}

#generalContent .linklist {
    clear: both;
    display: block;
}

#generalContent p {
    font-size: 13px;
    line-height: 1.5em;
    /*  padding-bottom: 20px; */
}

.title h2 {
    font-size: 20px;
    color: #363636;
    margin-bottom: 10px;
}

.title h3 {
    font-size: 13px;
    color: #363636;
    margin-bottom: 5px;
}

/* AgelocMe web styles */
.ageloc-wrap.aem {
    overflow: hidden;
    overflow-y: auto;
}

.aem .purchase-table td.order {
  width: 100px;
}

.aem .purchase-table td.order p {
  text-align: right;
  padding-right: 2em;
}

@media only screen and (max-width: 768px) {
    #content .ageloc-wrap.aem h1 {
        padding-top: 15px !important;
    }

    #content .menu-right-button {
        top: 20px;
    }

    #content .app-title .menu-right-button {
        top: 10px;
    }
}

/* =Breadcrumb
----------------------------------------------------------------------------------------------------*/

#breadcrumb {
    background: url("/etc/designs/hello/packaged/img/global/bgBreadcrumbBar.png") 0 0 repeat-x;
    border-bottom: 1px solid #e5e5e6;
    height: 68px;
    text-align: left;
    text-transform: uppercase;
}

/*-- new breadcrumb styles - not ready yet
#breadcrumb {
    background: #fafafa;
    border-bottom: 1px solid #e5e5e6;
    height: 50px;
    text-align: left;
    text-transform: uppercase;
}
--*/
#breadcrumb .container {
    background-color: transparent;
    line-height: 68px;
    /*-- new breadcrumb styles - not ready yet
    line-height: 0;
     --*/
    margin: 0 auto;
    text-align: left;
    width: 980px;
}

#breadcrumb a.section,
#breadcrumb span.arrow {
    background: url("/etc/designs/hello/packaged/img/global/iconArrowBreadcrumb.png") 100% 50% no-repeat;
    color: #707173;
    float: left;
    font-size: 15px;
    margin: 0 10px 0 0;
    padding-right: 23px;
    text-decoration: none;
}

/*-- new breadcrumb styles - not ready yet
#breadcrumb a.section {
display:none;
}
--*/
#sectionLanding #breadcrumb a.section {
    background: none;
    padding: 0;

}

#breadcrumb a.section:hover {
    color: #008ab0;
}

#breadcrumb span.arrow {
    line-height: 11px;
    margin: 28px 10px 0 10px;
    padding: 0;
    text-indent: -999.9em;
    width: 5px;
    /*-- new breadcrumb styles - not ready yet
    display:none;
    ----*/
}

/*-- new breadcrumb styles - not ready yet
#breadcrumb .slash {
   color:#999;
   display:inline-block;
   margin-left:10px;
   position:relative;
   top:-7px;
}
---*/

/* =Custom Menu
----------------------------------------------------------------------------------------------------*/

/*-- new breadcrumb styles - not ready yet
.customMenu {
    display:inline-block;
    margin: 14px 0 0 0;
    position: relative;
    text-align: left;
    z-index: 50;
}
---*/
.customMenu {
    display: inline;
    float: left;
    margin: 21px 0 0 0;
    position: relative;
    text-align: left;
    z-index: 50;
}

/*-- new breadcrumb styles - not ready yet
.customMenu a.openClose {
    color: #999;
    display:inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    text-decoration: none;
    overflow:hidden;
    text-indent:10px;
}
---*/
.customMenu a.openClose {
    color: #363636;
    float: left;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-decoration: none;
    width: auto;
    overflow: hidden;
}

/*-- new breadcrumb styles - not ready yet
.customMenu:last-of-type a.openClose {
    color:#777;
    font-weight:600;
}
---*/
.customMenu a.openClose:hover {

    background-position: 0 -29px;
}

.customMenu a.opened,
.customMenu a.opened:hover {
    background-position: 0 -54px;
}

/* ----- Menu ----- */
.customMenu .menu {
    display: none;
    left: 0;
    padding: 10px 0 6px 0;
    position: absolute;
    top: 25px;
    width: auto;
    border: 1px solid #E1E1E1;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
}

.customMenu .menu li {
    line-height: 1.4em;
    margin: 0 0 0 14px;
}

.customMenu .menu li.header a {
    background: url("/etc/designs/hello/packaged/img/global/customMenu.png") 0 -90px no-repeat;
    font-weight: bold;
}

.customMenu .menu li a {
    color: #363636;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

.customMenu .menu li a:hover {
    color: #008ab0;
}

/* =Product Module
----------------------------------------------------------------------------------------------------*/
.product_aggregator.nutritionals .category {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: .9375rem;
}

@media screen and ( max-width: 768px ) {
    .product_aggregator.nutritionals .category {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: .9375rem;
    }
}

.category {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 25%;
    padding: 10px;
}

.module {
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 15px 0 0 0;
}

.module.module-doublewide {
    /*What purpose does this serve, other than breaking things?*/
    /*    width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        overflow: hidden;*/
}
.mobileHero {display: none;}

@media screen and ( max-width: 960px ) and ( min-width: 768px ) {
    .category {
        width: 33.3333333333%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        min-height: 200px;
        float: left;
    }
}

@media screen and ( max-width: 767px ) {
    .category {
        width: 50%;
        padding: .9375rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and ( max-width: 480px ) {
    .category {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .desktopHero {display: none;}
    .mobileHero {display: block;}
}

/* ----- Details ----- */

.module .details {
    text-align: left;
    height: inherit;
}

.module-doublewide .details {
    /*What purpose does this serve, other than breaking things?*/
    /*width: 480px;*/
}

.module .details h4 {
    color: #008ab0;
    font-size: 16px;
    font-weight: normal;
    margin: 0 20px;
    padding-bottom: 8px;
    line-height: 1.3em;
}

.module .details p {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    padding: 18px 20px 0 20px;
}

.module .details p,
.module .details span.shadeLabel {
    visibility: hidden;
}

.module .details span.shadeLabel {
    background: url("/etc/designs/hello/packaged/img/global/iconsModule.png") 0 1px no-repeat;
    bottom: 2em;
    color: #fff;
    font-weight: bold;
    left: 20px;
    padding-left: 11px;
    position: absolute;
    text-decoration: none;
}

.module .details span.iconVideo {
    background-position: -218px 1px;
    left: 54%;
    padding-left: 16px;
}

.module .details span.shadeLabel:hover {
    text-decoration: underline;
}

.module .details span a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

.module .details span a:hover {
    text-decoration: underline;
}

/* ----- Shade ----- */
.module .shade {
    float: left;
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding: 15px 0;
}

/* ----- Active States ----- */
.module .shade.active {
    background: rgba(54, 54, 54, 0.8);
    display: block;
}

@media screen and ( max-width: 767px ) {
    .module .shade.active {
        /*background: transparent;*/
    }
}

.module .active h4 {
    border-color: #919191;
    color: #fff;
}

@media screen and ( max-width: 767px ) {
    .module .active h4 {
        color: #008ab0;
    }
}

.module .active p,
.module .active span.shadeLabel {
    visibility: visible;
}

@media screen and ( max-width: 767px ) {
    .module .active p,
    .module .active span.shadeLabel {
        /*display: none;*/
    }
}

/* ----- Overrides Based on Template ----- */
.category .module img {
    margin-top: 51px;
    max-width: 90%;
}

.subCategoryLevel2 .module {
    text-align: center;
}

.subCategoryLevel2 .module a {
    text-decoration: none;
    display: block;
}

.subCategoryLevel2 .module img {
    margin-left: 0px;
    margin-top: 4px;
}

.subCategoryLevel2 .details {
    color: #717073;
    font-weight: bold;
    text-align: left;
}

.subCategoryLevel2 .details h4 {
    line-height: 1.3em;
    margin: 2px 20px 0 20px;
    padding-bottom: 2px;
    padding-top: 4px;
}

.subCategoryLevel2 .details div {
    float: left;
}

.subCategoryLevel2 .details .price {
    color: #555;
    padding: 0 8px 0 20px;
}

.subCategoryLevel2 .details .price .overriden-price {
    margin-right: 6px;
}

.subCategoryLevel2 .details h4 a {
    color: #008ab0;
    margin-left: 0;
}

.subCategoryLevel2 .details h4 a:hover {
    text-decoration: underline;
}

.subCategoryLevel2 .details a {
    background: none;
    color: #363636;
    margin-left: 0;
    padding-left: 0;
    position: static;
    visibility: visible;
}

.subCategoryLevel2 .details a:hover {
    color: #008ab0;
    text-decoration: none;
}

/* =Side Bar & Modules
----------------------------------------------------------------------------------------------------*/
#sideBar {
    float: right;
    font-size: 12px;
    width: 293px;
    overflow: hidden;
}

#sideBar.productDetail {
    background: url("/etc/designs/hello/packaged/img/global/bgCarouselVert.png") 0 0 no-repeat;
    float: left;
    height: 631px;
    margin-top: 53px;
    width: 148px;
}

#sideBar .module {
    height: auto;
    margin: 0 0 20px 0;
    padding: 10px 0;
    width: 290px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

#sideBar .bottomright .module {
    padding-bottom: 20px;
}

#sideBar .bottomright .module p {
    line-height: 1.3em;
}

#sideBar .module h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 15px;
}

#sideBar .module .topCurve {
    clear: both;
    height: 0;
    text-indent: -999.9em;
}

#sideBar .module li {
    line-height: 1.2em;
    margin: 0 20px;
    padding: 0 0 10px 0;
}

#sideBar .module fieldset {
    display: inline;
    margin: -10px 0 5px 20px;
}

#sideBar .module input {
    border: 1px solid #cbcbcb;
    float: left;
    font-size: 13px;
    margin-right: 15px;
    padding: 3px 5px;
    width: 165px;
}

#sideBar .module a.btn {
    float: left;
}

#sideBar .module a {
    font-weight: bold;
    text-decoration: none;
}

#sideBar .bottomright .module a {
    font-size: 12px;
}

#sideBar .bottomright .module a:hover {
    text-decoration: underline;
}

/* ----- Quote Module ----- */
#sideBar .quote {
    margin-top: -35px;
}

.quote img {
    margin: 20px;
}

/* ----- Nav Module ----- */
#sideBar .sideNav {
    background-color: #fff;
    margin-bottom: 55px;
}

#sideBar .sideNav ul {
    padding: 5px 0 0 0;
}

#sideBar .sideNav li {
    border-bottom: 1px solid #cbcbcb;
    padding: 12px 0;
    text-transform: uppercase;
    text-align: left;
}

#sideBar .sideNav li.last {
    border: 0;
    padding-bottom: 10px;
}

#sideBar .sideNav li ul {
    margin-bottom: -5px;
    padding-top: 10px;
}

#sideBar .sideNav li li {
    border: 0;
    padding: 5px 0;
    text-transform: none;
}

#sideBar .sideNav li a,
#sideBar .sideNav li.selected li a {
    color: #363636;
}

#sideBar .sideNav li a:hover,
#sideBar .sideNav li li a:hover,
#sideBar .sideNav li.selected a,
#sideBar .sideNav li li.selected a {
    color: #008ab0;
    text-decoration: none;
}

/* =Callouts
----------------------------------------------------------------------------------------------------*/
#callouts a {
    display: inline;
    float: left;
    height: 222px;
    margin: 0 10px 20px 10px;
    position: relative;
}

#home #callouts a {
    display: inline-block;
    float: none;
    height: 173px;
    margin: 0 8px 15px 8px;
}

#callouts a span {
    background: url("/etc/designs/hello/packaged/img/global/bordersHover.png") 0 0 no-repeat;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

#callouts a:hover span,
#callouts span.active {
    cursor: pointer;
    display: block;
    height: 222px;
}

#home #callouts a:hover span,
#home #callouts span.active {
    height: 173px;
    width: 230px;
}

#home #callouts a.wide:hover span,
#home #callouts a.wide span.active {
    background-position: -230px 0;
    width: 480px;
}

#callouts a.small img {
    height: 100%; /* IE6&7 */
}

#callouts a.mini span,
#callouts a.mini span.active {
    background-position: 0 -173px;
    width: 230px;
}

#callouts a.small span,
#callouts a.small span.active {
    background-position: -230px -173px;
    width: 313px;
}

#callouts a.medium span,
#callouts a.medium span.active {
    background-position: -543px -173px;
    width: 480px;
}

#callouts a.large span,
#callouts a.large span.active {
    background-position: -1023px -173px;
    width: 647px;
}

/* =Home Page
----------------------------------------------------------------------------------------------------*/
/* ----- Hero Flash ----- */
#home .hero-comp {
    background: url("/etc/designs/hello/packaged/img/home/bgHero.png") 0 0 repeat-x;
    /* height: 430px; */
    height: 450px;
    /* margin: 60px 0 30px 0; */
    margin: 0;
    overflow: hidden;
    position: relative;
    /*text-align: center;*/
    width: 100%;
}

#home .hero-comp a {
    background: none;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}

#home .hero-comp #noFlashContent {
    margin-top: 63px;
}

#home .hero-comp #noFlashContent #getFlash {
    position: absolute;
}

#home #flash {
    left: 50%;
    margin: 0 0 0 -600px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1280px;
}

/* ----- Content ----- */
#home #content {
    background: #fafafa url("/etc/designs/hello/packaged/img/home/bgGradientPromos.png") 0 0 repeat-x;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

/* ----- Callout Promos ----- */
#home #callouts {
    border-top: 1px solid #d2d2d3;
    padding: 20px 0 0 0;
}

#home .callout {
    padding: 5px 0 10px;
}

/* =Product Detail Page
----------------------------------------------------------------------------------------------------*/
#productInfo {
    display: block;
    float: none;
    font-size: 13px;
    margin: 53px 45px 0 45px;
    /* width: 371px; */
}

#content #productInfo h1 {
    color: #008ab0;
    font-size: 24px;
    margin-bottom: 25px;
    padding-bottom: 0;
    line-height: 1.3;
}

#productInfo a.viewOther {
    background: url("/etc/designs/hello/packaged/img/global/iconArrowBlue.png") 0 0 no-repeat;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 25px;
    margin-top: 10px;
    padding-left: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#productInfo a.viewOther:hover {
    text-decoration: underline;
}

#content #productInfo p,
#content #productInfo .text {
    color: #363636;
    line-height: 1.6em;
}

/* ----- Order Info ----- */
#orderInfo {
    border-top: 3px solid #e9e9ea;
    display: inline-block;
    margin-top: 23px;
    padding-top: 23px;
    width: 394px;
    position: relative;
}

#productInfo fieldset {
    float: right;

    font-size: 12px;
}

#productInfo label {
    /* Only IE 6&7 require this */
    *float: left;
    *margin-top: 10px;
}

#productInfo input {
    border: 1px solid #cbcbcb;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    margin-left: 8px;
    padding: 5px;
    width: 20px;
}

#productInfo a.addToCart,
#productInfo a.addToAdrCart {
    float: right;
    margin-top: 10px;
    width: auto;
    white-space: nowrap;
    display: block;
}

#productInfo a.addToCart img {
    width: 15px;
}

#productInfo a.addToAdrCartWithCoupon {
    float: right;
    margin-top: 10px;
    width: auto;
    white-space: nowrap;
    display: block;
}

#productInfo a.addToCart div {
    /*width: 60px;*/
}

#productInfo a.addToAdrCart div {
    /*width: 81px;*/
}

#productInfo dl {
    float: left;
    line-height: 1.6em;
    width: 226px;
    min-height: 80px;
}

#productInfo dt {
    float: left;
    width: 115px;
}

#productInfo dd {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 20px;
    width: 90px;
}

#productInfo dd.japanPrice {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: auto;
}

#content #productInfo dl p {
    float: left;
    width: 371px;
    margin-top: 15px;
}

/* ----- Details Show/Hide ----- */
#details {
    padding-top: 0;
    clear: both;
    margin: 0;
    width: 371px;
}

#details li {
    border-bottom: 1px solid #d2d2d3;
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
}

#details li.bottom {
    border: 0;
}

#details li a {
    background: url("/etc/designs/hello/packaged/img/global/iconsDetails.png") 0 1px no-repeat;
    color: #363636;
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    text-decoration: none;
    text-transform: uppercase;
}

#details li a:hover {
    background-position: -371px 1px;
}

#details li a.selected,
#details li a.selected:hover {
    background-position: -742px 1px;
}

#details li div.contentSectionContainer {
    display: none;
    padding-top: 15px;
}

#details li div.contentSectionContainer li {
    background: url("/etc/designs/hello/packaged/img/global/iconsDetails.png") no-repeat -1113px 5px;
    border: 0 none;
    line-height: 1.4em;
    list-style: none;
    padding: 0 0 6px 15px;
}

#details li div.contentSectionContainer a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: normal;
    text-transform: none;
    color: #008AB0;
    text-decoration: underline;
}

#details li div.contentSectionContainer a strong {
    font-weight: normal;
}

/* ----- Carousel ----- */
.carouselWrap {
    margin: 0 auto;
    padding: 10px 0 30px 0;
    text-align: left;
    position: relative;
    width: 980px;
}

.carouselWrap h5 {
    color: #363636;
    font-size: 12px;
    padding: 0;
    text-transform: uppercase;
}

.carouselWrap a.controls {
    float: left;
    margin: 80px 0 0 0;
    padding: 0;
    width: 10px;
}

.carouselWrap a.rightArrow {
    position: absolute;
    right: 0;
    top: 62px;
}

.carousel {
    padding: 20px 0 5px 0;
}

.carousel li {
    display: inline;
    float: left;
    margin: 0 5px;
    padding: 10px 0;
    text-align: center;
    width: 180px;
    height: 155px !important;
}

.carousel li img {
    margin: auto;
    display: block;
}

.carousel li span {
    display: block;
    line-height: 1.4em;
    margin-top: 5px;
    padding: 0 20px;
    text-decoration: none;
}

.carousel li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.carousel li a:hover span,
.carousel li span.active {
    text-decoration: underline;
}

#otherProducts {
    position: relative;
}

/* ----- Adjustments for Vertical Carousel ----- */
.vertical {
    padding: 0;
    width: 146px;
}

.sideBar .vertical {
    width: 100%;
}

.vertical h5 {
    padding-bottom: 10px;
    text-transform: none;
}

.vertical a.controls {
    height: 22px;
    float: none;
    margin: 0 auto 15px;
    width: 27px;
}

@media only screen and (max-width: 767px) {
    .vertical a.controls {
        margin: 0 auto 25px;
        min-height: initial;
    }
}

.vertical a.downArrow {
    margin-top: 5px;
}

.vertical .carousel {
    float: none;
    padding-top: 0;
}

.vertical .carousel li {
    display: block;
    /**float: left !important;*/
    height: 154px;
    margin: 0;
    padding: 10px 18px;
    width: 110px;
}

.vertical .carousel li span {
    padding: 0;
}

/* =Global Landing Page
----------------------------------------------------------------------------------------------------*/
#globalLanding .hero {
    height: 254px;
    margin: 0 0 8px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

#globalLanding .hero img {
    left: 50%;
    margin: 0 0 0 -600px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1200px;
}

#globalLanding #content {
    padding: 0;
}

#globalLanding .links {
    float: none;

    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;

    column-width: 150px;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;

    column-gap: 40px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;

    column-rule: 1px solid #e5e5e6;
    -webkit-column-rule: 1px solid #e5e5e6;
    -moz-column-rule: 1px solid #e5e5e6;
    padding-bottom: 70px;
}

#globalLanding .regionLinkList {
    display: inline-block; /* Prevents breaking up a single region across multiple columns*/
    width: 100%;
    margin-bottom: 1.5em;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

#globalLanding .regionLinkList.europe {
    break-after: column;
    -moz-break-after: column;
    -webkit-break-after: column;
    margin-bottom: 80px;
}

@media (max-width: 850px) {
    #globalLanding .regionLinkList.europe {
        margin-bottom: 0;
    }
}

.regionLinkList li {
    font-size: 12px;
    margin: 0;
    padding: 3px 0;
}

#globalLanding h4 {
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

#globalLanding li.inner {
    padding-top: 18px;
}

#globalLanding li a {
    color: #363636;
    text-decoration: none;
}

#globalLanding li a:hover {
    color: #008ab0;
}

/* ----- Asia Language Graphics ----- */
#globalLanding .asia li a.brunei {
    background-position: -600px -400px;
}

#globalLanding .asia li a.china {
    background-position: -600px -400px;
}

#globalLanding .asia li a.hongKong {
    background-position: 0 -100px;
}

#globalLanding .asia li a.indonesia {
    background-position: -600px -400px;
}

#globalLanding .asia li a.japan {
    background-position: -600px -400px;
}

#globalLanding .asia li a.korea {
    background-position: 0 -250px;
}

#globalLanding .asia li a.macau {
    background-position: 0 -300px;
}

#globalLanding .asia li a.malaysia {
    background-position: -600px -400px;
}

#globalLanding .asia li a.philippines {
    background: none;
}

#globalLanding .asia li a.singapore {
    background-position: -600px -400px;
}

#globalLanding .asia li a.taiwan {
    background-position: 0 -450px;
}

#globalLanding .asia li a.thailand {
    background-position: -600px -400px;
}

/* ----- Asia Language Hover ----- */
#globalLanding .asia li a.brunei:hover {
    background-position: -600px -400px;
}

#globalLanding .asia li a.china:hover {
    background-position: -600px -400px;
}

#globalLanding .asia li a.hongKong:hover {
    background-position: -300px -100px;
}

#globalLanding .asia li a.indonesia:hover {
    background-position: -600px -400px
}

#globalLanding .asia li a.japan:hover {
    background-position: -600px -400px;
}

#globalLanding .asia li a.korea:hover {
    background-position: -300px -250px;
}

#globalLanding .asia li a.macau:hover {
    background-position: -300px -300px;
}

#globalLanding .asia li a.malaysia:hover {
    background-position: -600px -400px;
}

#globalLanding .asia li a.singapore:hover {
    background-position: -600px -400px;
}

#globalLanding .asia li a.taiwan:hover {
    background-position: -300px -450px;
}

#globalLanding .asia li a.thailand:hover {
    background-position: -600px -400px;
}

#globalLanding fieldset {
    clear: both;
    display: inline;
    float: none;
    font-size: 12px;
    color: #9E9E9E;
    margin: 0;
    margin-bottom: 2em;
    width: 300px;
}

#globalLanding #chooseLocationHeader {
    padding: 0px;
}

#globalLanding input,
#globalLanding label {
    float: left;
    height: 15px;
    margin: 0;
    padding: 0;
}

#globalLanding label {
    line-height: 15px;
    padding-left: 7px;
}

/* =Blog Page
----------------------------------------------------------------------------------------------------*/
#blog #content {
    padding-top: 47px;
}

#blog #content h1 {
    text-transform: uppercase;
}

.post {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 35px;
    padding-bottom: 40px;
    width: 647px;
}

#blog div.last {
    border-bottom: 0;
    margin-bottom: 25px;
    padding-bottom: 0;
}

.post .meta {
    font-size: 11px;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.post .meta span {
    border-left: 1px solid #363636;
    margin-left: 6px;
    padding-left: 6px;
}

.post h2 {
    font-size: 22px;
    padding-bottom: 20px;
}

.post img {
    margin-bottom: 20px;
}

.post p {
    font-size: 13px;
    line-height: 1.8em;
    padding-bottom: 20px;
}

.post .author {
    color: #717073;
    display: block;
    font-size: 11px;
    padding-top: 5px;
}

.post p a {
    font-weight: bold;
}

#blog .post a {
    text-decoration: none;
}

#blog .post a:hover {
    text-decoration: underline;
}

/* =Sign Up Page
----------------------------------------------------------------------------------------------------*/
#signUp #content {
    padding-bottom: 175px;
}

p.intro {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 35px;
}

/* =Create Account Page
----------------------------------------------------------------------------------------------------*/
.form {
    font-size: 12px;
}

#createAccount #content {
    padding-top: 50px;
}

.form .col {
    float: left;
    margin: 0 53px 0 0;
    padding-bottom: 35px;
    width: 295px;
}

.form .noMargin,
.form fieldset input.noMargin {
    margin: 0;
}

.form h2 {
    border-bottom: 1px solid #e1e1e1;
    clear: both;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}

.form h2 span#required {
    float: right;
    font-size: 13px;
}

.form h2 span#required span {
    color: #008ab0;
    font-size: 15px;
    font-weight: bold;
}

.form p {
    line-height: 1.6em;
    padding-bottom: 15px;
}

.form p strong {
    display: block;
}

#createAccount .form p a {
    font-weight: bold;
    text-decoration: none;
}

#createAccount .form p a:hover {
    text-decoration: underline;
}

.form a.btn {
    float: right;
    margin-left: 20px;
}

.form label a.btn {
    display: inline-block;
    float: none;
    margin-left: 10px;
}

/* ----- Step Navigation ----- */
#steps {
    float: left;
    margin-bottom: 65px;
}

#steps li {
    background: url("/etc/designs/hello/packaged/img/global/iconArrowBreadcrumb.png") 100% 50% no-repeat;
    color: #cbcbcb;
    display: inline;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 8px 0 0;
    padding: 0 15px 1px 0;
    text-decoration: none;
}

#steps li.last {
    background: none;
    margin: 0;
    padding: 0;
}

#steps li a {
    text-decoration: none;
}

#steps li a:hover {
    color: #008ab0;
    text-decoration: underline;
}

/* ----- Form Styles ----- */
.form fieldset {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
}

.form .block {
    clear: both;
    float: left;
    position: relative;
    width: 295px;
}

.form .block fieldset.posRight {
    position: absolute;
    right: 0;
    top: 0;
}

.form fieldset.floatLeft {
    clear: none;
    float: left;
}

.form label {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

.form label.normal {
    font-weight: normal;
    padding-top: 3px;
}

.form label span {
    color: #008ab0;
    font-size: 15px;
    padding-left: 3px;
}

.form label span.note {
    color: #363636;
    font-size: 12px;
    font-weight: normal;
    padding-left: 8px;
}

.form input {
    border: 1px solid #cbcbcb;
    display: inline;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 3px 5px;
    width: 285px;
}

.form select {
    font-size: 13px;
    margin-right: 10px;
}

.form input.mini {
    margin-right: 10px;
    width: 24px;
}

.form input.small {
    margin-right: 10px;
    width: 31px;
}

.form input.medium {
    margin-right: 10px;
    width: 43px;
}

.form input.phone {
    width: 70px;
}

.form input.city {
    margin-right: 10px;
    width: 172px;
}

/* ----- Radio Button Fieldset ----- */
.form fieldset.radio {
    margin-bottom: 15px;
}

.form fieldset.radio label {
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 1.6em;
    margin-left: 10px;
}

.form fieldset.radio label span {
    color: #363636;
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.form fieldset.radio input {
    border: 0;
    height: 17px;
    margin: 2px 0 0 1px;
    _margin-top: 4px; /* IE6 */
    padding: 0;
    width: 17px;
}

/* ----- Checkbox Fieldset ----- */
.form fieldset.checkbox {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    margin-bottom: 20px;
    padding: 10px 0 20px 0;
    width: 647px;
}

.form fieldset.checkbox input {
    border: 0;
    height: 13px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 15px;
}

/* ----- Scrolling Div ----- */
.scrolling {
    background-color: #fff;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
    position: relative;
}

.scrolling .text {
    height: 280px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 20px 40px 20px 20px;
    width: 587px;
}

.scrolling .shade {
    background-color: #fff;
    height: 20px;
    position: absolute;
    left: 0;
    width: 630px;
}

.scrolling .top {
    top: 0;
    _top: 1px; /* IE6 */
}

.scrolling .btm {
    top: 300px;
    _top: 301px; /* IE6 */
}

/* ----- Reset Styles ----- */
.form fieldset.last {
    margin-bottom: 35px;
}

/* ----- Tooltip ----- */
.tooltip {
    background-color: transparent;
    display: none;
    position: absolute;
    z-index: 300;
}

.tooltip .shadow {
    background: url("/etc/designs/hello/packaged/img/global/bgTooltip.png") 0 0 no-repeat;
    height: 139px;
    width: 236px;
    /* IE6 PNG Filter */
    ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/hello/packaged/img/global/bgTooltip.png', sizingMethod='image');
    _background: none;
}

.form .tooltip p {
    line-height: 1.2em;
    padding: 24px 26px 0 26px;
}

.tooltip p strong {
    display: block;
    font-size: 13px;
    padding-bottom: 5px;
}

/* ----- Upload image styles p:first-child --- */
form div.image {
    float: none;
    font-size: 13px;
    display: block;
    padding: 15px 0 20px;
}

form div.image .form_row_description {
    margin-left: 120px;
    padding: 3px 0;
}

form div.image .form_row .form_rightcol:nth-child(2) {
    display: none;
}

form div.checkbox.section {
    font-size: 13px;
    margin-bottom: 20px;
}

form div.checkbox.section .form_row {
    clear: none;

}

form .form_leftcollabel {
    margin-top: 4px;
}

form div.text {
    margin-bottom: 10px;
}

.form_rightcol.form_error {
    color: #c00;
}

/* =Shopping Cart Page
----------------------------------------------------------------------------------------------------*/
#cart #content {
    padding: 50px 0 60px 0;
    position: relative;
}

/* ----- Add Product Search ----- */
#addProduct {
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 52px;
}

#addProduct label {
    float: right;
    line-height: 25px;
    margin-right: 12px;
}

#addProduct #search {
    background: url("/etc/designs/hello/packaged/img/cart/bgAddProduct.png") 0 0 no-repeat;
    float: right;
    height: 25px;
    overflow: hidden;
    width: 197px;
}

#addProduct input {
    background-color: transparent;
    border: 0;
    color: #363636;
    height: 21px;
    padding: 4px 10px 0 10px;
    width: 177px;
}

/* ----- Table ----- */
table {
    /*  background: url("/etc/designs/hello/packaged/img/cart/bgTable.png") 0 0 no-repeat;*/
    font-size: 13px;
    /*    width: 980px; */
}

table th {
    border-left: 1px solid #6dc5d9;
    color: #fff;
    line-height: 36px;
    _line-height: 35px; /* IE6 */
    text-align: center;
}

table th.col1 {
    border: 0;
    padding-left: 18px;
    text-align: left;
    width: 542px;
}

table td {
    /* super generic - why?
    border-bottom: 1px solid #e1e1e1;
    */
    padding: 20px 0;
    text-align: center;
    vertical-align: top;
}

table td.col1 {
    padding: 16px 0 16px 18px;
    text-align: left;
    width: 542px;
}

table td.subTotal {
    background: url("/etc/designs/hello/packaged/img/cart/bgTable.png") 0 100% no-repeat;
    border: 0;
    font-size: 15px;
    padding-right: 18px;

    text-align: right;
    width: 960px;
}

table td.subTotal span {
    font-weight: bold;
    padding-left: 20px;
}

table a.thumb {
    background: url("/etc/designs/hello/packaged/img/cart/bgThumb.png") 0 0 no-repeat;
    float: left;
    height: 70px;
    margin-right: 25px;
    padding: 4px 1px;
    width: 70px;
}

table a.thumb:hover {
    background-position: -72px 0;
}

table input {
    margin: -7px 0 0 8px;
    padding: 5px;
    width: 15px;
}

#content table a {
    text-decoration: none;
}

#content table a:hover {
    text-decoration: underline;
}

/* Author Fancy Table Style */
.fancyTable thead tr th, .sectionTitle{
    font-size:1em;
    padding-top:1.25em;
    padding-bottom:1.25em;
    font-weight: bold;
    color:#000;
    border-left:none;
    text-align:left;
}

.fancyTable{
    margin-bottom:1em;
}

.fancyTable tbody th{
    padding:1em;
    font-weight:bold;
    text-align: right;
    color:#000;
    border:1px solid #000;
}

.fancyTable tbody td{
    padding:1em;
    text-align: left;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}

.fancyTable tbody tr:nth-child(odd) {
    background-color: #e1e1e1;
}


/*----------  Table Component Styles -------*/
.section table {
    background: none;
    font-size: 13px;
    /*--  width: auto; --*/
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0;
}

.section table th {
    border: 1px solid #e1e1e1;
    color: inherit;
    line-height: inherit;
    _line-height: inherit; /* IE6 */
    text-align: center;
    width: auto;
}

.section table td {
    border: 1px solid #e1e1e1;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

/* ----- Rich Text Component Styles --------*/
.richtext .text, .imagetext .text {
    font-size: 13px;
    line-height: 1.3em;
}

/* ----- Text Component Styles --------*/
.text .text, .text {
    font-size: 13px;
    line-height: 1.3em;
}

.errormessage {
    font-size: 13px;
    line-height: 1.3em;
    color: red;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 20px;
}

/* ----- Next Step Button ----- */
#cart a.nextStep {
    float: right;
    margin-top: 35px;
}

/* ----- Enter Codes ----- */
#enterCodes {
    display: inline-block;
    font-size: 12px;
    margin-top: 35px;
}

#enterCodes fieldset {
    float: left;
    margin: 0 18px 0 0;
}

#enterCodes label {
    display: block;
    padding-bottom: 5px;
}

#enterCodes input {
    border: 1px solid #cbcbcb;
    font-size: 13px;
    padding: 3px 5px;
    width: 135px;
}

/* ----- Security ----- */
#security {
    background: url("/etc/designs/hello/packaged/img/global/logoVerisign.png") 0 0 no-repeat;
    margin-top: 115px;
}

#security p {
    border-left: 1px solid #e1e1e1;
    font-size: 12px;
    line-height: 1.6em;
    margin-left: 135px;
    padding-left: 20px;
    _zoom: 1; /* IE6 */
}

#security strong {
    display: block;
    font-size: 15px;
}



/* =DOM Window & Log In Form
----------------------------------------------------------------------------------------------------*/
.jqmOverlay {
    background-color: #000;
    opacity: 0.5 !important;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

#domWindow {
    display: none;
    left: 50%;
    margin: 0 0 0 -169px;
    position: fixed;
    top: 30%;
    z-index: 150;
    box-shadow: 1px 1px 35px #555;
}

.popupDialog {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    display: none;
    position: absolute;
    margin: 0 0 0 0;
    top: 230px;
    left: 2px;
    width: 500px;
    height: 400px;
    padding: 20px;
    z-index: 150;
}

.popupDialog a.close {
    float: right;
    margin-top: -15px;
    margin-right: -5px;
}

a.popup:hover {
    border-bottom: 3px double;
}

a.popup:active {
    text-decoration: none;
}

hr {
    border-top: 1px solid #E1E1E1;
    border-bottom: none;
    height: 0;
    margin: 20px 0;
    width: 100%;
}

.parsys .module .section {
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}

#sideBar .parsys .module .section {
    margin: 0 20px;
}

#sideBar .bottomright .module ul li {
    line-height: 1.2em;
    margin: 0;
    padding: 0;
}

.bottomright img {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/* DOWNLOAD COMPONENT
----------------------------------- */
span.icon {
    /*display:block;*/
    width: 23px;
    float: left;
}

.download a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-left: 23px;
}

#generalContent div.parsys_column .download.section {
    padding-bottom: 0;
}

#sidebar .download a {
    padding: 3px 0 2px;
}

.download {
    display: block;
}

.download br {
    display: none;
}

.download div {
    display: block;
    margin: 4px 0;
    padding-bottom: 2px;
}

.download small {
    font-size: 12px;
    display: block;
    padding-top: 2px;
    margin-left: 23px;
}

#sideBar .bottomright .download {
    margin: 4px 20px;
    padding-top: 0;
}

/*NEW NEW NEW NEW NEED TO IMPLEMENT AND TEST
-----------------------------------------------------------*/
.hello_slideshow {
    /*border: 1px solid #cbcbcb;*/
}

.section {
    /*display: block;*/
    /*border: 1px dashed #c00;*/
    /*float: left;*/
}

#sideBar h1 {
    font-weight: normal;
    font-size: 12px;
    color: #363636;
    padding-bottom: 5px;
    line-height: 1.3;
}

.bottomright .module .topCurve {
    padding-top: 15px;
}

.errortext {
    color: red;
}

/*APPLY ONLINE
------------------------------------------------------------*/
div#apply-online form table {
    width: 647px;
}

ul.sub-navigation {
    width: 647px;
    float: left;
}

ul.sub-navigation li {
    margin-left: 0;
    font-size: 13px;
}

ul.sub-navigation li a {
    display: block;
    width: auto;
    color: #363636;
    font-size: 12px;
    margin: 7px 0;
    text-decoration: none;
}

ul.sub-navigation li hr {
    display: none;
}

span.header {
    font-weight: bold;
}

span.subhead {
    font-weight: bold;

}

#fullcontent table td p span.subhead {
    padding-top: 10px;
    display: block;
}

#fullcontent table {
    float: left;
    width: 647px;
}

#fullcontent table td {
    border-bottom: none;
    padding: 5px 0;
    text-align: left;
    vertical-align: top;
}

#fullcontent table td p {
    width: 647px;
    line-height: 1.3em;
    padding-bottom: 5px;
}

#fullcontent table td ol li {
    line-height: 1.5em;
}

#textcontent form {
    font-size: 13px;
    width: 500px;
    float: left;
    margin-top: 50px;
}

#textcontent form span {
    display: block;
    padding-bottom: 5px;
    width: 100%;
    margin-bottom: 20px;
}

#textcontent form input, #textcontent form textarea {
    float: left;
    display: block;
    width: auto;
    margin: 15px 0 5px;
    clear: both;
}

#textcontent form i {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

/*
CONTENTLIST - second list
-------------------*/
.parsys.bodyContent {
    margin-bottom: 20px;
}

.bodyContent .list ul {

}

.bodyContent .list ul li, ul.sub-navigation li {
    margin: 0;
    padding: 3px 0;
}

.bodyContent .list ul li p a {
    color: #363636;
    font-size: 12px;
    margin: 0;
    text-decoration: none;
}

.bodyContent .list ul li p a:hover, ul.sub-navigation li a:hover {
    text-decoration: underline;
    color: #008AB0;
}

h2.listTitle {
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 10px;
}

h2.listTitle a {

    color: #363636;
    text-decoration: none;
}

h2.listTitle a:hover {
    color: #008AB0;
}

/* ----- Site Map ----- */
div.sitemap a,
div.sitemap a:active,
div.sitemap a:focus,
div.sitemap a:link,
div.sitemap a:visited {
    text-decoration: none;
}

div.sitemap a:hover {
    text-decoration: underline;
}

div.sitemap-section {
    margin-top: 30px;
    float: none;
    clear: both;
}

div.sitemap-subsections {
    float: none;
    clear: both;
    border-top: solid #e1e1e1 1px;
    width: 100%;
    margin-top: 10px;
}

div.sitemap-subsections div.after3,
div.sitemap-subsections div.afterlast {
    float: none;
    clear: both;
}

div.sitemap-subsection {
    width: 30%;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

div.sitemap-subsection ul li {
    margin-top: 3px;
    margin-left: 0;
    font-size: 90%;
}

div.sitemap-subsection h2 a {
    color: #363636;
}

div.sitemap-subsection ul li ul li {
    margin-top: 1px;
    margin-left: 1em;
}

div.sitemap-subsection ul li a,
div.sitemap-subsection ul li ul li a {
    color: #717073;
}

.overriden-price {
    color: #CCCCCC;
}

.overriden-price dd,
.overriden-price span {
    text-decoration: line-through;
}

.savings {
    color: #008AB0;
}

div.productImage {
    text-align: center;
    min-height: 40px; /*fixed a problem when the image link is broken, firefox cannot click on the image*/
}

div.productImage img{
    max-width:750px;
}

div.catalogTeaser:hover a {
    text-decoration: none; /*fixes the blue underline in chrome */
}

div.hello-slideshow-container a.btn {
    float: left;
    width: 14px;
}

div.hello-slideshow-container a.btn.controls {
    color: transparent;
    padding: 0;
    min-height: 30px;
}

div.hello-slideshow-container a.btn.controls:hover {
    color: transparent;
}

div.hello-slideshow-container a.rightArrow {
    margin-left: 4px;
}

div.hello-slideshow-container div.hello-slideshow {
    float: left;
}

div.hello-slideshow-container div.hello-slideshow ul li {
    margin: 0;
}

div.hello-slideshow-container div.hello-slideshow ul li div.caption {
    text-align: center;
    font-size: 11px;
    margin-top: 4px;
    height: 26px;
    padding-left: 4px;
    padding-right: 4px;
}

.emphasis {
    color: #008AB0;
}

/*increase default font size from 13px to 14px*/
div.text.parbase.section p  {
    font-size: 14px;
}

div.text.parbase.section p span {
    font-size: inherit;
}

/*Override .smaller to have percent of body's font size instead of div.text*/
.smaller {
    font-size: .8em;
}

/*relative to based 16px */
div.text.parbase.section p span.smaller {
    font-size: 12.8px; 
}

div.parsys_column .new {
    padding-bottom: 0;
}

/*--------------NEWS LISTS-------------------*/

div.news-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    padding-bottom: 7px;
}

div.news-title a {
    text-decoration: none;
    color: #363636;
}

div.news-title a:hover {
    text-decoration: none;
    color: #008ab0;
}

div.news-description {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

div.news-full-story, div.news-blurb {
    font-size: 13px;
    line-height: 1.6em;
    padding-bottom: 20px;
}

div.news-full-story {
    font-size: 13px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 1.0em;
    border-bottom: 1px solid #E1E1E1;
}

div.news-full-story a {
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

div.news-full-story a:hover {
    text-decoration: underline;
}

div.news-image {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100px;
}

div.news-image img {
    width: 100px;
}

li.title-date {
    color: #717073;
    display: block;
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #C8C8C8;
}

li.title-date a {
    text-decoration: none;
    font-weight: bold;
}

li.title-date a:hover {
    text-decoration: underline;
}

li.title-date sup {
    font-size: 11px;
    font-weight: normal;
    padding-left: 2px;
    position: relative;
    top: -0.3em;
}

ul.archive li {
    margin-left: 0;
}

ul.list {
    padding-botton: 20px;
}

.list a:link {
    text-decoration: none;
}

.textimage:after, .download:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.article_aggregator_header {
    height: 49px;
}

.article_aggregator_header a {
    float: right;
    padding-left: 19px;
    background: transparent url(/etc/designs/hello/packaged/img/global/icon_rss.png) no-repeat scroll 0 0;
    font-size: 11px;
    height: 18px;

    line-height: 14px;
    text-decoration: underline;
}

.article_aggregator_header h1 {
    float: left;
}

h2.articleTitle {
    font-size: 20px;
    color: #363636;
    margin-bottom: 0px;
    line-height: 1.2em;
}

h3.articleSubTitle {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.1em;
}

div.article_teaser p {
    margin-bottom: 10px;
}

div.articleTeaserImage {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 230px;
}

div.articleDate div,
div.articlePostedBy div {
    display: inline;
}

div.articleHeader {
    clear: both;
    margin-bottom: 10px;
}

h5.articleDate {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5em;
}

div.articleFooter {
    clear: both;
    margin-bottom: 25px;
    height: 25px;
}

div.articlePostedBy {
    color: #717072;
    font-size: 11px;
    line-height: 1.3em;
    float: left;
    padding: 10px 0;
}

a.addthis_button,
a.articleLink {
    display: block;
    padding: 10px 0;
    float: right;
    font-size: 13px;
    line-height: 1.3em;
}

/* page_teaser_vertical */
div.page_teaser_vertical dl {
    margin-bottom: 22px;
    padding: 3px 10px 0 15px;
}

div.page_teaser_vertical dl dt {
    color: #007DA4;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

div.page_teaser_vertical dl dt a {
    text-decoration: none;
}

div.page_teaser_vertical dd {
    margin-left: 0;
    font-size: 13px;
    line-height: 1.2em;
}

div.page_teaser_vertical dd.title {
    text-transform: uppercase;
    font-size: 12px;
}

div.page_teaser_vertical dd.date {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
}

div.page_teaser_vertical dd.img {
    padding: 10px 0 0;
    display: block;
}

div.page_teaser_vertical dd.content {
    padding: 10px 18px 0 0;
}

div.page_teaser-emphasis div.page_teaser_vertical {
    background-color: #EBF1F4;
}

div.page_teaser-emphasis div.page_teaser_vertical dl {
    background-color: transparent;
    padding: 3px 10px 20px 15px;
}

/* page_teaser_large */
div.page_teaser_large h2 {
    color: #008ab0;
}

div.page_teaser_large .title {
    text-transform: uppercase;
    font-size: 12px;
}

div.page_teaser_large h2, div.text h2 {

    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-top: 25px;
}

div.text h2 {
    padding-bottom: 10px;
    margin-top: 0;
}

div.page_teaser_large h2 a, div.text h2 a {
    text-decoration: none;
}

div.page_teaser_large h3 {
    font-size: 12px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: normal;
}

div.page_teaser_large p.date {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
}

div.page_teaser_large div.tease {
    font-size: 13px;
    line-height: 1.2em;
    padding-top: 15px;
}

/* page_teaser_qanda */
div.page_teaser_qanda {
    border-bottom: 2px solid #b3b4b6;
    border-left: 2px solid #b3b4b6;
}

div.page_teaser_qanda dl.question {
    margin-bottom: 0px;
    padding: 3px 10px 20px 15px;
    width: 225px;
}

div.page_teaser_qanda dl.question dt {
    color: #008ab0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

div.page_teaser_qanda dl.question dt a {
    text-decoration: none;
}

div.page_teaser_qanda dl.question dd {
    font-size: 15px;
    line-height: 1.0em;
    margin-left: 0px;
}

div.page_teaser_qanda dl.question dd a {
    font-size: 13px;
    font-weight: bold;
}

div.page_teaser_qanda dl.expert {
    margin-bottom: 0px;
    padding: 3px 10px 20px 15px;
    width: 252px;
    height: 72px;
}

div.page_teaser_qanda dl.expert dd {
    margin-left: 0px;
}

div.page_teaser_qanda dl.expert dt {
    margin-top: 0;
    width: 170px;
    text-transform: capitalize;
    float: right;
    color: #008ab0;
    font-size: 15px;
    font-weight: bold;
}

div.page_teaser_qanda dl.expert dd.title {
    margin-left: 82px;
    font-size: 9px;
    letter-spacing: 0;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: uppercase;
}

div.page_teaser_qanda dl.expert dd img {
    width: 72px;
    float: left;
}

div.pages {
    font-size: 12px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

div.pages a, div.pages span {
    border: 1px solid #E0E0E0;
    margin: 0 3px;
    padding: 2px 5px;
    text-decoration: none;
}

div.pages span {
    font-weight: bold;
}

ul li div .image {
    float: none;
    padding: 0 0 0 0;
}

div.shop-options {
    width: 100%;
    float: left;
    padding: 0 0 10px
}

div.shop-options ul {
    width: auto;
    float: left;
    margin-left: 7px
}

div.shop-options li {
    float: left;
    display: inline;
    width: auto;
    margin: 0 10px 0 10px
}

/*STYLES FOR LOCALE/LANGUAGES
------------------------------------*/

body.zh_TW {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    letter-spacing: 1px;
    font-size: 13px;
}

body.zh_TW .topnavtitle {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW .title h2, body.zh_TW .title h1 {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW .carouselTitle {
    font-weight: normal;
    display: block;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 24px;
    line-height: 1.2em;
    padding: 0 0 10px;
    text-transform: inherit;
}

body.zh_TW .htmlTitle {
    padding-left: 14px;
    padding-right: 18px;
}

body.zh_TW #header {
    font-size: 13px;
}

body.zh_TW #header #logInInfo span,
body.zh_TW #header #logInInfo a {
    font-weight: normal;
}

/* Set Hero Text Styles */
body.zh_TW .hero-comp h2,
body.zh_TW .hero-comp .text h2 {
    font-size: 26px;
    font-weight: normal;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW .hero-comp .text h2 span {
    font-size: 14px;
}

body.zh_TW .hero-comp .text p {
    font-size: 13px;
    font-weight: normal;
}

body.zh_TW .hero-comp p {
    font-size: 13px;
    line-height: 1.5em;
    width: 100%;
}

body.zh_TW #subSectionLanding .hero-comp h2,
body.zh_TW #header #logInInfo a {
    font-weight: normal;
}

body.zh_TW #subSectionLanding .hero-comp p {
    font-size: 13px;
}

body.zh_TW .call div.text h2 {
    font-size: 18px;
}

body.zh_TW div.text h1,
body.zh_TW div.text h2,
body.zh_TW div.text h3,
body.zh_TW #content #productInfo h1,
body.zh_TW div.news-title {
    font-weight: normal;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW .call div.text h1 {
    font-size: 24px;
}

body.zh_TW div.text h2 {
    font-size: 20px;
}

body.zh_TW div.text h3 {
    font-size: 16px;
}

body.zh_TW div.page_teaser_large h2, body.zh_TW div.text h2 {
    font-weight: normal;
}

body.zh_TW .call .text span {
    font-size: 14px;
    font-weight: normal;
}

body.zh_TW .call .text p {
    font-size: 13px;
}

body.zh_TW .call .text .callout-body p {
    line-height: 1.3em;
}

body.zh_TW #mainNav li .subNav h4 {
    font-size: 14px;
    font-weight: normal;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW #mainNav li .subNav a {
    font-size: 12px;
    font-weight: normal;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW div.page_teaser_large h2,
body.zh_TW div.text h2 {
    font-size: 20px;
}

body.zh_TW #details li a {
    font-weight: normal;
    font-size: 13px;
}

body.zh_TW .carouselWrap h5 {
    color: #363636;
    font-size: 13px;
    padding: 20px 15px;
    font-weight: bold;
}

body.zh_TW .carousel li a,
body.zh_TW .subCategoryLevel2 .details h4 a,
body.zh_TW .module .details h4 {
    font-weight: normal;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 13px;
}

body.zh_TW #sideBar .module a {
    font-weight: normal;
}

body.zh_TW input,
body.zh_TW textarea,
body.zh_TW select,
body.zh_TW button {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.zh_TW #globalSearch input.preFocus {
    font-style: normal;
}

body.zh_TW .call .actionLink {
    font-weight: normal;
}

body.zh_TW .customMenu a.openClose {
    font-size: 12px;
}

body.zh_TW .title h3 {
    letter-spacing: normal;
}

body.zh_TW a.text-btn div {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
}

/* TODO: This rule should be removed when ns-atomic is
universally applied*/
body.zh_TW .newDistributorPopup .addNewDistributor {
    margin: 0;
}

/*.customMenu a.openClose*/

/* JAPAN JAPAN JAPANESE
----------------------- */
body.ja_JP {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ja_JP .product_aggregator {
    /*width:98%;*/
    width: 100%;
}

body.ja_JP #content h1 {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    text-transform: none;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: -1px;
}

body.ja_JP .subCategoryLevel2 .details h4 {
    height: auto;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    line-height: 1.2em;
}

body.ja_JP .hero-comp .text h2 {
    font-size: 26px;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-weight: normal;
}

body.ja_JP .carouselTitle {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-weight: normal;
}

body.ja_JP #productInfo dl {
    width: 390px;
}

body.ja_JP #productInfo dd {
    padding: 0;
    width: 275px;
}

body.ja_JP #productInfo dt {
    float: left;
    width: 90px;
}

body.ja_JP .hero-comp .bold p {
    font-weight: normal;
}

body.ja_JP #mainNav li .subNav a {
    font-size: 12px;
    font-weight: normal;
    text-indent: 0;
    padding: 4px 0 10px;
    line-height: 1em;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ja_JP .call div.text h2 {
    line-height: 1.2em;
}

/* -KOREAN */

body.ko_KR {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ko_KR #mainNav li .subNav h4 {
    font-weight: normal;
    padding-bottom: 5px;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ko_KR #mainNav li .subNav a {
    font-size: 13px;
    font-weight: normal;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ko_KR .customMenu a.openClose {
    font-size: 12px;
    line-height: 28px;
}

body.ko_KR .customMenu .menu li a {
    font-size: 12px;
}

body.ko_KR .hero-comp .text h2 {
    font-size: 26px;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ko_KR .carouselTitle {
    font-weight: normal;
    display: block;
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
    font-size: 24px;
    line-height: 1.2em;
    padding: 0 0 10px;
    text-transform: inherit;
}

body.ko_KR .hero-comp #featureCarousel button.button {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ko_KR div.text h1,
body.ko_KR div.text h2,
body.ko_KR #content #productInfo h1,
body.ko_KR #content h1,
body.ko_KR .title h2 {
    font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
}

body.ko_KR sup {
    font-size: 9px;
    font-weight: bold;
    padding-left: 2px;
    position: relative;
    top: -0.5em;
}

body.ko_KR #footer a {
    font-size: 12px;
}

/* end ko_KR */

.myoffers {
    width: 100%;
}

.offer {
    width: 22%;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

.campaignTag {
    border: 2px solid black;
    text-align: center;
    background-color: blue;
    color: white;
    font-weight: bold;
    margin-left: 7px;
    margin-right: 5px;
    margin-top: 60px;
    width: 210px;
    position: absolute;
    z-index: 100;
    opacity: .7;
    display: none;
}

.resolvedMeta {
    display: none;
}

.resolved .resolvedMeta {
    display: block;
}

.offer .callout {
    padding: 5px 0 25px 0;
    margin-bottom: 0px;
}

#flagIcon {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 5px;
}

/*fix for IE9 "Product not available text" alignment */
dd#sizeValue p {
    position: relative;
    left: -135px;
}

.iw_IL .subCategoryLevel2 .details {
    text-align: right;
}

.iw_IL .subCategoryLevel2 .details ul li {
    float: right;
}

.iw_IL .module ul > *:first-child {
    margin-right: 0;
}

.iw_IL .hero-comp .text h2 {
    line-height: 1;
}

.iw_IL #nav li#sign-up {
    direction: rtl;
}

.itemnoLabel {
    width: 135px;
    display: inline-block;
    font-size: 13px;
}

.itemnoValue {
    display: inline;
    font-size: 13px;
}

.itemnoValue div {
    display: inline;
}

.productDetailButton {
    background: -webkit-gradient(linear, left top, left bottom, from(#0081A8), to(#006280)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #0081A8 5%, #006280 100%) repeat scroll 0 0 #0081A8;
    background-color: #0081A8;
}

.productDetailButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#006280), to(#0081A8)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #006280 5%, #0081A8 100%) repeat scroll 0 0 #006280;
    background-color: #0081A8;
}

#footerDivider {
    border-top: 1px solid #e9e9ea;
    clear: both;
    height: 1px;
    _float: left;
    _line-height: 1px;
    text-indent: -999.9em;
    width: 100%;
}

#footer-wrap {
    width: 100%;
    margin: 0 auto;
    color: #707173;
    padding-bottom: 30px;
    background: #fff;
}

#footer {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

#footer a {
    color: #707173;
    text-decoration: none;
    font-size: 11px;
}

#footer a:hover {
    color: #008ab0;
}

#footer li {
    display: inline;
    margin: 0;
    width: auto;
    float: left;
}

#footer #location {
    float: right;
    width: 17%;
    text-align: right;
    padding: 20px 0 0 0;
    line-height: 1.3em;
}

#footer #location #location_logo {
    background-image: url('/etc/designs/hello/packaged/img/nuskin-icon.gif');
    display: inline-block;
    width: 24px;
    height: 21px;
    margin-right: 5px;
    position: relative;
    top: 6px;
}

#footer .corporateNav {
    float: left;
    width: 80%;
}

#footer #corporateNav {
    max-width: 820px;
    width: 100%;
    padding-top: 22px;
}

#footer #corporateNav li {
    padding-right: 13px;
    margin: 0 0 8px 0;
}

#footer #corporateNav li a {
    line-height: 1.3em;
}

#footer .footerAccreditation {
    float: left;
    width: 45%;
}

#footer .footerAccreditation #iconNavLeft {
    width: 100%;
    margin-top: 15px;
}

#footer .footerAccreditation #iconNavLeft div {
    float: left;
}

#footer .footerAccreditation #iconNavLeft li a {
    display: block;
    width: auto;
}

#footer .footerSocial {
    float: right;
    width: 45%;
    margin: 15px 0 0 0;
}

#footer .footerSocial #iconNavRight {
    width: 100%;
}

#footer .footerSocial #iconNavRight .socialmedia {
    float: right;
    display: inline;
    width: 36px;
    height: 36px;
    margin: 1px;
    padding: 1px;
}

@media (max-width:767px) {
    #footer .footerSocial #iconNavRight .socialmedia {
        width:36px;
        height:36px;
        padding:4px;
    }
    #footer .footerSocial {
        width:100%;
        display:block;
    }
}

#footer .footerSocial #iconNavRight .socialmedia a:hover {
    opacity: .8;
}

#footer .footerSocial #iconNavRight .socialmedia .bbbicon {
    float: left;
    display: inline;
    width: auto;
}

#footer #disclaimer {
    clear: both;
    font-size: 11px;
    line-height: 1.3;
    padding-top: 20px;
    color: #a1a2a6;
}

#footer #disclaimer a {
    color: #008AB0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1000px) {

    .hero-comp.productDetail {
        float: none;
        margin: 25px 0 85px 0;
        width: 100%;
    }

    #content #productInfo {
        width: 100%;
        margin: 20px;
    }

    .mainNav li .subNav li {
        /*-- hiding backgrounds in mobile --*/
        background: none;
    }
}

@media (max-height: 400px) {
    #globalLanding .hero {
        display: none;
    }

    #globalLanding #content {
        margin-top: 1em;
    }
}

@media (max-width: 767px) {
    #globalLanding {
        overflow: hidden;
    }

    #globalLanding .links {
        columns: auto auto;
        -webkit-columns: auto auto;
        -moz-columns: auto auto;
        display: block;
        max-height: 363px;
        overflow-y: scroll;
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        text-indent: 20px;
        width: 100%;
        /*min-width: 400px;*/
        margin-left: auto;
        margin-right: auto;
        background-color: #fafafa;
        max-width: 100%;
    }

    #globalLanding #chooseLocationHeader {
        display: block;
        clear: both;
        width: 100%;
        text-indent: 20px;
        font-size: 10pt;
        margin-bottom: 5px;
        padding-top: 10px;
    }

    #globalLanding .regionLinkList {
        margin-bottom: 0;
        display: block;
    }

    #globalLanding ul {
        float: none;
    }

    #globalLanding ul.middle {
        margin: 0;
        padding: 0;
        border: none;
    }

    .regionLinkList ul {
        background-color: white;
    }

    .regionLinkList.expanded ul {
        height: auto;
        max-height: 2000px;
    }

    .regionLinkList ul {
        /*display:none;*/
        /*visibility:hidden;*/
        max-height: 0px;
        overflow: hidden;

        -webkit-transition: max-height 0.5s ease-in-out;
        -moz-transition: max-height 0.5s ease-in-out;
        -ms-transition: max-height 0.5s ease-in-out;
        -o-transition: max-height 0.5s ease-in-out;
        transition: max-height 0.5s ease-in-out;
    }

    .regionLinkList li, #globalLanding h4 {
        font-size: 14pt;
        text-indent: 1em;
        border-bottom: dotted thin #E1E1E1;
    }

    .regionLinkList li, #globalLanding h4 {
        padding: 18px;
        display: block;
    }

    #globalLanding h4 {
        font-size: 18px;
        padding: 20px 0;
        color: rgb(80, 80, 80);
        font-weight: normal;
        position: relative;
        font-family: 'proxima-nova', 'OpenSans', 'Pridi', 'NotoSans', 'NotoSansSC', 'NotoSansHebrew', 'NotoSansJapanese', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, 'source-han-sans-japanese', 'source-han-sans-korean', 'source-han-sans-simplified-c', Helvetica, Arial, sans-serif;;
        text-transform: uppercase;
    }

    #globalLanding .regionLinkList:not(.expanded) h4:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 6px solid black;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position: relative;
        top: 0.7em;
        left: 0.5em;
    }

    #globalLanding .regionLinkList.expanded h4:after {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 6px solid black;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position: relative;
        top: -0.7em;
        left: 0.5em;
    }

    #globalLanding #rememberLocationFieldSet label {
        font-size: 14pt;
        color: #858585;
    }

    #globalLanding #rememberLocationFieldSet input[type=checkbox] {
        /* All browsers except webkit*/
        transform: scale(1.5);

        /* Webkit browsers*/
        -webkit-transform: scale(1.5);

        position: relative;
        margin-right: 0.5em;
    }

    #globalLanding .hero {
        display: none;
        visibility: hidden;
    }

    #globalLanding #rememberLocationFieldSet {
        float: none;
        padding-top: 2em;
        padding-left: 20px;
        width: 100%;
        display: block;
        border-top: 1px dotted #e5e5e6;
        z-index: 100;
        position: relative;
        margin-bottom: 0;
        padding-bottom: 10px !important;
        -webkit-box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, 0.25);
        box-sizing: border-box;
    }

    #globalLanding #content > header {
        padding-top: 30px;
        padding-bottom: 10px;
        z-index: 100;
        position: relative;
        -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
    }

    #globalLanding div#logo {
        display: inline-block;
        clear: both;
        margin: 1em;
        margin-top: 0;
        background: url("/etc/designs/hello/packaged/img/global/logoNuSkin.png") 0 0 no-repeat;
        height: 62px;
        width: 250px;
        float: none;
    }

    #globalLanding ul li ul li a {
        font-size: 18px;
        text-indent: 0;
        display: inline-block;
    }

}

.parsys > .horizontalrule,
.parsys > table,
.parsys > .richtext,
.parsys > .download,
.parsys > .textimage,
.parsys > .movie,
.parsys > .title,
.parsys > .text {
    padding: 0 10px;

}


.description .parsys > .richtext {

    padding: 0 0;

}

.parsys_column > .title.section {
    padding: 10px 0 0
}

#generalContent .parsys .section p {
    font-size: 13px;
    line-height: 1.5em;
    padding-bottom: 0px;
    margin: 0;
}

.parbase.table.section {
    padding: 0 10px;
}

/*TEMPLATE WITH SIDENAV
============================================*/
/*WORKING OUT SUBNAV PAGES FOR RESPONSIVE*/

#sideBar {
    float: right;
    vertical-align: top;
    font-size: 12px;
    width: 33.333333%;
    overflow: hidden;
    padding: 10px 10px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sideBar .module {
    height: auto;
    margin: 0 0 20px 0;
    padding: 10px 0;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#generalContent .mainBody {
    width: 66.666666%;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#generalContent .office-main .mainBody {
    width: 100%;
}

#generalContent .office-main {
    /* float: right; */
    width: 66.666666%;
    padding: 20px;
    /* margin-left: 20px; */
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    #sideBar {
        width: 100%;
        padding: 10px;
    }

    #generalContent .mainBody {
        width: 100%;
    }
}

/* ----- Hero ----- */

.hero {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.homepage_slider .hero {
    padding: 0;
}

.parsys_column .hero {
    padding: 0;
}

.mainBody.col2 .hero {
    width: 100%;
    /*max-width: 647px;*/
}

/*@media only screen and (max-width: 1000px) {
    .mainBody.col2 .hero .hero-comp {
        width: 100%;
        background-position: 100%!important;
        border-radius: 0;

    }
}
*/

/* ----- Content ----- */
#page-product #content {
    padding-top: 0;
}

#content {
    margin: 0 auto;
    padding: 15px 0 25px;
    text-align: left;
    width: 100%;
    max-width: 1000px;
    min-height: 350px;
}

/*IMAGE IMAGE IMAGE */
div.parsys_column div.image.parbase.section,
div.parsys_column div.text.parbase.section,
div.parsys_column div.parbase.textimage.section {
    padding: 10px 0;
}

.text.parbase.section img {
    max-width: 100%;
}

div.image.parbase.section img {
    max-width: 100%;
    height: auto;
}

/* Force all images to 100%*/
@media screen and (max-width: 767px) {
    #page-home div.image.parbase.section img {
        width: 100%;
    }

    #page-home div[class*="cq-colctrl-"] {
        width: 100% !important;
    }
}

div.adaptiveimage.image.parbase.section img {
    width: 100%;
}

div.image.parbase.section {
    float: none;
    display: block;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and ( max-width: 767px ) {
    div.image.parbase.section img, .text.parbase.section img {
        max-width: 100%;
    }
}

/*
ALL THINGS COLUMN CONTROLS
-------------------------------- */

/* parsys component */
div.par {
    clear: both;
}

div.parsys_column {
    width: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0 auto;
    float: none;
    display: inline-block;
}

div.parsys_column * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div[class*="cq-colctrl-"],
div[class*="home-colctrl-"],
div[class*="editorial-colctrl-"] {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
}

div.cq-colctrl-cols,
div.cq-colctrl-default {
    width: 100%;
}

div.parsys_column .section {
    overflow: hidden;
    width: 100%;
}

div.parsys_column .ghost {
    overflow: visible;
}

div.parsys_column .button.section {
    overflow: visible;
    padding: 20px 0;
}

div.cq-colctrl-m-m,
div.cq-colctrl-s-s,
div.cq-colctrl-l-s,
div.cq-colctrl-lt0,
div.cq-colctrl-m-m,
.parsys > div.cq-colctrl-s-s-s,
div.cq-colctrl-lt0,
div.home-colctrl-s-s-l,
div.cq-colctrl-t-t-t-t,
div.cq-colctrl-m-t-t,
div.cq-colctrl-thesource,
div.parsys_column.home-colctrl-l-s-s,
div.parsys_column.home-colctrl-s-s-l,
div.parsys_column.home-colctrl-s-s-s-s,
div.parsys_column.home-colctrl-l-l,
div.parsys_column.cq-colctrl-s-l,
div.parsys_column.editorial-colctrl-s-s,
div.parsys_column.cq-colctrl-lt2 {
    width: 100%;
    margin: 0 auto 0;
    float: none;
    padding: 0;
}

div[class*="cq-colctrl-s-s-"],
div[class*="cq-colctrl-m-m-"],
div[class*="cq-colctrl-lt0-"],
div.home-colctrl-s-s-l-c2,
div.home-colctrl-l-s-s-c0,
div.home-colctrl-l-l-c0,
div.home-colctrl-l-l-c1,
div.cq-colctrl-s-s-c1,
div.cq-colctrl-s-s-c0,
.parsys div[class*="editorial-colctrl-s-s-"],
div.cq-colctrl-m-t-t-c0 {
    width: 50%;
}

div[class*="cq-colctrl-s-s-s-"],
div[class*="cq-colctrl-lt2-"],
div.cq-colctrl-l-s-c1,
div.cq-colctrl-s-l-c0,
div.cq-colctrl-3colForSideNav-c0,
div.cq-colctrl-3colForSideNav-c1,
div.cq-colctrl-3colForSideNav-c2,
.parsys div.cq-colctrl-l-s-c1,
div.cq-colctrl-thesource-c0,
div.cq-colctrl-thesource-c1,
div.cq-colctrl-thesource-c2 {
    width: 33.3333333333%;
}

div.cq-colctrl-l-s-c0,
div.cq-colctrl-s-l-c1 {
    width: 66.6666666666%;
}

div.home-colctrl-l-s-s-c1,
div.home-colctrl-l-s-s-c2,
div.home-colctrl-s-s-l-c0,
div.home-colctrl-s-s-l-c1,
div[class*="home-colctrl-s-s-s-s-"],
div[class*="cq-colctrl-t-t-t-t-"],
div.cq-colctrl-m-t-t-c1,
div.cq-colctrl-m-t-t-c2 {
    width: 25%;
}

/*
CALLOUTS
------------------------
*/
.bodyContent > .callout {
    padding: 0 10px
}

.parsys div[class*="cq-colctrl-lt0-"] .callout,
.parsys .parsys_column.cq-colctrl-l-s .callout,
.callout {
    padding: 10px 0;
}

@media screen and ( max-width: 767px ) {
    .callout .call .text {
        width: 90%;
        /*padding: 20px 25px 5px 35px;
        margin: 0 0 0 -25px;
        max-width: 240px;*/
    }

    /*    .callout .call .text.light {
            background: rgba(55, 55, 55, 0.5);
        }

        .callout .call .text.dark {
            background: rgba(255, 255, 255, 0.7);
        }*/
}

@media only screen and (max-width: 767px) {
    div[class*="cq-colctrl-lt2-"],
    div[class*="home-colctrl-s-s-s-s-"],
    div.home-colctrl-l-s-s-c1,
    div.home-colctrl-l-s-s-c2,
    div.home-colctrl-s-s-l-c0,
    div.home-colctrl-s-s-l-c1,
    div[class*="cq-colctrl-s-s-s-"],
    div.cq-colctrl-thesource-c0,
    div.cq-colctrl-thesource-c1,
    div.cq-colctrl-thesource-c2,
    div[class*="cq-colctrl-t-t-t-t-"],
    div.cq-colctrl-m-t-t-c1,
    div.cq-colctrl-m-t-t-c2 {
        width: 50%;
    }

    div[class*="cq-colctrl-m-m-"],
    div[class*="cq-colctrl-lt0-"],
    .parsys div.cq-colctrl-s-l-c0,
    .parsys div.cq-colctrl-s-l-c1,
    div[class*="cq-colctrl-l-s-"],
    div[class*="cq-colctrl-lt0-"],
    div[class*="cq-colctrl-l-s-"],
    div.home-colctrl-l-s-s-c0,
    div.home-colctrl-s-s-l-c2,
		div[class*="home-colctrl-l-l-"],
    div.cq-colctrl-m-t-t-c0 {
        width: 100%;
    }

}

@media screen and ( max-width: 480px ) {
    div[class*="cq-colctrl-s-s-"],
    div.cq-colctrl-s-s-c1,
    div.cq-colctrl-s-s-c0,
    div[class*="cq-colctrl-s-s-s-"],
    div[class*="home-colctrl-s-s-s-s-"],
    div.cq-colctrl-thesource-c0,
    div.cq-colctrl-thesource-c1,
    div.cq-colctrl-thesource-c2,
    div[class*="cq-colctrl-t-t-t-t-"],
    div.cq-colctrl-m-t-t-c1,
    div.cq-colctrl-m-t-t-c2 {
        width: 100%;
    }
}

/*.parsys_section-start {
    background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 100% 0;
    width: 100%;
    height: 5px;
    margin-top: 0;
}*/

/*.parsys_section-start div {
    background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 0 0;
    width: 5px;
    height: 5px;
}*/

/*.parsys_section-end {
    background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 100% 100%;
    width: 100%;
    height: 5px;
    margin-bottom: 20px;
}

.parsys_section-end div {
    background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 0 100%;
    width: 5px;
    height: 5px;
}*/
div.parsys_column div.text.parbase.section.parsys_section-inSection,
div.parsys_column div.richtext.parbase.section.parsys_section-inSection,
div.parsys_column div.section.parsys_section-inSection.parsys_section-inSection-first,
div.parsys_column div.section.parsys_section-inSection.parsys_section-inSection-last,
div.parsys_column div.parbase.textimage.section.parsys_section-inSection,
div.parsys_column div.parbase.image.section.parsys_section-inSection,
div.parsys_column div.title.section.parsys_section-inSection,
div.parsys_column div.list.section.parsys_section-inSection {
    padding: 5px 15px 5px;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-top: none;
    background-color: #ffffff;
}

/*div.parsys_column  div.section.parsys_section-inSection.parsys_section-inSection-first*/
.parsys_section_start.section {

    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 0 15px 0;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    background: #ffffff;
}

/*div.parsys_column  div.section.parsys_section-inSection.parsys_section-inSection-last,*/
.section.parsys_section_end {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0 15px;
    border: 1px solid #e1e1e1;
    border-top: none;
    background: #FFFFFF;
    margin-bottom: 20px;
}

#shopAppContainer {
    position: relative;
}

#shopAppContainer iframe {
    width: 100%;
    min-height: 500px;
}

#signupAppContainer iframe {
    width: 100%;
    margin-left: 20px;
    min-height: 800px;
}

@media screen and (max-width:1023px){
    #signupAppContainer iframe {
        width: 700px;
    }
}

@media screen and (max-width:767px){
    #signupAppContainer iframe {
        width: 410px;
    }
}

@media screen and (max-width:411px){
    #signupAppContainer iframe {
        width: 390px;
    }
}

@media screen and (max-width:360px){
    #signupAppContainer iframe {
        width: 370px;
    }
}
@media screen and (max-width:320px){
    #signupAppContainer iframe {
        width: 300px;
    }
}

#signupAppContainer .shop-spinner,
#shopAppContainer .shop-spinner {
    width: 100%;
    position: absolute;
    min-height: 300px;
    z-index: 2;
    background: #fafafa;
    height: 50vh;
}

#signupAppContainer .shop-spinner .spin-container,
#shopAppContainer .shop-spinner .spin-container {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    position: absolute;
    top: 30vh;
    left: 50%;
    transform: translate(-50%);
}

#signupAppContainer .shop-spinner .spin-container img,
#shopAppContainer .shop-spinner .spin-container img {
    width: 100%;
}

/*CQ Only*/
.normallogin[id*="cq-"] {
    min-width: 336px !important;
    min-height: 80px;
    display: block;
}

/* ageLOC Me cart to checkout spinner */
.phonegap-loading {
    display: none;
}

.singlecheckout_c2fa .phonegap-loading {
    background-color: #76c4d5;
    color: #ffffff;
    font-size: 1.5rem;
    width: 100%;
    z-index: 15;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 40px;
    display: block;
    height: 100%;
}
.singlecheckout_c2fa .phonegap-loading .inner-wrapper {
    position: relative;
    color: #76c4d5;
    height: 100px;
    top: 37%;
}
.singlecheckout_c2fa .phonegap-loading .inner-wrapper div {
    color: #ffffff;
    display: inline-block;
    padding: 13px 45px;
    font-size: 22px;
    text-align: center;
    left: 36%;
    position: absolute;
    height: 100px;
    width: 100px;
}
.singlecheckout_c2fa .phonegap-loading .inner-wrapper div::before {
    content: '';
    background-color: #76c4d5;
    height: 90px;
    width: 90px;
    position: absolute;
    top: 8px;
    left: 0px;
    border-radius: 50%;
    -webkit-animation: scaleout 1s infinite ease-in-out;
    animation: scaleout 1s infinite ease-in-out;
}
.logInFormPanel #rememberMeSection{
    padding-bottom: 8px;
}
.logInFormPanel label#rememberMeLbl {
    margin-left: 10px;
    font-size: 14px;
    position: absolute;
}
.mecommerce-back {
    display: none;
}
/* Added to cart modal styles (from product details page) */
@media screen and (max-width: 480px) {
    #checkoutPanel.modal {
        height: inherit;
    }
    #checkoutPanel.modal footer {
        width: 100%;
    }
    #checkoutPanel.modal button {
        width: 100%;
        margin: 0 0 10px 0;
    }
}