@import url(https://fonts.googleapis.com/css?family=Lato:400,100,200,300,500,600,700,800,900);
@media print {
    div.PageMenu{
        display: none !important;
    }
    div.TopMenu {
        display: none !important;
    }
    #Header{
        display: none !important;
    }
    div.Left{
        display: none !important;
    }
    div.footer{
        display: none !important;
    }
    div#footer-contact{
        display: none !important;
    }
    div#google_translate_element{
        display: none !important;
    }
   .sloyalty-tab-widget{
        display: none !important;
    }
    div.footer-links img{
        display: none !important;
    }
    div.footer-statement{
        margin-top: -40px;
    }
    ul.blog-tags{
        display: none !important;
    }
}
hr{
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
a{
    cursor: pointer !important;
}
a:hover{
    cursor: pointer !important;
}

a.print-btn {
    padding: 10px 20px 10px 20px;
    background:#343434;
    color: #f4f4f4 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none !important;
    float:right; 
}
a.print-btn:hover {
    background:#f4f4f4;
    color: #343434 !important;
}

@media screen and (max-width: 768px) {
/* Hide */
.mobile-hide{ display: none !important;}
}

/* 768px */
@media screen and (max-width: 768px) {
/* Hide */
.Right {display: none !important;}
}

.ErrorMessage {
    font-weight: 400 !important;
    color: #3d3d3d;
    border-radius: 5px;
    background-color: #fcf4ab;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
border: 1px solid #e3b749;
}
.InfoMessage {
    background: #fffce2;
    border-radius: 1px;
    padding: 5px 20px 5px 20px;
    margin-bottom: 20px;
}
/*----- OLD ERROR CODE CSS

.SpecificInfoMessage {
    background: #f3e3e2;
    color: #81ada5;
    text-align: right;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: bold;
}---*/

/*----- PRODUCT PAGE CHANGES 120318 Katie ---*/



p.short-description{}
p.topshort-description{ font-size: 15px; max-width:450px;}
.shareSlide {background: #ffffff;}
.PriceBorderBottom{border-bottom: solid 0px #f0efee;}

div.ProductDetailsGrid .Label {display:inline; margin-right: 6px;}
div.ProductDetailsGrid .Value {display:inline;}

.productAttributeLabel 168 {
    font-weight: bold;
    color: #b23427;
}

.addto{border-top: solid 0px #f0efee; padding-top:0px;}



/*----- IN THE NEWS ---*/
.news-table p{
font-size: 14px !important;
}
@media only screen and (max-width: 480px){
.news-table td{ display:block; width: 55% !important; }

.news-table td p{ width: 100% !important;}
  }

#ProductBreadcrumb{
margin-top: 20px;
}


/*----- 2018 Gift Guide List ---*/
#gift-guide li{
    margin-bottom: 20px !important;
    font-size: 16px;
}
#gift-guide li a{
    color:#86b9b2 !important;
}
#gift-guide li a:hover{
    text-decoration: underline !important;
}

/*----- PODCAST INTERVIEW ---*/
.podcast-interview p{
font-size: 14px !important;
color: #2b2b2b;
}

/*----- ER4YT Pre-sell Announcement HOMEPAGE ---*/
#er-presell-home{
display: block; 
width:100%;
background: #d1dedd;
border-bottom: 5px solid #a30404;

text-align:center;
float: none;
margin: 0px auto 20px auto;
padding:0px;
}

#er-presell-home > div{
display: inline-block;
max-width: 350px;
width: 90%;
padding: 20px;
color: #262626;
vertical-align:middle;

text-align:center;
float: none;
margin: auto;
}

#presell-book {
    text-align:center;
}
#presell-book img{ 
    width: 100%;
    height: auto;
}

#presell-list { 
    text-align:center;
}
#presell-list img{ 
    width:100%;
    height: auto;
}
#presell-list ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
    text-align: left;
}
#presell-list li {
    margin-bottom: 10px;
}
#presell-list li:before {
    content: "»";
    display: block;
    float: left;
    width: 1.2em;
}
#presell-list p {
    text-align: left;
}
#presell-list a {
    color: #262626;
    font-weight: 700;
}

#presell-counter { 
    text-align:center;
}
#presell-counter a{ 
    padding: 13px 50px; 
    background: #a30404; 
    margin: 20px; 
    text-transform: uppercase; 
    color:#fff; 
    letter-spacing: 2px; 
    font-size:12px; 
    font-weight: 400;
}
#presell-counter p{ 
    font-weight: 700 !important; 
}
#presell-counter img{ 
    display:inline; 
}
#countdown{ 
    font-family: 'Oswald', sans-serif;
    color:#fff;
    font-size: 95px;
    font-weight: 700 !important; 
    display:inline; 
    margin-right: 16px;
}
p.its-here{
    font-family: 'Oswald', sans-serif !important;
    color: #fff;
    font-size: 45px;
    font-weight: 700 !important; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
    margin-bottom: 38px; 
}

/*-----Peter & Catherine Podcast---*/
#audio-podcast{

    background: #f8f8f8;
    border: 1px solid #eeeeee;
    padding: 20px;
    text-align:center;
    margin-right: 20px;
}
#audiojs_wrapper0.audiojs(
    float: none;
    margin: auto;
    text-align: center;
)

.audiojs(
    float: none;
    margin: auto;
    text-align: center;
)


/*-----UNIVERSITY---*/
#supp-adv{
    position: fixed;
    top: 32%;
    left:0px;
}
#supp-adv:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}


@media screen and (max-width: 768px) {
/* Hide */
#supp-adv{ display:none; }
}


#CategoryBreadcrumb{display:none;}

#LayoutColumn1 {
    padding-top: 12px;
}

/*-----UNIVERSITY---*/

#LayoutColumn1 #university .Content {
    width: auto;
    padding: 0px 0px 0px 0px;
}
#university .PageList a {
    color: #00a1d5 !important;
    text-decoration: none !important;
}
#university .PageList .selected a {
    color: #00a1d5 !important;
    text-decoration: none !important;
    font-weight: 700;
}
#university .PageList li.selected {
    border-left: 4px solid #00a1d5;
}
#university .PageList li:hover {
    border-left: 4px solid #00a1d5;
}
#university .PageList li a:hover {
    color: #00a1d5 !important;
    font-weight: 500;
}
#university {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#university img {
    max-width: 1015px;
    width: 100%;
    height: auto;
}
#university table img {
    max-width: 180px;
    width: 100%;
    height: auto;
}
#university .Content {
    width: 80%;
    max-width: 1024px;
    padding: 60px 0px 40px 0px;
    margin: auto;
    color: #08547b;
}
#university .Content h1 {
    color: #00a1d5;
    font-size: 38px;
    line-height: 42px;
    font-weight: 300 !important;
}
#university .Content h3 {
    color: #00a1d5 !important;
    font-size: 26px;
    line-height: 42px;
    font-weight: 300 !important;
}
#university .Content img {
    float: right;
    display: inline-block;
    max-width: 300px;
    margin-left: 20px;
    margin-bottom: 20px;
}
#university .Content p {
    color: #3d3d3d;
} 
#university .Content a {
    color: #00a1d5;
}
#university .Content a:hover {
    text-decoration: none;
}
#buttons-3 {
    background: #00a1d5;
    margin: 30px 0px 60px 0px;
    padding: 10px 50px 10px 50px;
    width: auto;
}
#buttons-3 table {
    text-align: center;
    border: 0px;
    width: 100%;
}
#buttons-3 table td {
    width: 33%;
    color: #eeeeee;
    font-size: 20px;
    border: 0px;
}
#buttons-3 table td a {
    color: #eeeeee;
}
#buttons-3 table td a:hover {
    color: #9dcad7;
}
#buttons-3 table td img {
    padding-bottom: 20px;
    display: block;
}
#buttons-3 table td a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
   
}
/*-----   Targeted Formulas and Goals Icons   ---*/
table.shopgoal{
    border: none !important;
padding: 0px;
}
.shopgoal tr{
    border: none !important;
padding: 0px;
}
.shopgoal td{
    border: none !important;
padding: 0px;
}
table.shopgoal p{
    color: #434343 !important;
    padding: 0px 20px 0px 0px;
}
table.shopgoal img{
}

ul.targeted-formulas {
    float: none;
    margin: auto;
    padding-inline-start: 0px;
    text-align: center !important;
      width: 80%;
}

@media screen and (max-width: 690px) {
    ul.targeted-formulas {
        width: 100%;
    }
}

.targeted-formulas li {
    display: inline-block;
    text-align: center !important;
    margin: 10px 10px 20px 10px;
    opacity: 0.8;
}
.targeted-formulas img {
    width: 36px !important;
    height: 28px !important;
    display: block;
    text-align: center !important;
    float: none;
    margin: auto;
padding-bottom: 10px;
}
.targeted-formulas a {
    color: #1f1f1f !important;
    font-weight: 500;
    font-size: 14px;
}
.targeted-formulas a:hover {
    text-decoration: none !important;
}
.targeted-formulas li:hover {
    opacity: 1.0;
    transform: scale(1.1);
}


/*-----FAQ tabs---*/
#report {
    width: 100% !important;
}
#report table {
    width: 100% !important;
}
#report .master {
    height: 20px !important;
    background: rgb(251, 251, 251);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(100%, rgba(239, 239, 239, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(251, 251, 251, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef', GradientType=0);
    /* IE6-9 */
    
    text-align: left;
    width: 100% !important;
}
#report .master:hover {
    cursor: pointer;
    background: #E2E2E2;
}
#report .master p {
    margin-left: 0px;
}
#report tr {
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: left;
    width: 100% !important;
}
#report td {
    width: 100% !important;
}
#report h2 {
    margin: 20px;
    color: #56a39b;
}
#report p {
    font-size: 15px;
    font-weight: 400 !important;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0px;
    color: #424242;
    margin-left: 40px;
}
#report ul {
    margin-left: 70px;
}
#report ul li {
    margin-left: 30px;
}
#report strong {
    font-size: 20px;
    font-weight: 600 !important;
    padding-right: 20px;
    color: #56a39b;
}
/*-----FAQ MENU ---*/

#top-menu h1 {
    font-size: 30px;
    font-weight: 300 !important;
    max-width: 1024px;
    float: none;
    margin: 20px auto 20px auto;
}
.faq-content {
    padding: 40px;
    border-right: 1px solid #f0efee;
    border-bottom: 1px solid #f0efee;
    border-left: 1px solid #f0efee;
}
.faq-content 76 h1 {
    display: none;
}
faq-content a {
    font-size: 18px !important;
    color: #424242 !important;
    display: block;
    font-weight: 400;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}
.faq-content img {
    display: block;
    float: none;
    margin: auto;
    padding-bottom: 20px;
}
.faq-content a:hover {
    text-decoration: none !important;
    font-weight: 500;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}
.faq-content #article-copy {
    padding-top: 20px;
    padding-right: 0px;
    margin-right: 0px;
    max-width: 100%;
    float: left;
    padding-left: 20px;
    border-left: 0px solid #f0efee;
    text-align: left;
    vertical-align: top;
}
.faq-content #article-copy .TitleHeading {
    display: none;
}
.faq-content #article-copy h1 {
    text-align: center;
}
.faq-content #article-copy table {
    width: 100%;
}
/*-----PRODUCT SHARE ICONS ---*/

