@charset "UTF-8";
/* CSS Document */

* {
        margin: 0;
        padding: 0;

}
body {
   /* background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #A7AFAF;
    background-image: url("../images/bg_gray.png"), linear-gradient(to bottom, #707578 0%, #A7AFAF 22%, #A7AFAF 100%);
    background-origin: padding-box, padding-box;
    background-position: 0 0%, 0 0;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;*/
    font-family: Helvetica,Arial,sans-serif;
}
a {
    color: #505050;
    text-decoration: none;
}
a:hover {
    color: black;
}
#Content h2 {
        color: #40b108;
        font-size:34px;
        text-transform:uppercase;
        background-image:none;
        margin-top:25px;
        line-height:38px;
}
div.TabbedBoxDisclaimer {
    border: 1px dotted black;
    font-size: 8px;
        color: #666666;
    margin-left: 0;
    margin-right: 7px;
    margin-top: 40px;
    padding: 3px;
}
#navbar {
    background: url("http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/common/green_bg_header.gif") repeat-x scroll 0 0 transparent;
    /*border: 1px solid transparent;*/
    height: 117px;
        margin-bottom:0px;
    /*margin: 0 auto 10px;
    width: 960px;*/
}
#navbar .navbox{
        margin:0 auto;
        border:1px solid transparent;
        width:960px;
        /*width:1080px;*/
        height:74px;
}

#navbar ul {
    margin-left: 220px;
}
#navbar ul li {
    float: left;
    font-size: 13px;

    letter-spacing: 1px;
    list-style: none outside none;
    /*padding: 25px 10px;*/
        padding: 25px 6px;
    text-transform: uppercase;
}
#navbar ul li a {
    color: #ffffff;
    text-decoration: none;
}
#navbar ul li a:hover {
    color: black;
}
#navbar .subnavbox{
        margin:0 auto;

        width:960px;
        height:33px;
}
#navbar .subnavbox ul {
    margin-left:0px;
}
#navbar .subnavbox ul li {
    float: left;
    font-size: 10px;

    letter-spacing: 1px;
    list-style: none outside none;
    padding: 3px 10px;
    text-transform: uppercase;
}
#navbar .subnavbox ul li a {
    color: #505050;
    text-decoration: none;
}
#navbar .subnavbox ul li a:hover {
    color: black;
}

#loginLayer {
    /*border-radius: 5px;
    margin-left: 710px;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 80px;
    width: 200px;*/
}
#loginLayer p {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 3px;
}
#Content #promotion h1 {
    font-family: Helvetica,Arial,sans-serif;
}