#share_txt {
    display: none;
}
#share_btns {
    margin-left: 0px !important;
}
/*-----BT AWARENESS ---*/

ul.cards {
    width: 100%
}
ul.cards li {
    display: inline-block;
    max-width: 300px;
    margin: 10px;
    padding: 10px;
    background: #f5f5f5;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    text-align: center;
    vertical-align: top;
}
/*-----BT AWARENESS ---*/

.bt-awareness {
    background-attachment: scroll;
    background-position: top center;
    background-size: 1438px auto;
    background-repeat: no-repeat;
    background-image: url("https://www.4yourtype.com/product_images/uploaded_images/bta-bkg-sm.png");
    margin-bottom: 40px;
}
.bt-awareness table {
    background: #fff;
    border: 0px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    margin-bottom: 30px;
}
.bt-awareness table td {
    border: 0px;
}
.bt-awareness h1 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 200;
    text-align: center;
    color: #fff;
    padding: 70px;
    display: block;
}
p.calendar-btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #d24950;
    color: #d24950 !important;
    width: 60%;
    float: none;
    margin: 30px auto 30px auto;
    text-align: center;
}
p.code-btn {
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #d24950;
    color: #d24950 !important;
    width: 50%;
    text-align: center;
    background: #d24950;
}
p.code-btn a {
    color: #fff !important;
}
.bt-awareness h3 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
    color: #a6afb0;
    font-size: 30px;
    background-color: #384748;
    background-position: top center;
    background-repeat: repeat-x;
    background-image: url("https://www.4yourtype.com/product_images/uploaded_images/quote.png");
}
.bt-awareness p {
    color: #535d5e;
    font-size: 16px;
}
/*-----LEARN MORE MENU ---*/

#app-list {} #app-list li {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}
/*-----LEARN MORE MENU ---*/

.learn-content {

    text-align: left;
}
.learn-content 76 h1 {
    display: none;
}
.learn-content li {
    list-style-type: none;
    padding-bottom: 20px;
}
.learn-content li a {
    color: #6a9994 !important;
}

.learn-content a {
    font-size: 18px !important;
    color: #424242 !important;
    display: block;
    font-weight: 400;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}
.learn-content img {
    display: block;
    float: none;
    margin: auto;
    padding-bottom: 20px;
}
.learn-content a:hover {
    text-decoration: none !important;
    font-weight: 500;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}
.learn-content .line-1 {
    max-width: 800px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 120% !important;
    letter-spacing: 1px;
    color: #3c3c3c;
}
.learn-content .line-2 {
    max-width: 800px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 38px;
    line-height: 120% !important;
    font-weight: 400 !important;
    color: #56a39b !important;
}
.learn-content .line-3 {
    max-width: 800px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px !important;
    line-height: 120% !important;
    font-weight: 400 !important;
    color: #3c3c3c !important;
}
.learn-content .line-4 {
    max-width: 700px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 120% !important;
    font-weight: 400 !important;
    color: #56a39b !important;
}
.learn-content .line-5 {
    max-width: 800px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 120% !important;
    font-weight: 300 !important;
    color: #56a39b !important;
}
.learn-content .line-5 strong {
    font-weight: 600 !important;
}
.learn-content .note {
    max-width: 400px;
    min-height: 40px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 120% !important;
    font-weight: 500 !important;
    color: #3c3c3c !important;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/important-symbol.png") no-repeat top left;
    padding-left: 52px;
    text-align: left;
}
#top-menu #SideSubPageList {
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: table;
    text-align: center;
}
#top-menu {
    width: 100%;
    padding: 0px;
    margin: 30px 0px 0px 0px;
}
#top-menu ul {
    display: table-row;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#top-menu li {
    display: table-cell;
    width: auto;
    border-right: 1px solid #fff;
    vertical-align: bottom;
}
#top-menu li a {
    display: block;
    padding: 20px 20px 30px 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/top-menu-noarrow.png") repeat-x bottom center;
}
#top-menu li a:hover {
    color: #fff;
    background: #424242 url("https://www.4yourtype.com/product_images/uploaded_images/top-menu-arrow.png") repeat-x bottom center;
}
#top-menu li.selected a {
    color: #fff;
    background: #424242 url("https://www.4yourtype.com/product_images/uploaded_images/top-menu-arrow.png") repeat-x bottom center;
}

/*-----LEARN MORE - MENU ICONS ---*/

@media screen and (max-width: 768px) {
    #desk-learn #SideSubPageList li {
        display: none;
        visibility: hidden;
    }
}
@media screen and (min-width: 690px) {
    #mobile-learn #SideSubPageList {
        display: none;
    }
}

#top-menu .tools {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/menu-icons-tools.png") 0 0 no-repeat;
}
#top-menu .tools:hover {
    background-position: 0 -45px;
}
#top-menu .selected .tools {
    background-position: 0 -45px;
}
#top-menu a:hover .tools {
    background-position: 0 -45px;
}
#top-menu .audio {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/menu-icons-audio.png") 0 0 no-repeat;
}
#top-menu .audio:hover {
    background-position: 0 -45px;
}
#top-menu .selected .audio {
    background-position: 0 -45px;
}
#top-menu a:hover .audio {
    background-position: 0 -45px;
}
#top-menu .types {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/menu-icons-types.png") 0 0 no-repeat;
}
#top-menu .types:hover {
    background-position: 0 -45px;
}
#top-menu .selected .types {
    background-position: 0 -45px;
}
#top-menu a:hover .types {
    background-position: 0 -45px;
}
#top-menu .testimonials {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/menu-icons-testimonials.png") 0 0 no-repeat;
}
#top-menu .testimonials:hover {
    background-position: 0 -45px;
}
#top-menu .selected .testimonials {
    background-position: 0 -45px;
}
#top-menu a:hover .testimonials {
    background-position: 0 -45px;
}
#top-menu .articles {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/menu-icons-articles.png") 0 0 no-repeat;
}
#top-menu .articles:hover {
    background-position: 0 -45px;
}
#top-menu .selected .articles {
    background-position: 0 -45px;
}
#top-menu a:hover .articles {
    background-position: 0 -45px;
}
#top-menu .key-products {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/menu-icons-product.png") 0 0 no-repeat;
}
#top-menu .key-products:hover {
    background-position: 0 -45px;
}
#top-menu .selected .key-products {
    background-position: 0 -45px;
}
#top-menu a:hover .key-products {
    background-position: 0 -45px;
}
/*-----FAQ - MENU ICONS ---*/

#top-menu .btd {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/faq-btd.png") 0 0 no-repeat;
}
#top-menu .btd:hover {
    background-position: 0 -45px;
}
#top-menu .selected .btd {
    background-position: 0 -45px;
}
#top-menu a:hover .btd {
    background-position: 0 -45px;
}
#top-menu .geno {
    display: block;
    margin: 0px auto 10px;
    width: 52px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/faq-geno.png") 0 0 no-repeat;
}
#top-menu .geno:hover {
    background-position: 0 -45px;
}
#top-menu .selected .geno {
    background-position: 0 -45px;
}
#top-menu a:hover .geno {
    background-position: 0 -45px;
}
#top-menu .supp {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/faq-supp.png") 0 0 no-repeat;
}
#top-menu .supp:hover {
    background-position: 0 -45px;
}
#top-menu .selected .supp {
    background-position: 0 -45px;
}
#top-menu a:hover .supp {
    background-position: 0 -45px;
}
#top-menu .general {
    display: block;
    margin: 0px auto 10px;
    width: 49px;
    height: 45px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/faq-general.png") 0 0 no-repeat;
}
#top-menu .general:hover {
    background-position: 0 -45px;
}
#top-menu .selected .general {
    background-position: 0 -45px;
}
#top-menu a:hover .general {
    background-position: 0 -45px;
}
/*-----LEARN MORE - DIET TOOLS ---*/

ul.learn-icons {
    max-width: 900px;
    display: block;
    float: none;
    margin: 30px auto 0px auto;
    text-align: left;
    padding: 0px;
}
.learn-icons li {
    vertical-align: top;
    display: inline-block;
    width: 40%;
    padding: 0px;
    margin: 30px 10px 30px 10px;
}
/*-----LEARN MORE - ARTICLES ---*/

#article-list {
    padding-top: 20px;
    width: 180px;
    float: left;
    margin-right: 30px;
    text-align: left;
    vertical-align: top;
}
#article-list h4 {
    font-weight: 500 !important;
}
#article-list li {
    list-style-type: none;
    padding-bottom: 10px;
}
#article-list li a {
    font-size: 13px !important;
}
#article-list li a:hover {
    color: #6a9994 !important;
}
#article-list li.selected a {
    color: #6a9994 !important;
    border-left: 3px solid #6a9994;
    padding-left: 20px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}
#article-copy {
    padding-top: 20px;
    padding-right: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 70%;
    float: left;
    padding-left: 20px;
    border-left: 1px solid #f0efee;
    text-align: left;
    vertical-align: top;
}
#article-copy p a {
    display: inline;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #80ada4 !important;
}
#article-copy li a {
    display: inline;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #b23427 !important;
}
#article-copy .article-product li a {
    display: inline;
    font-weight: 600 !important;
    font-size: 19px !important;
    color: #636363 !important;
}
#article-copy table p {
    font-size: inherit;
    color: inherit;
}
#article-copy table td {
    border: 1px solid #ededed;
}
#article-copy table ul {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#article-copy table li {
    padding: 0px;
    margin: 0px;
}
@media screen and (max-width: 1024px) {
    #article-copy {
        max-width: 100%;
        border-left: 0px solid #f0efee;
    }
}
/*-----NO TOP -- CATEGORY ---*/

#category-notop .TitleHeading {
    display: none;
}
#category-notop .SortBox {
    display: none;
}
/*-----URGENT MESSAGE ---*/

#urgent-message {
    width: 100%;
    padding: 12px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    display:block;
    text-align: center;
    clear: none;
}
#urgent-message p {
    width: 65%;
    max-width: 1300px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: auto;
    color: #485553;
    float: none;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
}
#urgent-message p strong {
    font-weight: 600 !important;
}
#urgent-message a {
    color: #485553;
font-weight: 600 !important;
}
#urgent-message a:hover {
    text-decoration: underline;
}


/*-----5 TYPES -- CATEGORY ---*/

#types-all {
    display: block;
    margin-bottom: 30px;
    max-width: 1020px;
    width: 100%;
    float: none;
    margin: auto;
}
#types-all .type {
    display: table-cell;
    padding-right: 1px;
}
#types-all div img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
}
#types-all div img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}
#types-all h1 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 20px;
}
#types-all h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}
#types-all h3 {
    text-align: center;
    color: #56a39b;
    font-size: 20px;
    font-weight: 600 !important;
    margin-bottom: 20px;
}
/*-----  CATEGORYS ---*/



div.CategoryDescription p {
    font-size: 16px !important;
    font-weight: 300 !important;

}


p.btproduct-review{
    font-size: 12px !important;
    color: #8f8f8f;
    line-height: 120%;
    border: 1px solid #86b9b1;
    padding: 20px 30px 20px 30px;
margin-top: 30px;
}
p.btproduct-review .quote-mark{
    float: none;
    margin: -35px auto 0px auto;
    padding-bottom: 20px;
    display: block;
}