h2 {
    background: url("http://static.gnld.com.s3.amazonaws.com/common/images/greenbar.gif") no-repeat scroll left bottom transparent;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 26px;
    font-weight: 100;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#Content #promotion h3 {
        color:#333333;
        font-weight:normal;
        font-size: 20px;
        padding-left:8px;
}
.checkmark{
        padding-left:30px;
        color:#b02413;
        font-size:14px;
        font-weight:bold;
        text-transform:uppercase;
}
.newBtn {
    background: -moz-linear-gradient(center top , #88B157 5%, #567C28 100%) repeat scroll 0 0 #88B157;
    border: 1px solid #608F27;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px 0 #A6C77B inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-size: 21px;
    font-weight: normal;
    margin-left: 5px;
    padding: 11px 39px 11px 49px;
    text-decoration: none;
    text-shadow: 1px 1px 2px #11571C;
    text-transform: uppercase;
    white-space: nowrap;
}
.newBtn img {
    margin-left: -55px;
    margin-top: -6px;
    position: absolute;
}
.newBtn:hover {
    background: -moz-linear-gradient(center top , #567C28 5%, #88B157 100%) repeat scroll 0 0 #567C28;
    color: white;
}
.newBtn:active {
    position: relative;
    top: 1px;
}
.newBtnGray {
    background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
    border: 1px solid #757575;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #363436;
    display: inline-block;
    font-family: arial;
    font-size: 21px;
    font-weight: normal;
    margin-left: 5px;
    padding: 11px 39px 11px 49px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    text-transform: uppercase;
    white-space: nowrap;
}
.newBtnGray img {
    margin-left: -55px;
    margin-top: -6px;
    position: absolute;
}
.newBtnGray:hover {
    background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;
}
.newBtnGray:active {
    position: relative;
    top: 1px;
}
ul#steps {
    border-radius: 5px 5px 5px 5px;
    height: 40px;
    margin: 0;
    padding: 0;
}
ul#steps li {
    color: #888888;
    float: left;
    list-style: none outside none;
    padding: 10px 20px 10px 33px;
    text-transform: uppercase;
}
ul#steps li.select {
    background: url("http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/steps.png") no-repeat scroll 10% 50% transparent;
    color: #000000;
}
.PromoteKit {
    background: url("http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/product_bg.gif") repeat-x scroll left bottom transparent;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
}
#KitSelector_BasicDistributorKit, #KitSelector_Club250, #KitSelector_Club500, #KitSelector_Club1000 {
    height: 300px;
}
.PromoteKit {
    background:white url("http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/product_bg_1.gif") repeat-x scroll center bottom;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
}
#Content div.PromoteKit h3 {
    background-color: #76C400;
    color: #FFFFFF;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-top: 6px;
    margin: 0;
    text-transform: uppercase;
        font-size:18px;

}
#Content div.PromoteKit a {
    text-decoration:none;
}
.PromoteKit img{
        padding:5px;
}
.PromoteKit .box{
        padding:0px 20px 20px 20px;
}
.PromoteKit .mText{
        height:140px;
}
.PromoteKit .small{
        font-size:10px;
        text-align:right;
        line-height:12px;
}
.PromoteKit h6, .PromoteKit h5 {
    color: #6C6C6C;
    font-size: 13px;
    font-weight: bold;
    padding-top: 20px;
}
.PromoteKit.span3 {
    width: 220px;
        margin-right:10px
}
.KitPrice {
    font-size: 9px;
}
.KitPrice b {
    color: #39980C;
    font-size: 12px;
}
.KitPrice span {
    color: #B30000;
    font-size: 12px;
    font-weight: bold;
}
.KitPrice strong {
    color: #0099ff;
    font-size: 32px;
}
.showPrice {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    padding: 5px;
}
.showPrice div.price {
    float: left;
    padding-top: 10px;
    text-align: right;
    width: 130px;
}
.showPrice div.price em {
    font-size: 12px;
    line-height: 5px;
    vertical-align: super;
}
.showPrice div.details {
    float: left;
    width: 100px;
}
.clear {
    clear: both;
}
.PromoteKit .PromoteKitAction button {
    margin-left: 10px;
}
.PromoteKitAction a.wide {
        width:160px;
}
.mainMess {
    padding: 30px;
}
#prodMain {
    padding-top: 0;
}
#prodMain .Kit {
    margin-top: 20px;
}
#prodMain .Kit h1 {
    margin-top: 30px;
}
.additionProd .Kit div {
    border-color: #DCDCDC;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 2px 2px 1px;

    padding: 10px 40px;
}
.additionProd .Kit {
    background: linear-gradient(to bottom, #FEFFFF 0%, #F6F6F6 100%) repeat scroll 0 0 transparent;
    margin-left: 40px;
}
.additionProd .Kit span{
    display:none;
}
#Content div.Kit h3 {
        font-size: 16px;
        font-weight: 100;
        color:#40B108;
        line-height:26px;
}
.additionProd img {
}
.TabbedBoxDisclaimer {
    line-height: 12px;
}
.btnDetails {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #888888;
    display: none;
    font-size: 13px;
    margin-left: -20px;
    margin-top: 35px;
    padding: 20px;
    position: absolute;
    text-align: left;
    text-transform: none;
    width: 200px;
}
.pagePadding {
    padding-left: 30px;
}


.greyTextBG {
        font-size: 12px;
        color: #666;
}

ul.floatleft{
margin:0px;
}
ul.floatleft li{
float:left;
list-style:none;
margin-left:10px;
}
ul.floatleft li:first{
margin-left:0px;
}
.smalltip{
        font-size:12px;
        width:160px;
        line-height:12px;
        padding-top:8px;
        padding-left:8px;
        color:#333;
}

.neolifeLink {
        color:#7ec437;
}

.btn-success {
    background-color: #7fc241;
    background-image: linear-gradient(to bottom, #7fc241, #6ea738);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #6fa838;
    color: #FFFFFF;
}

.btn-gregLarge {
        color: #73cd1f;
    background-color: #616161;
    background-image: linear-gradient(to bottom, #616161, #2a2a2a);
        border-radius: 8px 8px 8px 8px;
    font-size: 19px;
    padding: 30px 30px;
}

.btn-gregLarge:hover, .btn-gregLarge:active, .btn-gregLarge.active, .btn-gregLarge.disabled, .btn-gregLarge[disabled] {
        background-color: #2a2a2a;
    color: #80e91e;
}
.footers {
    font-size:10px;
        color:#FFFFFF;
        padding-left:10px;
        padding-top:10px;
        padding-bottom:10px;
}

/* ----------------------- profile bar -----------------------*/

.profile {
        color: #6C6C6C;
    font-size: 11px;
        line-height:0.8em;


}

.profileName {
    color: #7EC437;
    font-size: 17px;
    font-weight: bold;
}
.navbar .nav > li > a {
        font-size:16px;
}


/* ----------------------- Stories (added 10/25/2013) ----------------------- */

.ContactDS {    font-size: 11px;
        color: #333;
        background-color: #F1F1F1;
        padding: 5px;
        margin-top: 30px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 10px;
        text-align: center;
}


#Content #promotion #story {
        width: 430px;
        padding-right: 5px;
        float:left
}
#Content #promotion #story h1 {
        color: #7EC437;
    font-size: 16px;
    font-weight: bold;
}
#Content #promotion #story h2 {
        color: #333333;
    font-size: 14px;
}

#Content #promotion #story img {
        width: 260px;
        padding:5px;
        float: left;
}
/*.StoryImg {
        width: 290px;
}*/

/* ----------------------- bio pop-up (added 10/25/2013) -----------------------

.bioDiv{border: 6px solid #7EC437; padding: 20px; background: #fff; position: absolute; top: 300%; left: 45%; display: none;z-index:5000; width:700px; margin:0 0 0 -300px;
}
.Padding{
        padding:10px;


}
#mainimg a {
    color: #40B108;
}
#mainimg .span3{
        padding-right:15px;
}
*/
#navbar ul li#social{
        /*padding-left:50px;*/
}
#navbar .social{
        padding-top:24px;
}
/*.social img{
        padding-right:5px;
}*/
.social img {
    width: 22px;
}

#Language{
        width:90px;
        margin-top:20px;
        text-transform:none;
        align:right;
        margin-bottom:0px;
}
.centercontent{
        margin:0 auto;
        width:960px;
}
.lightgrayBG{
        background:#f7f7f7;
        padding-top:50px;
        padding-bottom:30px;
}
.whiteBG{
        background:#ffffff url(http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/common/whiteBG.gif) center top no-repeat;
        padding-top:40px;
        padding-bottom:30px;
}
.darkgrayBG{
        background:#000000 url(http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/common/darkgrahBG.gif) center top no-repeat;
        padding-top:50px;
        padding-bottom:30px;
}
#Content .darkgrayBG p, #Content .darkgrayBG h2, #Content .darkgrayBG h3,  #Content .darkgrayBG h4, #Content .darkgrayBG h5{
        color:white;
}
.darkgrayBG a{
        color:#7DBE42;
}
.darkgrayBG a.btn{
        color:#ffffff;
}
.coachBG{
        background:#252523 url(http://static.gnld.com.s3.amazonaws.com/us/neolifeclub/coach_1.jpg) center top no-repeat;
}
#Content .coachBG h4, .coachBG p{
        color:white;
}
#oppsec img{
        padding-top:10px;
        padding-bottom:10px;
}
#oppsec h4{
        color:#40b108;
}
#footer{
        background:#7bbf38;
        padding-bottom:30px;
}
#footer p.small{
        color:white;
        font-size:10px;
}
#footernav{
        background-color:#68b020;
        padding-top:30px;
        padding-bottom:30px;
        margin-bottom:30px;
}
#footernav li{
        list-style:none;
}
#footernav li:first-child{
        color:white;
        font-size:18px;
        line-height:26px;
        font-weight:bold;
}
#footernav li a{
        color:white;
}
.KitDetails{
        margin-top:40px;
        margin-bottom:40px;
}
#Kits, #packs
{
        margin:0 -118px;
 }