/*-----DONT KNOW -- CATEGORY ---*/

#dont-know .CategoryDescription {
    padding: 30px 50px 0px 50px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/dont-know-background.png") no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
#dont-know .CategoryDescription ul li {
    list-style-image: url("https://www.4yourtype.com/product_images/uploaded_images/red-bullet.png");
}
#dont-know .Content h1 {
    color: #b23427;
    font-size: 40px;
    font-weight: 400 !important;
    padding-top: 20px;
    padding-bottom: 10px;
}
#dont-know .Content h2.foot-link {
    color: #b23427;
    font-size: 24px;
    font-weight: 400 !important;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
#dont-know .Content h2.foot-link a {
    color: #b23427;
    text-decoration: underline;
}
#dont-know .Content h2.foot-link a:hover {
    text-decoration: none;
}
#dont-know .Content h2 {
    color: #b23427;
    font-size: 18px;
    font-weight: 600 !important;
}
#dont-know .Content h3 {
    color: #b23427;
    font-size: 16px;
    font-weight: 800 !important;
    text-align: center;
    padding-bottom: 0px;
}
#dont-know .Content h4 {
    color: #b23427;
    font-size: 14px;
    font-weight: 600 !important;
    text-align: center;
    padding-top: 0px;
}
#dont-know .Content.Wide {
    max-width: 700px;
    width: 90%;
    float: none;
    margin: auto;
}
#dontknow-left {
    width: 50%;
    float: left;
}
#dontknow-left h1 {
    max-width: 400px;
}
#dontknow-right {
    width: 40%;
    float: right;
}
#dontknow-right img {
    margin-top: 20px;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 800px) {
    #dontknow-left {
        width: 100%;
        float: none;
    }
    #dontknow-left h1 {
        text-align: left;
        width: 100%;
    }
    #dontknow-left img {
        display: none;
    }
    #dontknow-right {
        width: 100%;
        float: none;
    }
}


#lectinsvideo-right {
    width: 50%;
    float: right;
}
#lectinsvideo-right img {
    margin-top: 20px;
    width: 100%;
    height: auto;
    margin: 20px;
}
@media screen and (max-width: 800px) {
    #lectinsvideo-right {
        width: 100%;
        float: none;
    }
}


/*-----AILMENTS -- JIM BUTTON ---*/


.show-all-btn-a {
border-radius: 5px;
background-color: #4276bb;
color: white;
font-size: 16px;
cursor: pointer;
width: 260px;
z-index: 1000;
position: relative;
display: inline-block;
padding: 16px;
clear: none;
margin-bottom: 10px;
}

.show-all-btn-a:after {
color: #fff;
content: ' ⊞';
float:right;
}

.show-all-btn-a:hover {
color: white;
background-color: #315f9d;
}

.show-all-btn-b {
border-radius: 5px;
background-color: #d5a116;
color: white;
font-size: 16px;
cursor: pointer;
width: 260px;
z-index: 1000;
position: relative;
display: inline-block;
padding: 16px;
clear: none;
margin-bottom: 10px;
}

.show-all-btn-b:after {
color: #fff;
content: ' ⊞';
float:right;
}

.show-all-btn-b:hover {
color: white;
background-color: #c09c16;
}

.show-all-btn-ab {
border-radius: 5px;
background-color: #00674e;
color: white;
font-size: 16px;
cursor: pointer;
width: 260px;
z-index: 1000;
position: relative;
display: inline-block;
padding: 16px;
clear: none;
margin-bottom: 10px;
}

.show-all-btn-ab:after {
color: #fff;
content: ' ⊞';
float:right;
}

.show-all-btn-ab:hover {
color: white;
background-color: #004d3a;
}

.show-all-btn {
border-radius: 5px;
background-color: #b23427;
color: white;
font-size: 16px;
cursor: pointer;
width: 260px;
z-index: 1000;
position: relative;
display: inline-block;
padding: 16px;
clear: none;
margin-bottom: 10px;
}

.show-all-btn:after {
color: #fff;
content: ' ⊞';
float:right;
}

.show-all-btn:hover {
color: white;
background-color: #9b2c20;
}

.Cusdropbtn {
border-radius: 5px;
background-color: #e1e1e1;
color: #b23427;
font-size: 16px;
border: none;
cursor: pointer;
min-width: 291px;
z-index: 1000;
position: relative;
display: inline-block;
}

.Cusdropbtn .has-child {
text-align:left; 
padding: 16px;
border: 1px solid #b5b5b5;
    font-weight: 600 !important;
}

.Cusdropbtn .has-child:after {
content: ' ▾';
float:right;
}

                      
.Cusdropbtn:hover, .Cusdropbtn:focus {
background-color: #f9f9f9;
}
                         
.Cusdropbtn {

}
                         
.Cusdropbtn-content {
border-radius: 5px;
display: none;
position: absolute;
background-color: #f9f9f9;
width: 289px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border: 1px solid #b5b5b5;
}
        
.Cusdropbtn-content ul {
list-style-type: none;
margin-left:0px;
margin-bottom:0px;
padding:0px !important;
}  
  
.Cusdropbtn-content ul il{
list-style-type: none;
} 

.Cusdropbtn-content ul li:last-child a{
    color: inherit;
    text-transform: capitalize !important;
    letter-spacing: 0px !important;
    font-size: 17px !important;
}

               
.Cusdropbtn-content a {
color: black !important;
font-weight: normal !important;
padding: 12px 16px;
text-decoration: none;
display: block;
}                       
.Cusdropbtn a:hover {background-color: #f1f1f1}
                       
.show {display:block;}


#column-container{
    display: block !important;
    width: auto;
    float:none;
    margin:auto;
    text-align:center;
}
#column-container>div{
    display: inline-block !important;
    vertical-align: text-top;
    padding: 10px;
}

.Cusdropbtn3 {
    font-family: 'Lato', Arial, Sans-serif !important;
    background-color: #e1e1e1;
    color: #b23427;
    font-weight: 600 !important;
    font-size: 17px;
    padding: 16px;
    margin: 0px;
    border: 1px solid #b5b5b5;
    width: 269px;
    border-radius: 5px;
   text-align:left;
}

.Cusdropbtn3 li {
   list-style-type: none;
}

.Cusdropbtn3 li:after {
color: #b23427;
content: ' ▾';
float:right;
}
.Cusdropbtn4 {
    font-family: 'Lato', Arial, Sans-serif !important;
    background-color: #f8f8f8;
    color: #b23427;
    font-size: 16px;
    margin: 0px;
    border: 1px solid #b5b5b5;
    width: 300px;
    border-radius: 5px;
    text-align:left;
}
.Cusdropbtn4 li{
    list-style-type: none;

}
.Cusdropbtn4 li a{
    padding: 10px 16px 10px 16px;
    display:block;
    color: #b23427;
}
.Cusdropbtn4 li a:hover{
   background: #f1f1f1;
}


/*-----AILMENTS -- CATEGORIES ---*/

#category-ailments .FloatRight{
    display:none;
}
#category-ailments .CategoryContent ul{
    padding: 0px;
    display: block;
    width: 100% !important;
}

#category-ailments .CategoryContent ul img{
    max-width: inherit;
    width: auto;
    height: auto;
}

#category-ailments .CategoryContent .btn {
    color: #222;
    background:#b7e1dd;
    text-transform: uppercase;
    letter-spacing: inherit;
    font-size: 14px;
}
 


#category-ailments .CategoryContent .pname {
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    font-size: inherit;
}

#category-ailments{
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
#category-ailments ul{ padding: 0px; display: block !important; width: 100% !important; }
#category-ailments ul li{ width: 80%; list-style-type: none; padding-bottom: 5px; }
}

#category-ailments ul{
    padding: 20px;
    display: table-cell;
    width: 33%;
}

#category-ailments ul li{
    list-style-type: none;
    padding-bottom: 5px;
}

#category-ailments ul li img{
    max-width: 200px;
    width:100%;
    height: auto;
}
#category-ailments ul li a{
    color: #81ada5;
    font-size: 17px;
}
#category-ailments ul li a:hover{
    color: #676767;
}

#category-ailments .TitleHeading{
    display: none;
}

/*-----BLOOD TYPE O -- CATEGORY ---*/

#category-o {
    text-align: left;
    padding: 40px 30px 0px 30px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/o-background.png") no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
#category-o .TitleHeading {
    display: none;
}
#category-o .SortBox {
    display: none;
}
#category-o h1 {
    color: #4d4d4d;
    font-size: 35px;
    font-weight: 200 !important;
    padding-bottom: 20px;
}
#category-o h1 strong {
    color: #b23427;
    font-weight: 300 !important;
}
.bloodtypeo-profile{
    color: #b23427;
    font-size: 16px;
    font-weight: 500 !important;
    text-transform: uppercase;
}
#category-o h4 {
    font-weight: 300 !important;
    font-size: 27px !important;
}
#category-o h5 {
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 21px;
}

/*-----BLOOD TYPE A -- CATEGORY ---*/

#category-a {
    text-align: left;
    padding: 40px 30px 0px 30px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/a-background2.png") no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
#category-a .TitleHeading {
    display: none;
}
#category-a .SortBox {
    display: none;
}
#category-a h1 {
    color: #4d4d4d;
    font-size: 35px;
    font-weight: 200 !important;
    padding-bottom: 20px;
}
#category-a h1 strong {
    color: #4276bb;
    font-weight: 300 !important;
}

.bloodtypea-profile{
    color: #4276bb;
    font-size: 16px;
    font-weight: 500 !important;
    text-transform: uppercase;
}


/*-----BLOOD TYPE B -- CATEGORY ---*/

#category-b {
    text-align: left;
    padding: 40px 30px 0px 30px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/b-background.png") no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
#category-b .TitleHeading {
    display: none;
}
#category-b .SortBox {
    display: none;
}
#category-b h1 {
    color: #4d4d4d;
    font-size: 35px;
    font-weight: 200 !important;
    padding-bottom: 20px;
}
#category-b h1 strong {
    color: #d5a10e;
    font-weight: 300 !important;
}
#type-profile {}
#type-profile p{
    font-size: 15px;
}
#type-profile img{
    width: 35px;
    height:auto;
    padding-right: 10px;
    float:left;
}
.bloodtypeb-profile{
    color: #d5a10e;
    font-size: 16px;
    font-weight: 500 !important;
    text-transform: uppercase;
}

/*-----BLOOD TYPE AB -- CATEGORY ---*/

#category-ab {
    text-align: left;
    padding: 40px 30px 0px 30px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/ab-background.png") no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
#category-ab .TitleHeading {
    display: none;
}
#category-ab .SortBox {
    display: none;
}
#category-ab h1 {
    color: #4d4d4d;
    font-size: 35px;
    font-weight: 200 !important;
    padding-bottom: 20px;
}
#category-ab h1 strong {
    color: #00674e;
    font-weight: 300 !important;
}
.bloodtypeab-profile{
    color: #00674e;
    font-size: 16px;
    font-weight: 500 !important;
    text-transform: uppercase;
}



/*-----NO SIDEBAR CATEGORY TEMPLATE ---*/

#wide-nopadding .inner {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
/*----- FULL WIDTH NO SIDEBAR CATEGORY PAGE ---*/

#no-padding {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.no-header .TitleHeading {
    display: none;
}
.no-header .SortBox {
    display: none;
}
.no-header .Content.Wide {
    max-width: 950px;
    width: 90%;
    float: none;
    margin: auto;
}
.CartCode .CouponCode,
.CartCode .GiftCertificate {
    float: left;
    width: 33% !important;
    min-height: 250px;
    margin-right: 20px;
    display: table-cell;
    text-align: center;
}
.third-box {
    float: left;
    width: 300px !important;
    min-height: 250px;
    margin-right: 20px;
    display: table-cell;
    text-align: center;
}
.page h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
}
.PageContent h1 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
}
.PageContent h2 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
    color: #afafaf;
    margin-top: 34px;
}
.PageContent h3 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
}
.PageContent h4 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
}
.PageContent h5 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
}
.PageContent h6 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
}
div#LayoutColumn1 ul {
    font-family: 'Lato', Arial, Sans-serif !important;
}
div#LayoutColumn2 ul {
    font-family: 'Lato', Arial, Sans-serif !important;
font-weight: 500 !important;
}
div#LayoutColumn1 ol {
    font-family: 'Lato', Arial, Sans-serif !important;
}
div#LayoutColumn2 ol {
    font-family: 'Lato', Arial, Sans-serif !important;
}
div.PageContent ul {
    font-family: 'Lato', Arial, Sans-serif !important;
}
div.PageContent ol {
    font-family: 'Lato', Arial, Sans-serif !important;
}
div#blog-posts li a {
    color: #56a39b;
    text-decoration: underline;
}


ol.CategoryDescription {
    width: 80% !important;
    color: #5c5c5c;
    font-size: 12px;
}
ol.CategoryDescription li {
    font-size: 9px;
    border-bottom: 1px solid #5c5c5c;
}
.PageList .selected a {
    color: #81ada5 !important;
    font-weight: 700;
}
.PageList li.selected {
    border-left: 4px solid #81ada5;
}
.PageList li:hover {
    border-left: 4px solid #81ada5;
}
.PageList li a:hover {
    color: #81ada5 !important;
    font-weight: 500;
}

.genotypes li {
    display: table-cell;
    padding: 10px;
    text-align: center;
}
.genotypes img {
    max-width: 100%;
    height: auto;
    width: auto;
}
#ProductDescription a {
    color: #56a39b;
    text-decoration: underline;
}
/*----- HOME SLIDESHOW ---*/

#HomeSlideShow {
    display: block;
    width: 99%;
    height: auto !important;
    max-height: 100px;
    min-height: 100% !important;
    overflow: visible !important;
}
.slide-show {
    overflow: visible;
}
.slidesave {
    max-height: 121px !important;
    min-height: 100% !important;
}
.slide-overlay {
    display: none !important;
}
#HomeSlideShow img{
    border: 1px solid #ebebeb;
}

@media (min-width: 801px) {
 .Block.BlockContent.banner_home_page_top {margin-top: 250px;}
 .flex-viewport {overflow: visible;}
}
@media screen and (max-width: 768px){
   #home #LayoutColumn1 {display:none;}
   #HomeSlideShow{ padding-bottom:20px;}
}

/*----- HOME BANNER WITH IMAGE ONLY---*/
#homepage-banner-img{
    display: table-cell !important;
    width: auto;
    height: 100%;
    max-height: 500px !important;
    vertical-align: top;
}
#homepage-banner-img img{
    width: 100%;
    max-width: auto;
}




/*----- 2017 HOMEPAGE - UNDER BANNER ---*/

#basic-categories2017 {
    margin-top: 0px;
    width: 100% !important;
    display: block;
    clear:both;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f4f4f4;
}
#basic-categories2017 ul {
    text-align: left;
    float: right;
}
#basic-categories2017 h1 {
    font-size: 50px;
    line-height: auto;
    color: #646464;
    font-weight: 300 !important;
    margin-bottom: 10px;
}

#basic-categories2017 p {
    font-size: 14px;
    color: #646464;
    font-weight: 300 !important;
} 

#basic-categories2017 a {
    color: #5d5d5d;
}
#basic-categories2017 a:hover {
    text-decoration: none;
    font-weight: bold;
}
#basic-categories2017 img {
    padding: 0px 6px 0px 6px;
    max-width: 100%;
    margin: 0px;
    height: auto;
    opacity: 1.0;
    filter: 0;
    vertical-align: middle;
}
#basic-categories2017 img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

@media screen and (max-width: 768px) {
/* SHRINK */
#basic-categories2017 img{ width: 15%; padding: 0px 2px 0px 2px;}
#basic-categories2017 h1 { font-size:40px;}
}





/*----- HOME BASIC - UNDER BANNER ---*/

.home-content {
    width: 80%;
    text-align:left;
    float:none;
    margin: 30px auto 20px auto;
    padding: 40px;
}
.home-content h1 {
    font-size: 25px;
}
.home-content h2 {
    font-size: 24px;
    font-weight: 300!important;
    padding-bottom:19px;
}
.home-content h2 strong {
    font-weight: 500!important;
    color: #56a39b;
}
.home-content p { font-weight: 300!important;
    font-size: 15px !important;
}
#basic-categories {
    width: 100% !important;
    display: block;
    clear:both;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
#basic-categories ul {
    text-align: left;
    float: right;
}
#basic-categories h1 {
    font-size: 50px;
    line-height: auto;
    color: #8b8b8b;
    font-weight: 200 !important;
    margin-bottom: 10px;
}

#basic-categories p {
    font-size: 12px;
    color: #8b8b8b;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
} 

#basic-categories a {
    color: #5d5d5d;
}
#basic-categories a:hover {
    text-decoration: none;
    font-weight: bold;
}
#basic-categories img {
    padding: 0px 6px 0px 6px;
    max-width: 100%;
    margin: 0px;
    height: auto;
    opacity: 1.0;
    filter: 0;
}
#basic-categories img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}



/*----- Products A-Z ---*/

p.letters {
    text-align: center;
}
.letters a {
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid #e1e1e1;
    text-decoration: underline;
}
.product-az tr {
    border-right: 1px solid #ececec;
}
.product-az td {
    border: 1px solid #ececec;
}
/*----- HOME FEATURED ---*/

#HomeFeaturedProducts table {
    border: 0px;
    padding: 0px;
}
#HomeFeaturedProducts table td {
    border-bottom: 0px;
    border-right: 1px solid #e1e1e1;
    padding: 0px 20px 0px 20px;
}
#HomeFeaturedProducts table td:last-child {
    border-right: 0px solid #e1e1e1;
}
#HomeFeaturedProducts h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
#HomeFeaturedProducts h4 {
    text-transform: capitalize;
    padding-bottom: 20px;
    text-align: center;
    color: #81ada5;
}
#HomeFeaturedProducts h4 a {
    text-transform: capitalize;
    padding-bottom: 20px;
    text-align: center;
    color: #81ada5;
}
#HomeFeaturedProducts h4 a:hover {
    color: #5c877f;
}
a.pname {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0px;
}
.on-sale-badge {
    background: rgba(174, 49, 48, 0.8) !important;
}
h1.TitleHeading {
    font-size: 35px;
    font-weight: 400 !important;
    margin-top: 30px;
}

h1.subTitleHeading {
    font-size: 14px; 
    color: #56a39b; 
    text-transform: uppercase; 
    font-weight: 600 !important; 
    letter-spacing: 2px;
}

.p-price {
    color: #56a39b !important;
    font-size: 16px;
    font-weight: 700;
}
em.p-price {
    color: #56a39b;
    font-size: 16px;
    font-weight: 700;
}
em.p-price strike {
    color: #000000;
    font-size: 16px;
    font-weight: 300 !important;
}
.ProductPrice strike {
    color: #000000;
    font-size: 16px;
    font-weight: 300 !important;
}
.SalePrice {
    color: #56a39b;
}
.PageContent a {
    color: #56a39b;
}
.PageContent a:hover {
    color: #56a39b;
    text-decoration: underline;
}
/*----- NAVIGATION ---*/

.sf-menu.sf-horizontal {
    background: none;
}
.sf-menu.sf-horizontal li {
    border: 0px;
}
.over:hover {
    border-radius: 5px;
}
.Left{
margin-top:12px;
}


/*----- CUSTOM COLUMS - 2 ---*/

.columns {
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: 0px dotted black;
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: 0px dotted black;
    column-count: 2;
    column-gap: 30px;
    column-rule: 0px dotted black;
}
#quality a {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 9px 7px 9px 50px;
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 3px;
    border: 1px solid #7e7e7e;
    text-align: left;
    font-size: 11px;
    letter-spacing: 1px;
    vertical-align: middle;
    background-color: #7e7e7e;
}
#quality img {
    padding-right: 12px;
    vertical-align: middle;
}
#quality a:hover {
    background: #ffffff;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}


a.vid-btn{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/video-icon-button.png') 10px center no-repeat;
}
a.vid-btn:hover{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/video-icon-button-hover.png') 10px center no-repeat !important;
}
a.aud-btn{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/audio-icon-button.png') 10px center no-repeat;
}
a.aud-btn:hover{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/audio-icon-button-hover.png') 10px center no-repeat !important;
}



#shipping-btn a {
    padding: 10px;
    background: #56a39b;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #ffffff;
    border-radius: 3px;
    border: 1px solid #56a39b;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
}
#shipping-btn a:hover {
    background: #ffffff;
    color: #56a39b;
    border: 1px solid #56a39b;
}
#app-download {
    color: #b23427;
    min-height: 70px;
}
#app-download a {
    color: #b23427;
}
#app-download img {
    padding-right: 10px;
    float: left;
}
#app-btns {
    display: block;
}
#app-btns img {
    max-width: 48%;
    float: left;
    padding-right: 2px;
}

/*----- BTD APP LANDING PAGE ---*/
#btd-app-landing h1{color:#ffffff; font-size: 40px; font-weight: 600; padding-bottom: 30px;}
#btd-app-landing h2{color:#7488bc !important; font-size: 40px; font-weight: 600; padding-bottom: 30px;}
#btd-app-landing h3{color:#7488bc !important; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; font-weight: 600; padding-bottom:0px;}
#btd-app-landing p{color:#262626; font-size: 19px; line-height: 30px; font-weight: 600; padding-bottom: 30px;}
#btd-app-landing a{color: #7488bc; }

#btd-app-landing #row-1{ text-align:center; padding: 150px 30px; background-color:#fbfbfb; background-image: url("https://www.4yourtype.com/product_images/uploaded_images/web-app-bkg-header4.jpg"); background-position: center right; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}



/*----- SUPPORT PORTAL ---*/

#support-portal {
    text-align: center;
}
#support-portal .grid {
    padding: 30px;
    width: 93%;
    max-width: 1000px;
    float: none;
    margin: 30px auto 30px auto;
    border: solid 1px #dddddd;
    border-radius: 10px;
}
#support-portal .grid__item {
    margin-top: 40px;
    margin-top: 20px;
}
#support-portal .grid__item p {
    color: #585858 !important;
}
#support-portal .grid__item a {
    color: #585858 !important;
}
#support-portal .grid__item a:hover {
    color: #8999a2 !important;
    text-decoration: none !important;
}
#support-portal img {
    display: block;
    float: none;
    margin: 20px auto 20px auto;
    padding: 10px;
    background: #c4d1d8;
    border: 1px solid #8999a2;
    border-radius: 50px;
}
#support-portal a img:hover {
    display: block;
    float: none;
    margin: 20px auto 20px auto;
    padding: 10px;
    background: #8999a2;
    border: 1px solid #8999a2;
    border-radius: 50px;
}
/*----- SWAMI GENOTYPE TEMPLATE ---*/