.PromoteKit.v2{ border-radius:0; border: 1px solid #eae8e8; }
.PromoteKit.v2 .box {
    padding: 0 15px 20px; box-sizing:border-box;
}
.PromoteKit.v2 .mText{ font-size:13px;}
.PromoteKit.v2 .mText h5{ font-size:14px;}
.PromoteKit.v2 .mText p{ font-size:14px;}
.PromoteKit.v2 .btn-link{ font-size:12px;}
.PromoteKit.v2 .btn-link.MoreInfo{ float:right; }
.PromoteKit.v2 .packselection{ height:280px;}
.PromoteKit.v2 .packselection .instruction{ color:#333; padding-top:5px;}
.PromoteKit.v2.span3:last-child {  margin-right:0px;}
.PromoteKit.v2 .prodPic{ width:80%; margin:15px auto 0 auto; position:relative;}
.PromoteKit.v2 .prodPic .badge{ position:absolute; top:-18px; right:0px; width:78px; height:56px; padding:4px 0 0 0; box-sizing:border-box; background:#6db303; display:block; border-radius:0; border-bottom-left-radius:43px; border-bottom-right-radius:43px; box-shadow:0px 3px 4px #ccc; font-size:9px; text-align:center; text-shadow:0px 1px 4px #888;  color:#fff;}
.PromoteKit.v2 .prodPic .badge h5{ font-size:16px; line-height:1.2em; margin:0; color:#fff;}
.PromoteKit.v2 .prodPic .badge small{ font-size:10px; font-weight:600; color:#fff; line-height:1em;}
.PromoteKit.v2 img{display:block;width:100%;}
.PromoteKit.v2 h6, .PromoteKit.v2 h5{ padding-top:0;}
.PromoteKit.v2 .KitPrice.price{
    color: #0099ff;
    font-size: 20px;
        text-align:left;
        margin:0 -15px;
        width:220px;
        padding:0;
        background:#f5f5ed;
        display:block;
}
.PromoteKit.v2 .KitPrice .lft{float:left; width:42%; padding:3px 5px 5px 0px; box-sizing:border-box; }

.PromoteKit.v2 .KitPrice .lft span{ padding-left:15px; font-size:16px;}
.PromoteKit.v2 .KitPrice .lft span.nonAuto{ font-size:11px;}
.PromoteKit.v2 .KitPrice .rgt {float:right;  padding:0; border-bottom: 58px solid #e0e0d8; border-left: 15px solid transparent; height: 0; width: 58%; box-sizing:border-box; position:relative;}
.PromoteKit.v2 .KitPrice .rgt span{ font-size:24px; color: #333; clear:both; padding:5px 0 10px 7px; display:block; margin-left:-7px; line-height:1em; box-sizing:border-box;}
.PromoteKit.v2 .KitPrice .rgt .promoter_price{ padding:10px 0 0px 10px; display:block; font-size:11px; margin:0 0 0 -2px;}
.PromoteKit.v2 .packselection .box2{
        padding:5px 10px;
        background:#f5f5ed;
        border:none;
        -moz-border-radius: 3px;
    border-radius: 3px;
}
.PromoteKit.v2 .small{
        font-size:11px;
        text-align:center;
        line-height:12px;
}
#Content div.PromoteKit.v2 h3 {
    background:#fff;
    color: #6db204;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-top: 0px;
    margin: 0;
    text-transform: uppercase;
        font-size:16px;
        text-align:center;

}

#Kits h2, #packs h2{ text-align:center; color:#333;}
.PromoteKitAction a.wide{ width: 167px;}

/*------------badge, icons & Tag----------------*/


@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700,400,300,100);
   @font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(http://fonts.gstatic.com/s/robotoslab/v6/MEz38VLIFL-t46JUtkIEgNKT0E3VAiFQm6Fsw40EoXw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/MEz38VLIFL-t46JUtkIEgKwsIWd7evfOerjO4J_CQWU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJdTIkQYohD4BpHvJ3NvbHoA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJfR_54zmj3SbGZQh3vCOwvY.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJRbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}


i.newTag{
        color:#80c342;
        font-family: 'Roboto Slab', Serif;
}
.tab-content i.newTag{
        color:#80c342;
        font-family: 'Roboto Slab', Serif;
        font-size:26px;
}
span.stackBadge img{
        width:50px;
        height:50px;
        position: absolute;
        background-size: 50px 50px;
        z-index:1000;
        margin-left:100px;
        margin-top:-10px;
}
.tab-content span.stackBadge img{
        width:60px;
        height:60px;
        position: absolute;
        background-size: 60px 60px;
        z-index:1000;
        margin-left:180px;
        margin-top:-10px;
}
div.nutritionalIcons{
        text-align:center;
}
div.nutritionalIcons img{
        width:40px;
        padding-right:5px;
}
/*------------end badge, icons & Tag----------------*/