#swamigeno-top {
    width: 100%;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/swamigeno-bkg.jpg") no-repeat bottom center fixed;
    -webkit-background-size: cover;
    /* For WebKit*/
    
    -moz-background-size: cover;
    /* Mozilla*/
    
    -o-background-size: cover;
    /* Opera*/
    
    background-size: cover;
    /* Generic*/
    
    padding-top: 100px;
    padding-bottom: 100px;
}
#swamigeno-top .inner {
    text-align: center;
    width: 60%;
    float: none;
    margin: 20px auto 40px auto;
    vertical-align: middle;
}
#swamigeno-top img {
    width: 50%;
    height: auto;
}
@media screen and (max-width: 690px) {
    #swamigeno-top .inner {
        width: 60%;
    }
    #swamigeno-top h1 {
        font-size: 40px !important;
        line-height: 55px !important;
    }
    #swamigeno-top h2 {
        font-size: 19px !important;
        line-height: 22px !important;
    }
}
#swamigeno-top h1 {
    font-weight: 300 !important;
    font-size: 45px;
    line-height: 65px;
    color: #00204c;
}
#swamigeno-mid {
    width: 100%;
    text-align: center;
    color: #2a4659;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 1224px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#swamigeno-mid p {
    color: #db7e3b;
    font-size: 28px;
    line-height: 35px;
    padding: 40px;
    font-weight: 200 !important;
}
}
#swamigeno-mid a {
    color: #4ea297;
    text-decoration: underline;
}
#swamigeno-content {
    width: 100%;
    background: #f4a756 url(https://www.4yourtype.com/product_images/uploaded_images/arrow-down.png/) repeat-x bottom center;
    padding: 60px 0px 80px 0px;
    margin-bottom: 50px;
    text-align: center;
    color: #ffdec7;
}
#swamigeno-content h3 {
    color: #ffe3c6;
    font-size: 45px;
    font-weight: 400 !important;
    line-height: 50px;
    padding: 0px 0px 20px 0px;
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#swamigeno-content p {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
    text-align: left;
    font-size: 25px;
    line-height: 23px;
    color: #ffe3c6;
    font-weight: 400 !important;
    max-width: 1224px;
    display: block;
    float: none;
    margin: auto;
    vertical-align: top;
    border: 0px;
    background: none !important;
    padding: 20px 20px 10px 20px;
}
#swamigeno-content ul {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
    text-align: left;
    font-size: 20px;
    line-height: 23px;
    color: #ffe3c6;
    font-weight: 300 !important;
    max-width: 1184px;
    display: block;
    float: none;
    margin: 40px auto;
    vertical-align: top;
    border: 0px;
    background: none !important;
}
#swamigeno-content ul li {
    margin: 15px;
}
#swamigeno-content a {
    color: #ffffff;
    text-decoration: underline;
}
#swamigeno .Content.Wide {
    max-width: 700px;
    width: 90%;
    float: none;
    margin: auto;
}
/*----- SWAMI XPRESS TEMPLATE ---*/

#swami .main {} #swami-top {
    width: 100%;
    background: #ffffff url("https://www.4yourtype.com/product_images/uploaded_images/intro-page-bkg.png") no-repeat top center;
    background-size: 100%;
    padding-top: 100px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
#swami-top .inner {
    text-align: center;
    width: 60%;
    float: none;
    margin: 0px auto 20px auto;
    vertical-align: middle;
}
#swami-top .inner img {
    width: 70%;
    height: auto;
    margin-bottom: 30px;
}
@media screen and (max-width: 690px) {
    #swami-top .inner {
        width: 60%;
    }
    #swami-top h1 {
        font-size: 40px !important;
        line-height: 55px !important;
    }
    #swami-top h2 {
        font-size: 19px !important;
        line-height: 22px !important;
    }
}
#swami-top h1 {
    font-weight: 400 !important;
    font-size: 35px;
    color: #00204c;
    margin-bottom: 30px;
}
#swami-top h2 {
    font-size: 25px;
    line-height: 30px;
    color: #484848 !important;
}
#swami-content {
    width: 100%;
    padding: 10px 0px 80px 0px;
    margin-bottom: 50px;
    text-align: center;
    color: #ffdec7;
}
#swami-content h3 {
    color: #24224f;
    font-size: 45px;
    font-weight: 400 !important;
    line-height: 50px;
    margin-top: 40px;
    padding: 10px 0px 40px 0px;
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#swami-content p.intro {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
    text-align: left;
    font-size: 20px;
    line-height: 25px;
    color: #24224f;
    font-weight: 400 !important;
    max-width: 1224px;
    display: block;
    float: none;
    margin: auto;
    vertical-align: top;
    min-height: 200px !important;
    border: 0px;
    background: none !important;
    padding: 20px 20px 20px 20px;
}
#swami-content p {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #24224f;
    font-weight: 100;
    min-width: 250px;
    max-width: 255px;
    min-height: 256px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #e9e8ed;
    padding: 20px 20px 20px 20px;
    margin: 90px 10px 10px 10px;
}
#swami-content p img {
    display: block;
    text-align: center;
    float: none;
    margin: -70px auto 20px auto;
}
#swami-content a {
    color: #24224f;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 11px 11px 11px 11px;
    background: #e9e8ed;
    border-radius: 50px;
    border: 1px solid #24224f;
}
#swami .Content.Wide {
    max-width: 700px;
    width: 90%;
    float: none;
    margin: auto;
}
/*----- SKINCARE TEMPLATE ---*/

#skincare .inner h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
}
#skincare-top {
    width: 100%;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/skincare-bkg.jpg") no-repeat top center fixed;
    -webkit-background-size: cover;
    /* For WebKit*/
    
    -moz-background-size: cover;
    /* Mozilla*/
    
    -o-background-size: cover;
    /* Opera*/
    
    background-size: cover;
    /* Generic*/
    
    vertical-align: middle;
    padding-top: 150px;
    padding-bottom: 150px;
}
#skincare-top .inner {
    background: rgba(255, 255, 255, 0.5);
    /* 40% opaque white */
    
    border: #ffffff solid 1px;
    border-radius: 10px;
    width: 65%;
    padding: 60px;
    float: none;
    margin: auto;
    vertical-align: middle;
    text-align: center;
}
#skincare-top h1 {
    font-weight: 100 !important;
    font-size: 60px;
    line-height: 70px;
    margin: 20px;
    color: #2fba98;
}
#skincare-top h2 {
    font-weight: 100;
    font-size: 20px;
    line-height: 30px;
    color: #2c5860;
    margin: 30px;
}
#skincare-icons ul {
    width: 100%;
    padding: 30px 0px 30px 0px;
    float: none;
    margin: 10px auto 10px auto;
    text-align: center;
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
}
#skincare-icons ul li {
    display: table-cell;
    padding: 0px;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
}
#skincare-icons h4 {
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
    background: #2fba98;
    vertical-align: middle;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
}
#skincare-content {
    width: 100%;
    background: #2fba98;
    padding: 30px 0px 30px 0px;
}
#skincare-content .grid {
    width: 60%;
    float: none;
    margin: 40px auto 10px auto;
    text-align: center;
    padding-top: 40px;
    border-top: 1px solid #4fceaf;
}
#skincare-content .grid p {
    font-size: 12px;
}
#skincare-content h3 {
    font-size: 35px;
    padding: 30px;
    color: #ffffff;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#skincare-content p {
    font-size: 19px;
    line-height: 25px;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    font-weight: 100;
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 300 !important;
}
/*----- CUSTOM FOOTER ---*/
.footer-links {
    text-align:center;
background: #fff;
margin-bottom:20px;
}
.footer-links .inner{
    border-top:0px;
}
.footer-main {
    max-width: 90%;
    float: none;
    margin: auto;
}
.footer-columns  {
    max-width: 95%;
    float: none;
    margin: auto;
}

.footer-columns p {
    font-size: 13px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.footer-columns h4 {
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 600 !important;
    color: #56a39b;
}
.footer-columns ul li {
    font-size: 13px;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
    color: #000000;
}
.footer-columns li a {
    
    color: #000000;
    font-weight: 500 !important;
    width:100%;
}
.footer-columns li a:hover {
    color: #818181;
    font-weight: bold;
}
.footer-statement {
    vertical-align: middle;
    font-size: 10px;
    width: 100%;
    text-align: center;
    float: none;
    margin: 0px auto 30px auto;
    width: auto;
    display: block;

}
.footer-social{ margin-top: 30px; text-align:center;}
.footer-social img{ padding: 0px 15px;}

.footer-statement p {
    padding-top: 5px;
}
.footer-statement img {
    display: block;
    text-align: center;
    height: 20px;
    width: auto;
    float: none;
    margin: 10px auto 10px auto;
}
.footer #socnet {
    float: none;
    margin: 0px auto 0px auto;
    width: 250px;
    text-align: center;
}
.footer #socnet ul {
    border-top: 0px;
    text-align: center !important;
}
.footer #socnet ul li {
    text-align: center !important;
}

/*-----NEWSLETTER FOOTER---*/


div.newsletter-subscription-Cnt {
    max-width: 680px;
    margin: 0 auto;
    text-align: center !important;
    float: none;
}
div.newsletter-subscription-Cnt ul{
    width: auto !important;
    text-align: center;
    float: none;
    margin: auto;
}
.newsletter-subscription-Cnt #subscribe_form{
    float: none;
    margin: auto;
}
.newsletter-subscription-Cnt h2{
    text-align:center;
}
#SideNewsletterBox .inner h3{
    text-align: center;
    color: #ffffff;
    font-weight: 300 !important;
    font-size: 35px;
    padding-top: 20px;
}

@media screen and (max-width: 768px) { #SideNewsletterBox .inner h3{ font-size: 28px; } }
.newsletter-subscription p {
    font-weight: 300 !important;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    vertical-align: middle;
    padding-top: 0px;
}
.newsletter-subscription img {
    vertical-align: middle;
    margin: 2px 4px 4px 6px;
}


/*----- FOOTER CONTACT CUSTOMER SERVICE ---*/
#footer-contact {
    background: #56a39b;
    color: #fff;
    padding-top: 20px;
    display: block;
}

#footer-contact h4{
    color: #fff;
    font-weight: 600 !important;
    font-size: 20px;
    padding-top:20px;
}
#footer-contact a{
    color: #fff;
}
#footer-contact a:hover{
    text-decoration: underline;
}
#footer-contact p{
    margin-bottom:0px;
    font-weight: normal !important;
    letter-spacing: 1px;
    font-size: 15px;
}
#footer-contact .inner{
     float: none;
     margin: auto;
     width: 80%; 
}

@media screen and (max-width: 768px) { 
#footer-contact img{ display: none;} 
.inner-contact{ display: block; text-align:center; margin:0px;}

}

.inner-contact{
    display: inline;
    vertical-align: text-top;
}



h3.app-icons {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    color: #565656;
}
.app-icons img {
    float: right;
    margin-right: 13px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}
.app-icons img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}
table.affiliate_default {
    float: none;
    margin: 20px auto 20px auto;
    width: 100%;
    text-align: center;
}
#SideCategoryList h4 {
    font-weight: 600 !important;
    letter-spacing: 2px;
}
#SideCategoryList ul li a {
    font-size: 14px !important;
    padding: 11px 11px 11px 14px !important;
}
#SideCategoryList ul li ul li a {
    padding: 11px 11px 11px 28px !important;
}
#home .seal{
    display: none;
}
.seal{
    text-align: center;
    padding: 20px;
}

/*----- CUSTOM QUICKVIEW ---*/

#quick-view-more h5 {
    margin-top: 30px;
    font-weight: 600 !important;
    color: #56a39b !important;
}
#quick-view-more a {
    color: #56a39b !important;
}
/*----- CUSTOM REWARDS PAGE ---*/

#rewards ul li {
    list-style: square url("https://www.4yourtype.com/product_images/uploaded_images/rewards-star.png");
}
/*----- PROFESSIONALS ---*/

.professionals {
}
.professionals a {
   color: #8fa7af !important;
}
.professionals h1.TitleHeading {
   color: inherit;
}
.professionals h1 {
   color: #5e8394;
}
.professionals h2 {
   color: #b1ccd5;
}
.professionals h3 {
   color: #8fa7af;
}
.professionals li {
   border-left: 3px solid #b1ccd5;
   list-style-type:none;
   padding-left: 20px;
   margin: 7px;
}
a.prologin{
    color: #5e8394 !important;
    border: 2px solid #5e8394;
    background: #ffffff;
    border-radius: 30px;
    margin-left: 20px;
}
a.prologin:hover {
    color: #5e8394 !important;
    border: 2px solid #5e8394;
    background: #ffffff;
    text-decoration: none;
    border-radius: 30px;
}

a.probtn{
    color: #ffffff !important;
    border: 2px solid #b1ccd5;
    background: #b1ccd5;
}
a.probtn:hover {
    color: #b1ccd5 !important;
    border: 2px solid #b1ccd5;
    border-radius: 3px;
    background: #ffffff;
    text-decoration: none;
}
.pro-header{

    width: 100%;
    height: auto;
    display:block; 
    margin-bottom: 30px;
    
    background-size: 100%;
    background: #e8f2f1 url("https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/pro-header.png") no-repeat top center;
    -webkit-background-size: cover;
    /* For WebKit*/
    
    -moz-background-size: cover;
    /* Mozilla*/
    
    -o-background-size: cover;
    /* Opera*/
    
    background-size: cover;
    /* Generic*/

}
.pro-header .inner{
    max-width: 960px;
    float:none;
    margin:auto; 
    padding-top: 30px;
    padding-bottom: 30px;
}
.pro-header h1{
    color: #fff;
    font-size: 45px;
    line-height: 100% !important;
    font-weight: 200 !important;  
    padding-top: 30px;
    padding-bottom: 30px;
}
.pro-header p{
    color: #fff;
    font-weight: 200 !important;  
    padding-bottom: 30px;
}
.pro-footer{
    padding: 50px 30px 50px 30px;
    display:block;
    background: #5e8394;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pro-footer h1{
    max-width: 960px;
    float:none;
    margin:auto;
    font-weight: 200 !important;
    font-size: 45px;
    line-height: 100% !important;
    color: #b1ccd5;
}
.pro-footer ul{
    max-width: 960px;
    float:none;
    margin:auto;
    color: #e8f2f1;
}
.pro-footer  ul li {
   border-left: 3px solid #b1ccd5;
   list-style-type:none;
   padding-left: 20px;
   margin: 7px;
}

/*----- SHOPPING CART ---*/

#couponcode {
    border: 1px solid #959595;
}
#giftcertificatecode {
    border: 1px solid #959595;
}
#cont-shop {
    color: #56a39b;
    border: 2px solid #56a39b;
    padding: 6px;
    border-radius: 3px;
    display: block;
    background: url(product_images/uploaded_images/arrow-back-yellow.png) middle left;
}
#cont-shop a {
    color: #56a39b !important;
}
#cont-shop:hover {
    color: #ffffff;
    border: 2px solid #56a39b;
    background-color: #56a39b;
    background-image: url(product_images/uploaded_images/arrow-back-white.png) middle left;
}
#cont-shop a:hover {
    color: #ffffff !important;
}
/*----- PRODUCT PRICE ---*/

.ProductDetailsGrid .DetailRow .ProductPrice {
    font-size: 19px;
    color: #56a39b;
    font-weight: 700;
}
/*-------- CATALOG ------*/

.catalog {
    color: #ffffff;
    border: 2px solid #56a39b;
    border-radius: 3px;
    background: #56a39b;
    padding: 10px;
}
.catalog:hover {
    color: #56a39b;
    border: 2px solid #56a39b;
    border-radius: 3px;
    background: #ffffff;
}
a.catalog {
    color: #ffffff !important;
}
a.catalog:hover {
    color: #56a39b !important;
    text-decoration: none !important;
}


/*----- BUTTONS ---*/
.create-btn{
    color: #ffffff !important;
    border: 2px solid #56a39b;
    background: #56a39b;
padding: 10px;
margin-top:20px;
}
a.teal{
    color: #ffffff !important;
    border: 2px solid #56a39b;
    background: #56a39b;
}
a.teal:hover {
    color: #56a39b !important;
    border: 2px solid #56a39b;
    border-radius: 3px;
    background: #ffffff;
    text-decoration: none;
}

a.btn-teal{
    padding: 3px;
    display: block;
    text-align:center;
    font-size: 12px;
    color: #ffffff !important;
    border: 2px solid #56a39b;
    background: #56a39b;
    text-transform: uppercase;
    letter-spacing: 2px;
}
a.btn-teal:hover {
    color: #56a39b !important;
    border: 2px solid #56a39b;
    background: #ffffff;
    text-decoration: none;
}

a.btn-white{
    padding: 6px 16px 6px 16px;
    margin-left: 19px;
    text-align:center;
    font-size: 12px;
    color: #f6c76d !important;
    border: 2px solid #ffffff;
    border-radius: 6px;
    background: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
   vertical-align: top;
}
a.btn-white:hover {
    color: #ffffff !important;
    border: 2px solid #ffffff;
    background: none;
    text-decoration: none;
}

a.btn-orange{
    padding: 6px 16px 6px 16px;
    text-align:center;
    font-size: 12px;
    color: #ffffff !important;
    border: 2px solid #ef881a;
    border-radius: 6px;
    background: #ef881a;
    text-transform: uppercase;
    letter-spacing: 2px;
}
a.btn-orange:hover {
    color: #ef881a !important;
    border: 2px solid #ef881a;
    background: none;
    text-decoration: none;
}

a.btn-grey{
    padding: 3px;
    display: block;
    text-align:center;
    font-size: 12px;
    color: #ffffff !important;
    border: 2px solid #525252;
    background: #525252;
    text-transform: uppercase;
    letter-spacing: 2px;
}
a.btn-grey:hover {
    color: #525252 !important;
    border: 2px solid #525252;
    background: #ffffff;
    text-decoration: none;
}

/*----- DietBuddy ---*/

a.btn-buddy {
    text-align: center;
    background: #ef881a; 
    padding: 8px 19px 8px 19px;
    text-align: center;
    font-size: 18px;
    color: #ffffff !important;
    border: 2px solid #ef881a;
    background: #ef881a;
    border-radius: 8px;
}
a.btn-buddy:hover {
    color: #ef881a !important;
    border: 2px solid #ef881a;
    background: #ffffff;
    text-decoration: none;
}
@media only screen and (max-width: 1000px) {
    .dietbuddy-header p{font-size: 14px !important;}
    .dietbuddy-header h1{font-size: 20px !important; line-height: normal;}
    .dietbuddy-hightlights p{font-size: 14px !important;}
    .dietbuddy-hightlights h1{font-size: 34px !important;}
}

.dietbuddy-header{
    padding: 60px 40px 60px 40px;
    margin-bottom: 40px;
    background-color: #fff9dc;
    background-image: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/dietbuddy-woman-shopping-bkg3.png');
    background-position: center right;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.dietbuddy-hightlights{
    padding: 20px;    
    max-width: 1200px; 
    float: none; 
    margin: auto; 
}
ul.db-list{
    font-size: 16px; 
    float: none; 
    margin: 16px auto; 
}

@media only screen and (max-width: 1000px) {
    a.btn-white{
        vertical-align: bottom !important;
        margin-top: 30px !important;
        display:block;
    }
    ul.db-list li{
        display: block;
        width: 80% !important;
        margin-left: 0px !important; 
        vertical-align: top;
        background-size: 80px 75px !important;
        padding-left: 90px !important;
        font-size: 14px !important;
    }

}

ul.db-list li{
    display: inline-block;
    width: 30%;
    margin-left: 40px; 
    padding-right: 0px; 
    vertical-align: top;
    padding-left: 160px;
    padding-top: 3px;
}
ul.db-list li.compliance{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/db-compliance-icon2.png') no-repeat left top;
}

ul.db-list li.buddies{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/db-buddies-icon2.png') no-repeat left top;

}
ul.db-list li.mealplan{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/db-mealplan-icon2.png') no-repeat left top;
}

ul.db-list li.track{
    background: url('https://cdn6.bigcommerce.com/s-0cordqo/product_images/uploaded_images/db-track-icon2.png') no-repeat left top;
}


/*----- SUPPLEMENT ADVISOR ---*/

p.btn-advisor{
    text-align: center;
    background: #ef881a; 
    height: 1px; 
    margin-top: 10px;
}
.btn-advisor a{
    display: initial !important;
    padding: 10px 29px 10px 29px;
    text-align:center;
    font-size: 18px;
    color: #ffffff !important;
    border: 2px solid #ef881a;
    background: #ef881a;
    border-radius: 8px;
    position:relative; 
    top:-10px; 
}
.btn-advisor a:hover {
    color: #ef881a !important;
    border: 2px solid #ef881a;
    background: #ffffff;
    text-decoration: none;
}
.supp-advisor-top{
    background: #fce9d5;
    padding: 90px 40px 0px 40px;
}
.supp-advisor-top h2{
    text-align:left !important;
    color: #404040 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    max-width: 1000px;
    float:none;
    margin: auto;
}
.supp-advisor-top h2 span{
    color: #ef881a !important;
    font-size: 37px !important;
    font-weight: 300 !important;
line-height: 50px !important;
}
.supp-advisor-top p{
    color: #404040;
    font-size: 29px;
    font-weight: 300 !important;
    line-height: normal;
    max-width: 1000px;
    float: none;
    margin: auto;
}
.supp-advisor-top span{
    color: #ef881a !important;
}
.supp-advisor-top img{
    float: right;
}
.supp-advisor-top table{
    background: #ffffff;
    max-width: 1000px;
    float:none;
    margin: 40px auto 0px auto;
    border:0px;
}
.supp-advisor-top table td{
    border:0px;
}
.supp-advisor-top table h3{
    color: #404040;
    font-size: 29px;
    font-weight: 300 !important;
    line-height: normal;
    margin-bottom:10px;
}
.supp-advisor-top table p{
    color: #8f796d;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: normal;
    margin-bottom:10px;
}
@media only screen and (max-width: 480px){
    /* rules defined inside here are only applied to browsers that support CSS media queries and the browser window is 480px or smaller */
.supp-advisor-top table td{ display:block; width: 98%;}
.supp-advisor-top img{ display: none;}
.supp-advisor-top h2{ font-size: 18px !important;}
.supp-advisor-top h2 span{ font-size: 32px !important;}
.supp-advisor-top p{ font-size: 20px;}
.supp-advisor-top{ background-size: 160%; padding: 40px 15px 0px 15px;}
.supp-advisor-top table img{ width: 96% !important; display:block; padding-bottom: 20px;}
.supp-advisor-top table h3{ font-size: 25px;}
  }


.supp-advisor-bottom{
    max-width: 1000px;
    float:none;
    margin: auto;
}
.supp-advisor-bottom p{
    color: #404040;
    font-size: 18px;
font-weight: 300 !important;
}
.supp-advisor-bottom p strong{
font-weight: 500 !important;
}
.supp-advisor-bottom table{
    max-width: 1000px;
    float:none;
    margin: auto auto 40px auto;
    border:0px;
}
.supp-advisor-bottom table td{
    border:0px;
}
@media only screen and (max-width: 480px){
    /* rules defined inside here are only applied to browsers that support CSS media queries and the browser window is 480px or smaller */
.supp-advisor-bottom td{ display:block; width: 90%;}
  }


p.btn-advisor{
    text-align: center;
    background: #ef881a; 
    height:1px; 
    margin-top: 10px;
}
.btn-advisor a{
    display: initial !important;
    padding: 10px 29px 10px 29px;
    text-align:center;
    font-size: 18px;
    color: #ffffff !important;
    border: 2px solid #ef881a;
    background: #ef881a;
    border-radius: 8px;
position:relative; top:-10px; left: 20px;
}
.btn-advisor a:hover {
    color: #ef881a !important;
    border: 2px solid #ef881a;
    background: #ffffff;
    text-decoration: none;
}





/*----- CHECKOUT ---*/

.ExpressCheckout .btn {
    color: #ffffff;
    border: 2px solid #56a39b;
    background: #56a39b;
}
.ExpressCheckout .btn:hover {
    color: #56a39b;
    border: 2px solid #56a39b;
    border-radius: 3px;
    background: #ffffff;
}
.ExpressCheckout a:hover {
    color: #56a39b !important;
}
/*----- SUBCAT BTN ---*/

ul.subcat-btn {
    margin-left: 0px;
    padding-left: 0px;
}
.subcat-btn li {
    margin-left: 10px 15px 10px 0px;
    display: inline-block;
}
.subcat-btn li a {
    color: #7e7e7e;
    background: #f0efee;
    border-radius: 3px;
    padding: 6px 30px 6px 30px;
}
.subcat-btn li a:hover {
    color: #ffffff;
    background: #7e7e7e;
}
a.subcat-active {
    color: #ffffff !important;
    background: #7e7e7e !important;
}
/*----- RED BUTTON ---*/

#ProductWarranty .btn {
    color: #ffffff;
    border: 2px solid #56a39b;
    background: #56a39b;
}
#ProductWarranty .btn:hover {
    color: #56a39b;
    border: 2px solid #56a39b;
    border-radius: 3px;
    background: #ffffff;
}
#ProductWarranty .btn a:hover {
    color: #56a39b !important;
}
/*----- CATEGORY PRODUCTS 
.ProductCompareButton{
display: table-cell;
vertical-align:middle;
float:left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px !important;
font-family:'Lato',Arial,Sans-serif !important; font-weight: 400 !important;
border-right: 1px solid #cccccc;
padding-right: 15px;
}

.ProductActionAdd .btn{
display: table-cell;
vertical-align:middle;
float: right;
padding: 0px 8px 0px 8px;

letter-spacing: 2px;
font-size: 11px !important;
font-family:'Lato',Arial,Sans-serif !important; font-weight: 400 !important;
}----*/

div.QuickViewBtn {
    width: 90%;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px !important;
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
    padding: 10px;
    background-color: #56a39b !important;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}
/*-----  BELLY BLAST PROGRAM ---*/

h1.belly-blast {
    max-width: 1024px;
    float: none;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #6a2c91;
    font-size: 50px;
    line-height: 58px;
    font-family: 'Lato', Arial, Sans-serif !important;
}
.belly-blast h2 {
    padding: 10px 0px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato', Arial, Sans-serif !important;
}
h3.belly-blast {
    color: #6a2d91;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato', Arial, Sans-serif !important;
}
h4.belly-blast {
    color: #6a2d91;
    font-weight: 200;
    text-align: center;
    font-size: 50px;
    font-family: 'Lato', Arial, Sans-serif !important;
}
p.belly-blast {
    color: #494949;
    max-width: 1000px;
    float: none;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    clear: both;
    display: block;
}
p.belly-blast a {
    color: #6a2c91;
    text-decoration: underline;
}
.belly-blast p {
    color: #494949;
    font-size: 17px;
    padding: 10px;
}
table.belly-blast {
    max-width: 1024px;
    width: 100%;
    border: 0px;
    vertical-align: middle;
}
table.belly-blast tr {
    border: 0px;
    padding: 5px;
    vertical-align: middle;
}
table.belly-blast td {
    border: 0px;
    padding: 5px;
    vertical-align: middle;
}
.purple-band {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 351px;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/purple-band.png") no-repeat center center;
    margin: 0px;
}
.purple-band p {
    margin: auto;
    float: none;
    width: 50%;
    font-size: 18px;
    font-weight: 300 !important;
    vertical-align: middle;
    color: #ffffff;
}

#metabolism-steps p{
    text-align:center  !important;
}
#metabolism-steps div{
    display: table;
}
#metabolism-steps div{
    display: table-cell;
    padding: 30px;
    width: 28%;
    text-align:center  !important;
}
@media only screen and (max-width: 768px) {
    #metabolism-steps div{
        width: 89% !important;
        padding: 30px;
        display: block;
        vertical-align: top;
    }
}
#metabolism-pack{
    display: table;
}
#metabolism-pack div{
    display: table-cell;
    width: 22%;
}
@media only screen and (max-width: 900px) {
    #metabolism-pack div{
        width: 89% !important;
        display: block;
        vertical-align: top;
    }
}



/*-----GETTING STARTED ---*/
#getting-started{}
#getting-started #top{
}
#getting-started #top .inner{
    width: 100%;
    height: auto;
}
#getting-started #top img{
    width: 100%;
    height: auto;
}
#getting-started #top a{
    cursor: pointer !important;
}
#getting-started strong{
    color: #86b9b1;
    font-weight: 400 !important;
}

.getting-started-book {
    float: none;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
.getting-started-book tr{
    border: none;
}
.getting-started-book td{
    border: none;
}
@media only screen and (max-width: 560px) {
    .getting-started-book td {display: table-row; text-align:center;}
    .getting-started-book p { text-align:center !important;}
    .getting-started-book p { text-align:center !important;}
}
.getting-started-book img {
    width: 220px;
    height: 220px;
}
.getting-started-book p {
    font-size: 18px;
    font-weight: 300 !important;
    text-align: left;
    padding: 0px;
vertical-align: middle;
}

#getting-started-steps {
    background: #ddecea;
    float: none;
    margin: 15px auto 60px auto;
    padding: 50px 40px 20px 40px;
    height: auto;
    min-height: 400px;
}
#getting-started-steps h1 {
    color: #4c4c4c;
    font-size: 40px;
    font-weight: 300 !important;
    text-align: center;
    margin-bottom: 15px;
}
#getting-started-steps h2 {
    font-size: 20px;
    line-height: 100%;
    max-width: 740px;
    float: none;
    margin: auto;
    text-align: center;
}
#getting-started-steps h2,
h3,
h4 {
    color: #4a5764;
}
#getting-started-steps .step {
    width: 33% !important;
    padding: 30px;
    display: table-cell;
    vertical-align: top;
}
@media only screen and (max-width: 768px) {
    #getting-started-steps .step {
        width: 89% !important;
        padding: 30px;
        display: block;
        vertical-align: top;
    }
}
#getting-started-steps>div h1 {
    font-size: 50px;
    background: #fff;
    border: 1px solid #ffffff;
    border-radius: 130px;
    width: 33px;
    height: 33px;
    float: none;
    margin: auto;
    font-weight: 200 !important;
    text-align: center;
    padding: 15px 20px 25px 20px;
}
#getting-started-steps>div h3 {
    text-align: center;
    font-weight: 600 !important;
    color: #4c4c4c;
    font-size: 20px;
    margin-top: 20px;
}
#getting-started-steps>div p {
    text-align: center;
    font-size: 16px;
    font-weight: 300 !important;
}
#getting-started-steps>div p a{
    font-weight: 600 !important;
}


#getting-started .productlist-page{
    display:none;
}

/*-----NEWBIE TEMPLATE ---*/

#newbies .main .content {
    margin: 40px;
}
#newbie-top {
    width: 100%;
    background: url("https://www.4yourtype.com/product_images/uploaded_images/newbie-bkg.jpg") no-repeat top center fixed;
    -webkit-background-size: cover;
    /* For WebKit*/
    
    -moz-background-size: cover;
    /* Mozilla*/
    
    -o-background-size: cover;
    /* Opera*/
    
    background-size: cover;
    /* Generic*/
    
    vertical-align: middle;
    padding-top: 150px;
    padding-bottom: 150px;
}
#newbie-top .inner {
    background: rgba(255, 255, 255, 0.6);
    /* 40% opaque white */
    
    border: #ffffff solid 1px;
    border-radius: 10px;
    width: 60%;
    padding: 60px;
    float: none;
    margin: auto;
    vertical-align: middle;
}
@media screen and (max-width: 690px) {
    #newbie-top .inner {
        width: 60%;
    }
    #newbie-top h1 {
        font-size: 40px !important;
        line-height: 55px !important;
    }
    #newbie-top h2 {
        font-size: 19px !important;
        line-height: 22px !important;
    }
}
#newbie-top h1 {
    font-weight: 100;
    font-size: 62px;
    line-height: 70px;
    margin-bottom: 40px;
    color: #8b3124;
}
#newbie-top h2 {
    font-size: 25px;
    line-height: 30px;
    color: #4a5764 !important;
}
.newbie-middle {
    max-width: 1024px;
    padding: 40px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
}
.newbie-middle img {
    float: left;
    width: auto;
    height: auto;
    width: 300px;
    height: 300px;
}
.newbie-middle p {
    font-size: 20px;
    font-weight: 300 !important;
    text-align: left;
    max-width: 950px;
}
.newbie-success {
    clear: both;
    text-align: center;
    margin: 30px;
border-top: 1px solid #ebebeb;
padding: 30px;
}
.newbie-success h3 {
    color: #4a5764;
    max-width: 1024px;
    padding: 40px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600 !important;
    font-size: 25px;
}
.newbie-success p {
    font-size: 25px;
    font-weight: 300 !important;
    line-height:100%;
    max-width: 740px;
    float: none;
    margin: auto;
    padding: 10px;
    font-family: 'Lato', Arial, Sans-serif !important;
} 
.newbie-success strong {
    color: #4a5764 !important;
    font-weight: 700 !important;
} 


table.newbie-support  {
    float:none;
    margin: auto;
    border: none;
}
.newbie-support td {
    border: none;
}
@media only screen and (max-width: 560px) {
    .newbie-support td {display: table-row;}
}

.newbie-support tr {
    
}
.newbie-support h2 {
    color: #4a5764;
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300 !important;
    font-size: 27px;
}
.newbie-support p {
    font-size: 17px;
}
.newbie-support img {
max-width: 500px;
height: auto;
}
.newbie-support a {
color:#56a39b;
}

#newbie-steps {
    background: url("https://www.4yourtype.com/product_images/uploaded_images/newbie-arrow.jpg") repeat-x top center;
    width: 100%;
    float: none;
    margin: 60px auto 60px auto;
    padding-top: 60px;
    height: auto;
    min-height: 400px;
}
#newbie-steps h1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 300 !important;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}
#newbie-steps h2 {
    max-width: 1024px;
    float: none;
    margin: auto;
    text-align: center;
}
#newbie-steps h2,
h3,
h4 {
    color: #4a5764;
}
#newbie-steps>div {
    width: 20%;
    padding: 20px;
    display: table-cell;
    vertical-align: top;
}
@media only screen and (max-width: 768px) {
    #newbie-steps>div {
        width: 89% !important;
        padding: 20px;
        display: block;
        vertical-align: top;
    }
}
#newbie-steps>div h1 {
    font-size: 120px;
    background: #652118;
    border: 1px solid #ffffff;
    border-radius: 130px;
    width: 60px;
    height: 60px;
    float: none;
    margin: auto;
    font-weight: 100 !important;
    text-align: center;
    padding: 50px;
}
#newbie-steps>div h2 {
    font-size: 30px;
    text-align: center;
    font-weight: 300 !important;
    margin: 20px;
}
#newbie-steps>div h3 {
    text-align: center;
    font-weight: 600 !important;
    color: #8a2f22;
    font-size: 20px;
}
#newbie-steps>div p {
    text-align: justify;
}
a.success-btn {
    margin-top: 50px;
    padding: 13px 30px 13px 30px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #882f21;
    border: 2px solid #882f21;
    border-radius: 4px;
    text-decoration: none !important;
}
a.success-btn:hover {
    text-decoration: none;
    color: #ffffff !important;
    background: #882f21;
    border-radius: 4px;
}
a.newbie-btn {
    margin: 50px;
    padding: 13px 30px 13px 30px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #d7dee4 !important;
    background: #4a5764;
    border: 1px solid #4a5764;
    border-radius: 3px;
    text-decoration: none !important;
}
a.newbie-btn:hover {
    text-decoration: none;
    color: #4a5764 !important;
    border: 1px solid #4a5764;
    background: #ffffff;
    border-radius: 3px;
}
#newbies .CategoryDescription p {
    text-align: center !important;
}
#newbies .CategoryDescription h1 {
    font-size: 39px;
}
a.white-border-button {
    padding: 20px 30px 20px 30px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #56a39b;
    border-radius: 5px;
}
a.white-border-button:hover {
    color: #56a39b;
    border: 1px solid #ffffff;
    background: #ffffff;
    border-radius: 5px;
}

/*----- TOP MENU -----*/

.TopMenu {
    font-size: 13px;
margin-bottom:0px;
}
.TopMenu .inner {
    padding: 0px 0px 0px 0px;
}
.TopMenu .inner ul li {
    margin-left: 0px !important;
    border-right: 1px solid #b1b1b1;
}
.TopMenu li a {
    margin: 0px !important;
    font-size: 13px;
    padding: 10px 16px 10px 15px;
}



/*Cart*/

.CartLink {
    width: auto;
    height: auto;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 00%;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cart-btn{
    margin-left: -10px !important;
}
li.cart-btn {
    margin: 0px 0px 0px -10px !important;
    padding:0px;

}
li.cart-btn a{
    margin:0px;
}
.cart-btn a{
    color:#fff;
    background: #49867c;
    text-align:center;
  
    padding:0px;padding-right:4px;
}
.cart-btn a:hover{
    color:#1b1b1b;
    background: #aad2cc;
}
.CartLink{
    color:#fff;
    background: #49867c;
}
.CartLink:hover{
    color:#1b1b1b;
    background: #aad2cc;
}


.CurrencyWrapper { 
    background: #1b1b1b;
}
.selected-currency{ 
margin-top: 9px;
margin-right: 10px;
}
a.changeCurr{ 
padding-top: 9px;
}


/*----- HEADER -----*/

.header {
    padding: 0px;
}
#
Header{
    padding: 0px;
    margin: 0px;
}
#Header .inner{
    padding-top: 0px;
    margin-top: 0px;
}

.header-secondary{
    margin-top: 3px;
}
#header-social{
    text-align: right;
}
#header-social img{
    margin: 15px 7px 0px 4px;
    width: 22px;
    height: 22px;
}
#header-social a{
    opacity: 0.6;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
#header-social a:hover{
    opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

@media screen and (max-width: 768px) {
/* Hide */
.header .header-secondary{ display:none !important; }
}

.header-logo-mobile{ margin-top: 25px; }



/*----- PAGE MENU -----*/

div.PageMenu {
    display: block; margin-top:-12px;
    height: auto;
    padding: 0px 70px 0px 70px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
.pages-menu {
    font-size: 12px;
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 500 !important;
    width: 99%;
}
.pages-menu ul {
} 
.pages-menu li{
    padding:0px;
}
.pages-menu li a{
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 16px 15px 16px !important;
}

.pages-menu li.HasSubMenu li {
    letter-spacing: 0px;
}
.pages-menu li.over {
    border-radius: 0px;
}

.pages-menu li:last-child a {
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 13px !important;
}
.pages-menu .sfHover li a{
    letter-spacing: 0px !important;
}

.pages-menu .sfHover li:last-child a {
    color: #fff;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 14px;
}




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

.pages-menu li:last-child{ 
    float: none !important;
    background: inherit;
display:none;
}
.pages-menu li:last-child a {
    color: inherit;
    text-transform: uppercase;
    letter-spacing: inherit;
    font-size: inherit;
}

}


/*----- SEARCH HEADER -----*/

#SearchForm { 
    background: #ffffff;
    border: 1px solid #999;
    padding: 8px;
    margin:  0px 0px 0px 0px;
vertical-align: middle;
color: #000000 !important;
}
#SearchForm .Button{
color: #000000 !important;
}
#SearchForm #search_query {
    width: 320px;
color: #000000 !important;
}
.mobile #SearchForm {
    border: 0px solid #6c6c6c;
    background: none;
color: #000000 !important;
}





/*-----  STAFF PICKS  ---*/

table.product-table {
    float: none;
    margin: 30px auto;
}
table.product-table td {
    border: 1px solid #dcdcdc;
}
a.picks-button2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    padding: 5px 15px 5px 15px;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px -1px 0px #ffffff;
}
a.picks-button2:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}
a.picks-button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    padding: 5px 10px 5px 10px;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px -1px 0px #ffffff;
}
a.picks-button:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}
/*----- BANNER ADS---*/

.banner_category_page_top {
    width: 100%;
}

/*----- DEFLECT AD---*/

.banner_category_page_top .deflect-ad {
    display: block;
    width: 100%;
    height: auto;
}

/*----- PERSONALIZED POINTS ---*/

#points-content {
    font-family: 'Lato', Arial, Sans-serif !important;
    font-weight: 400 !important;
    width: 100%;
    background: #c0e1da url(https://www.4yourtype.com/product_images/uploaded_images/arrow-down.png/) repeat-x bottom center;
    padding: 60px 0px 80px 0px;
    margin-bottom: 50px;
    text-align: center;
    color: #86b8b2;
    font-size: 30px;
}
a.green-btn {
    margin-top: 50px;
    padding: 13px 30px 13px 30px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #86b8b2 !important;
    border: 2px solid #86b8b2;
    border-radius: 4px;
    text-decoration: none !important;
}
a.green-btn:hover {
    text-decoration: none;
    color: #ffffff !important;
    background: #86b8b2;
    border-radius: 4px;
}
#sloyalty-loyaltyprogram-points {
    display: none;
}

#sloyalty-header iframe{
    background: #86b8b2 !important;
}

/*Added By VertiSugir, 7/21/2015 -02109323*/

.Loader {
    display: none !important;
}
/*Added by BC STAFF Case 02201754 CP*/

#CVV2Input input {
    width: 70px;
}
/*End Case 02201754*/

#sel_billing_address {
    margin-bottom: 20px;
    height: 50px;
}

/*Added by BC STAFF case 02790562 CP*/
#CartContent > div > div:nth-child(1) > div.ProceedToCheckout.FloatRight > div:nth-child(3) {
    display:block;
}

#fastCartWrapper > div.fastCartContent > div.fastCartTop > div.fastCartSummaryBox > div.ProceedToCheckout > div:nth-child(2) {
    display:none;
}

p {
    line-height: 21px;
    font-size:15px !important;
    font-weight:300  !important;
    margin-bottom: 20px;
}
li {
font-weight:300 !important;
line-height: 24px !important;
 font-size:15px !important;
     
}

strong, b {
    font-weight: 500 !important;
}

.SortBox label, .SearchSorting label {
    float: left;
    font-size: 15px;
    padding: 10px 10px 0 0;
    margin-top:-10px;
}



.Left #SideCategoryList li li a, .Left .slist li li a {
    background: #ecfdfc;
    border-bottom: 1px solid #e3ebe7;
}

#SideCategoryList h4 {
    font-weight: 400 !important;
    font-size:.9em;
    letter-spacing: 3px;
}
.Left h4, .Right h4 {
    background: #56a39b;
    color: #fff;
}
.Left #SideCategoryList li li li a, .Left .slist li li li a {
    background: #f6fdfd;
    padding-left: 50px;
}
.PageMenu ul :hover{background:#effcfc }

/*----- NAVIGATION DROPDOWN ---*/

.sf-with-ul:hover {
    background: #effcfc !important;
    color: #000 !important;
 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.HasSubMenu ul li {
    border-bottom: solid 1px #dfdfdf !important;
     
}

.pages-menu li:last-child{
    float: right !important;
    text-transform: uppercase;
    background: #effcfc;
}

.pages-menu .sfHover li:last-child{
    float: left !important;
    background: #effcfc;
}

.Left #SideCategoryList, .Left .slist, .Left #SideShopByBrand, .Left #SideCategoryShopByPrice, .Right #SideBrandTagCloud {
    background: #effcfc;
}
.HasSubMenu ul li:last-child {
    border-bottom: solid 0px #dfdfdf !important;
    background: #effcfc !important;
}

.PageMenu ul a{
	color:#202020
	}

  

.PageMenu li ul,.PageMenu .sf-menu li:hover{
	background:#effcfc;
	
	}
	
.PageMenu li ul li a,.PageMenu li.HasSubMenu.over ul li a,.PageMenu .sf-menu li a:hover,.PageMenu .sf-menu li:hover a{
	color:#56a39b
	}

 /*End case 02790562*/