@font-face {
	font-family: 'lucidagrande';
	src: url('fonts/lucidagrande.eot');
	src: local('lucidagrande'), local('lucidagrande'),
		url('fonts/lucidagrande.eot?#iefix') format('embedded-opentype'),
		url('fonts/lucidagrande.woff') format('woff'),
		url('fonts/lucidagrande.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'lucidagrandebold';
	src: url('fonts/lucidagrandebold.eot');
	src: local('lucidagrandebold'), local('lucidagrandebold'),
		url('fonts/lucidagrandebold.eot?#iefix') format('embedded-opentype'),
		url('fonts/lucidagrandebold.woff') format('woff'),
		url('fonts/lucidagrandebold.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/*
Homepage brown: 8b4e2a


cranberry - #86190f
woody brown - #6c3706
dark brown - #351f16
faded brn - #6f4223
gray - #968472
lt gray - #e8e8cf
lt gray 2 - #ECEADF
lt blue - #b3e6e4
dk blue - #04223f
orange - #e06b12
lt yellow - #fab24a


new logo
orange -- #F37421
*/
.dimmer {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    padding: 40px;
    z-index: 10000;
    background-image: url(/images/dimmerBG.png);
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale src='images/dimmerBG.png');
}

.dimming {
    font-size: 11px;
    font-style: normal;
    background-color: #ffffff;
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    border-style: solid;
    border-color: #999;
    border-width: 1px
}

table.floatingHeader {
    background-color: #86190f;
    color: #ECEADF
}


sidebarH1 {
    text-align: left;
    font: 20px/20px Georgia,serif;
    color: #86190f;
    font-weight: normal;
    background: #fab24a;
    margin: 0;
    padding: 0;
    padding: 6px 6px 4px 10px;
    clear: left
}

.raq {
    font: 32px/32px Georgia, serif;
    color: #ccc;
    position: relative;
    bottom: 17px;
}

.tab {
    padding: 3px 15px;
}

.search {
    font-size: 14px;
    color: #6c3706;
}

.caption {
    font-size: 12px;
    height: 30px;
    width: 375px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.tabBody {
    border: solid 1px #c8c8b8;
    padding: 15px 8px;
    clear: left;
    margin-bottom: 30px;
    overflow: hidden
}

#tabCont {
    width: 800px;
    margin: 10px auto;
    padding-top: 40px;
}

#content {
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    color: #351f16;
    text-align: left;
    position: relative;
    background: #ffffff;
    clear: left;
    padding-bottom: 10px;
    z-index: 100;
    min-height: 50px
}

a, a:hover, a:visited, a:active {
    color: #6c3706
}

img {
    border: 0
}

.headliner {
    margin-top: 20px;
    background: #ffffff;
}

#element {
    width: 960px;
    margin: 0 auto 35px;
    text-align: left;
    position: relative;
}

#loggedIn {
    text-align: right;
    color: #555;
    padding: 4px 0;
}

#header {
    clear: both;
    padding: 0px 20px;
    position: relative;
    height: 110px;
    border-bottom: 3px solid #EAC8B1;
}

#content pre {
    overflow: auto;
    cursor: pointer;
    position: relative; /* make IE work correctly */
}

    #content pre code {
        display: block;
        margin: 10px;
        padding: 4px;
        border: 1px solid #ddd;
        background: #f5f5f5;
    }




#content table {
    border: 0;
    padding: 0;
    margin-bottom: 0px
}

#content thead th {
    font-weight: bold;
    color: #444;
    padding: 2px
}

#content .fTab thead th {
    border-bottom: solid 0px
}

#content td, #content thead th {
    vertical-align: top;
    padding: 2px;
    color: #444;
}

img.products {
    float: left;
    margin-right: 10px;
    cursor: pointer
}

div.cart {
    /*border: 1px solid #ccc;
    padding: 8px;*/
    position: relative;
}

.cart tr div input {
}

.cart tr div label {
}
.custom-range{
    width:100%;
    height:1.4rem;
    padding:0;
    background-color:transparent;
}
.subChoice {
    padding: 0px 15px;
    font-size: 11px;
    clear: left;
}

.cart .NoOrg {
    font-size: 0.75em;
    text-align: center;
}

.cart .delCol {
    width: 50px;
}

.cart .orgCol {
    width: 60px;
}

.cart table {
    width: 100%;
    font-size: 0.8em;
    position: relative;
}

.cart tbody {
    position: relative;
}

#ingredients {
    clear: both;
    overflow:hidden;
    position: relative;
}

    #ingredients div {
        padding: 8px;
        float: left;
    }

        #ingredients div.enduranceKey {
            padding: 0px;
        }

.cartFoot {
    background: #F4F4F0;
    border: solid 1px #CCC;
    border-width: 0 1px 1px;
    margin: 0px;
    text-align: right;
}

    .cartFoot p {
        padding: 4px 10px 2px;
        margin: 0;
    }

#ingredients img {
    display: block;
    float: left;
    z-index: 200;
    max-width:60px;
    margin:10px 5px 0;
}

div.empty {
    width: 90px;
}

.EmptyCartCntr {
    border: solid 5px #d0d0d0;
    border-width: 5px 0;
    padding: 2px 0px;
}

div.EmptyCart {
    font-size: 18px;
    padding: 25px 0px;
    text-align: center;
    border: solid 1px #d0d0d0;
    display: flex;
}

    div.EmptyCart div {
        padding-top: 10px;
        margin: 30px 15px;
        display: flex;
    }

    div.EmptyCart a {
        display: block;
        margin: 0 auto;
        padding-right: 25px;
        text-align: right;
        text-decoration: underline;
        background: url('images/brown_arrow_white_bg.gif') no-repeat scroll right bottom;
    }

th.subscribe {
    width: 140px;
}

table.fTab td.noTop {
    border-top: solid 0;
}

.subscribe a {
    display: block;
    padding-top: 15px;
    text-align: center;
    background: url('images/checkbox.jpg') no-repeat scroll top center;
}

.cartEditor {
    width: 100%;
}

#content td.subscribeCol {
    font-weight: bold;
    color: #e06b12;
}

span.title {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    font-size: 12px;
    color: #351f16;
    font-weight: normal
}

#barPowerKey {
    padding: 8px;
    border: 1px solid #968472;
}

    #barPowerKey a.active img {
        border: solid 3px #E06B12;
    }

div.cart div {
    font-size: 16px;
    font-weight: normal;
    color: #351f16;
}

    div.cart div.slider {
        margin-right: 5px;
    }

#items p {
    font-size: 16px;
}

#items {
    background: #F3CDA9;
    text-align: center;
    padding: 30px;
    min-height: 360px;
}

#loaderImage {
    display: none;
    padding: 35px 10px 0;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 260px;
    top: 180px;
    z-index: 3000;
    text-align: center;
    height: 65px;
    width: 100px;
    background: #FFFFFF;
    border-style: solid;
    border-color: #CCC;
}

.endurance #loaderImage {
    z-index: 1000;
}

div.starter {
    float: left;
    padding: 0 0 0 14px;
    width: 700px;
    position: relative;
    z-index: 1000;
}

div.featureBar h1 {
    border-bottom: 3px solid #E06B12;
    font-size: 16px;
    margin: 8px 0px 15px 0;
    text-align: left;
}

span.handle {
    background-color: #E8A400;
    color: white;
    cursor: move
}

div.cart-active {
    background-color: #fab24a !important;
}

DIV.NutritionFacts TABLE {
    color: Black;
    background-color: white;
    margin-top: 20px;
    border: 1px solid black;
    padding: 3px;
    border-collapse: inherit;
}

DIV.NutritionFacts {
}

    DIV.NutritionFacts TD.Indent {
        padding-left: 10px
    }

    DIV.NutritionFacts TD {
        font-family: Arial Black;
        font-size: 8pt
    }

    DIV.NutritionFacts DIV.NutritionHeader {
        font-family: Franklin Gothic Heavy,Arial Black;
        font-size: 28px;
        white-space: nowrap
    }

    DIV.NutritionFacts DIV.Serving {
        font-family: Arial;
        font-size: 8pt;
        padding-left: 1pt
    }

    DIV.NutritionFacts DIV.Label {
        float: left;
        font-family: Arial Black
    }

    DIV.NutritionFacts DIV.LabelLight {
        float: left;
        font-family: Arial;
        padding: 2px 0 0 10px
    }

    DIV.NutritionFacts DIV.LabelLightIndent {
        float: left;
        font-family: Arial;
        padding: 2px 0 0 20px
    }

    DIV.NutritionFacts DIV.Weight {
        display: inline;
        font-family: Arial;
        padding-left: 1px
    }

    DIV.NutritionFacts DIV.DV {
        display: inline;
        float: right;
        font-family: Arial Black
    }

    DIV.NutritionFacts DIV.DVLabel {
        font-family: Arial Black;
        text-align: right;
        font-size: 7pt
    }

    DIV.NutritionFacts DIV.Line {
        border-top: 1px black solid
    }

    DIV.NutritionFacts DIV.Footnote {
        font-size: 6pt
    }

    DIV.NutritionFacts TABLE.Info TD {
        font-family: Helvetica,Arial;
        font-size: 6pt
    }

        DIV.NutritionFacts TABLE.Info TD.Indent {
            padding-left: 4pt
        }

    DIV.NutritionFacts DIV.Footnote {
        font-family: Arial;
        font-size: 6pt;
        padding-left: 1px
    }

    DIV.NutritionFacts TABLE.Vitamins {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 3px
    }

        DIV.NutritionFacts TABLE.Vitamins TD {
            font-family: Arial;
            white-space: nowrap;
            width: 33%
        }

#MiniNutritionFacts b {
    margin-right: 2px;
}

.miniDV {
    font-weight: bold;
}

#MiniNutritionFacts th, #MiniNutritionFacts td {
    color: #000;
    padding: 0;
}

#MiniNutritionFacts table.Label {
    border: solid 1px #222;
    margin: 0 auto;
}

#MiniNutritionFacts h4 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 4px 0;
    padding: 0;
    font-family: "Arial Black", Arial;
}

#MiniNutritionFacts td.indent {
    padding-left: 4px;
}

#MiniNutritionFacts .subtext {
    color: #000;
    font-weight: normal;
    font-size: 10px;
    padding-left: 5px;
}

    #MiniNutritionFacts.subtext span {
        display: block
    }

    #MiniNutritionFacts.subtext div {
        margin-top: 4px;
    }


tr.thinBar {
    padding: 0;
    height: 1px;
}

    tr.thinBar td {
        padding: 0;
    }

.black {
    background: #000;
}

#wrap4 {
    position: absolute;
    top: 10px;
    right: 295px;
    width: 130px;
    height: 15px;
    background: transparent url(images/scrollbar-track-right.png) no-repeat top right;
}

#track4-left {
    position: absolute;
    width: 15px;
    height: 15px;
    background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}

#track4 {
    position: absolute;
    width: 130px;
    height: 15px
}

#handle4 {
    width: 37px;
    height: 15px
}

.slideTxt {
    position: absolute;
    width: 220px;
    top: 10px;
    right: 70px;
    text-align: left;
}

#footer {
    color: #6c3706;
    font-size: 11px;
    text-align: center;
    width: 955px;
    margin: 20px auto 0;
    padding-bottom: 15px;
}


td.header {
    font-size: 11px;
    color: #DDD
}

a.header, a:hover.header, a:visited.header, a:active.header {
    font-size: 11px;
}

td.menu {
    font-size: 12px;
    color: #351f16;
    font-weight: bold
}

    td.menu a {
        text-decoration: none;
        color: #6c3706
    }

        td.menu A:hover {
            text-decoration: underline overline;
            color: #e06b12
        }

table.favoritesTable {
    clear: left;
    text-align: center;
    font-size: 13px;
    color: #351f16;
    font-weight: normal
}

    table.favoritesTable small {
        display: block;
    }

.favoritesTable a {
    text-decoration: underline;
}

td.BR, th.BR {
    border-bottom: 1px dotted #6c3706;
    border-right: 1px dotted #6c3706;
}

td.R, th.R, td.TR {
    border-right: 1px dotted #6c3706;
}

td.T, td.TR {
    border-top: 1px dotted #6c3706;
}

td.R {
    border-right: 1px dotted #6c3706
}

td.B, th.B {
    border-bottom: 1px dotted #6c3706
}

table.fTab td {
    border: 1px dotted #6c3706;
    border-width: 1px 1px 0 0;
}

table.fTab th {
    border: 1px dotted #6c3706;
    border-width: 0 1px 0 0;
}

table .pager td {
    border: 0;
}

#content table.fTab .last, table.fTab .last {
    border-right: solid 0px;
}

div.ingredientTable {
    z-index: 5;
    width: 30%;
    padding: 10px;
    background-color: #ECF3E1;
    border: 1px solid #fab24a
}

    div.ingredientTable img {
        width: 40px
    }

#selItem {
    text-align: left;
    width: 680px;
    margin: 10px;
    border-top: 2px dotted #fab24a
}

    #selItem span {
        font-style: italic;
        font-size: 22px;
        color: #351f16
    }

#barCore img {
    width: 55px
}

#barCore .sortMenu {
    width: 160px
}

#infoDiv {
    float: right;
    padding-left: 10px;
    padding-top: 10px;
    width: 320px
}

    #infoDiv h2 {
        font-style: italic;
        font-size: 22px;
        border-bottom: 1px solid
    }

    #infoDiv h5 {
        display: inline;
        font: 12px Verdana;
        font-weight: normal;
    }

#ingredientDiv ul {
    list-style-type: none
}

#ingredientDiv li {
    display: block
}

.bpTitle {
    font-variant: small-caps;
    font-size: 18px;
    color: #351f16
}

.profilePage {
    position: relative
}

.miniPW {
    float: right;
    width: 300px
}

#fbAdd {
    position: absolute;
    top: 60px;
    right: 20px;
    text-align: center;
    width: 200px;
    height: 65px;
    color: #aaa;
    border: 1px solid;
    padding: 3px;
    margin: 0px 3px 3px 3px
}

    #fbAdd h1 {
        text-align: left;
        font-size: 14px;
        color: #ecf3e1;
        font-weight: normal;
        background: #86190f;
        margin: 0px 0px 5px 0px;
        padding: 6px 6px 4px 10px;
        border-bottom: 1px dotted #fab24a;
        clear: left
    }

.loginInput {
    width: 160px
}

.prodImg {
    display: inline;
    position: absolute;
    height: 80px
}

.prodDesc {
    position: relative;
    padding: 8px 5px 0;
    display: none;
    clear: left;
    width: 500px;
    height: 35px;
    color: #f8f8f8;
    font-size: 11px;
    background: url(images/infoWindow.gif) no-repeat;
    text-align: center;
}

input.custombutton {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px;
    height: 25px;
    background-color: #6c3706;
    border-style: solid;
    border-color: #351f16;
    border-width: 2px;
    width: 120
}

.question {
    display: block;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #351f16;
    width: 750px;
}

.answer {
    margin: 10px 15px 20px 35px;
    display: block;
    font-size: 14px;
    color: #351f16;
    width: 750px;
}

span.helpSubheader {
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #ECEADF;
    background: #86190f;
    padding: 5px
}

.helpItems {
    margin-top: 10px;
}

    .helpItems h1 {
        padding-left: 10px;
    }

.thumbnail {
    position: relative;
    z-index: 0
}

    .thumbnail:hover {
        background-color: transparent;
        z-index: 100
    }

    .thumbnail span {
        position: absolute;
        background-color: #fab24a;
        padding: 5px;
        left: -1000px;
        border: 1px dashed #ECEADF;
        visibility: hidden;
        color: black;
        text-decoration: none
    }

        .thumbnail span img {
            border-width: 0;
            padding: 2px
        }

    .thumbnail:hover span {
        visibility: visible;
        top: 60px;
        left: 0px
    }

.varietyBG {
    background: url(images/varietyPack.gif) no-repeat scroll 90% 3%;
}

.varietyQuarter {
    margin: 15px 0 0 15px;
    width: 332px;
    height: 150px;
    float: left;
    padding: 0px;
}

#vpHeadline {
    font-size: 24px;
    color: #04223f;
    margin-right: 40px;
}

    #vpHeadline img {
        float: right;
        margin-left: 40px;
    }

.varietyLabelName {
    text-align: center;
    position: absolute;
    left: -13px;
    top: 28px;
    font-size: 13px;
    width: 170px;
    font-family: Myriad Pro;
    font-weight: bold;
    color: #351f16;
}

.varietyLabel {
    position: relative;
    width: 167px;
    height: 78px;
    top: 5px;
    background: url(images/barLabelSmall.png) no-repeat 0 0;
}

.varietyMulti {
    width: 182px;
    float: left;
    margin: 30px 0px;
}

.imgPane {
    height: 40px;
}

div.tabs a, div.tabs a:visited {
    display: block;
    float: left;
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #6c3706;
    background: #6c3706;
    color: #fab24a;
    line-height: 20px;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 2px;
    text-decoration: none;
}

    div.tabs a.active, div.tabs a.active:visited {
        border-color: #ECEADF;
        background: #e06b12;
        color: #ECEADF;
        font-weight: bold;
    }

div.tabs2 {
    font-size: 10pt;
    background: transparent;
    position: relative;
    top: -35px;
}

    div.tabs2 a {
        display: block;
        float: left;
        position: relative;
        top: 1px;
        border-style: solid;
        border-width: 1px 1px 0px 1px;
        border-color: #6c3706;
        padding: 2px;
        margin: 0 2px;
        text-decoration: none;
    }

        div.tabs2 a.active {
            border-color: #ECEADF;
            background: #fab24a;
            color: #86190f;
        }

#navH {
    position: relative;
    padding: 0;
    float: right;
    background: #ffffff;
    font-family: Times New Roman;
    z-index: 999;
}

    #navH li {
        display: block;
        float: left;
    }

    #navH ul li {
        display: block;
    }

    #navH a.mNav {
        display: block;
        height: 36px;
        color: #ffffff;
        border-bottom: solid 1px #ffffff;
        margin-right: 2px;
        float: left;
        text-align: center;
        text-decoration: none;
        font-size: 34px;
        padding: 8px 0 12px;
    }

    #navH, #navH ul {
        list-style: none;
        margin-top: 1px;
    }

        #navH ul {
            padding: 5px 0;
        }

        #navH a {
            font-size: 11px;
            color: #ffffff;
            text-decoration: none;
        }

        #navH ul li {
            list-style: none;
            float: none;
            padding: 0px 10px;
        }

        #navH li {
            position: relative;
        }


            #navH li ul {
                position: absolute;
                left: -999em;
            }

            #navH li:hover ul, #navH li.sfhover ul {
                left: auto;
                z-index: 10000;
            }

#learn a:hover {
    color: #3e2322;
}

#navH ul li.subnav {
    padding: 10px 10px 5px;
    color: #ffffff;
}

.subnav li {
    display: block;
}


.call {
    position: absolute;
    right: -32px;
    z-index: 99999;
    width: 31px;
    height: 117px;
    top: 165px;
}

.wholesale {
    width: 650px;
    margin: 0 auto;
}

    .wholesale h1 {
        color: #8B2003;
        font-size: 24px;
    }

    .wholesale p {
        color: #75451B;
        font-size: 12px
    }

    .wholesale ul {
        list-style: none;
    }

    .wholesale .feature {
        background: #E7E5D3;
        text-align: left;
        padding: 15px 15px 15px 0;
    }

.feature img {
    float: left;
    margin-right: 10px;
}

.teamMember img {
    float: left;
    clear: left
}

.headshot {
    clear: left;
    float: left;
    margin: 0px 20px 40px;
}

#quizDiv {
    font-size: 1.3em
}

    #quizDiv p {
        padding: 8px 20px;
    }

    #quizDiv textarea {
        width: 400px;
    }

    #quizDiv h2 {
        float: left;
        margin: 15px;
        text-align: center;
        width: 355px;
    }

    #quizDiv .btnLnk {
        background: transparent url('images/goButton.gif') no-repeat scroll right top;
        display: block;
        float: right;
        font-size: 1.1em;
        font-weight: bold;
        height: 37px;
        padding-right: 64px;
        padding-top: 10px;
    }

.qNumber {
    font-size: 1.6em;
    margin-right: 10px;
    color: #e06b12;
    clear: left;
}
/*featured bars*/

#sliderwrap4 {
    position: relative;
    width: 210px;
    height: 20px;
    background: transparent url(images/scrollbar-track-right.png) no-repeat top right;
}

#slider4, #slider5, #slider6 {
    height: 15px
}

#slider4-left {
    position: absolute;
    width: 15px;
    height: 15px;
    background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}

#handle5, #handle6, #handle4 {
    position: absolute;
    height: 15px;
    width: 37px;
}

div.elements {
    width: 980px;
    margin: 0 auto 35px;
    text-align: left;
}

div.vHandle {
    width: 8px;
    height: 5px;
    background: #E06B12;
}

div.vSlide {
    width: 10px;
    height: 30px;
}

    div.vSlide > div {
        border-right: solid 1px #666;
        height: 30px;
    }

div.featureTop {
    width: 765px;
    height: 73px;
    float: left;
    position: relative;
}

    div.featureTop h3 {
        position: absolute;
        right: 10px;
        top: 15px;
        width: 155px;
        z-index: 10;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
    }

div.onImage1 {
    top: 22px;
    height: 68px;
    width: 765px;
    position: absolute;
    background: #F00;
    display: none;
}

div.onImage2 {
    display: none;
    top: 22px;
    height: 68px;
    width: 765px;
    position: absolute;
    background: #0F0;
}

div.onImage3 {
    display: none;
    top: 22px;
    height: 68px;
    width: 765px;
    position: absolute;
    background: #C60;
}



div.GeneralDescription {
    float: left;
    width: 600px;
    margin-top: 9px;
}

div.barImage {
    float: left;
    text-align: center;
    vertical-align: bottom;
    width: 200px;
    margin-top: 9px;
}

#sidebar h1 {
    clear: left;
    color: #86190F;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 6px 6px 4px 10px;
    text-align: left;
}

div.barImages {
    float: left;
    width: 340px;
    margin-top: 9px;
    margin-left: 54px;
}

div.ingredientDescriptions {
    float: left;
    width: 400px;
    margin-top: 13px;
}

div.featureBars {
    float: left;
    width: 745px;
    padding-left: 20px;
}

div.featureBar h1 {
    border-bottom: solid 3px #E06B12;
    text-align: left;
    margin: 0px;
    font-size: 28px;
}

div.featureBarCol1 {
    width: 300px;
    float: left;
}

ul.aro {
    font-size: 1.4em;
    list-style-type: none;
}

div.featureBarCol1 ul {
    text-align: left;
    list-style-type: none;
    margin-left: 10px;
}

div.featureBarCol2 {
    width: 424px;
    float: left;
    padding-left: 20px;
}

    div.featureBarCol2 div {
        margin-bottom: 8px;
    }

.featureBarProfile {
    border: solid 1px #E06B12;
    border-width: 10px 1px;
    padding: 0px 20px 5px;
    margin-top: 10px;
    text-align: center;
}

    .featureBarProfile ul {
        font-size: 16px;
    }

    .featureBarProfile li {
        margin-bottom: 6px;
    }

.featureBar h2 {
    color: #E06B12;
    font-size: 12px;
    margin: 4px 0;
}

.featuredImageHolder {
    margin-bottom: 8px;
    height: 215px;
    overflow: hidden;
}

p.review {
    padding: 10px 25px;
    color: #3E2322;
}

p.author {
    text-align: right;
    color: #aaa;
}

.addToCart {
    float: right;
    text-align: center;
    margin: 4px;
}

    .addToCart .TL {
        background: url(images/cart/addToCartBoxTopTrans.png) no-repeat scroll left top;
        padding: 0 0 0 8px;
    }

    .addToCart .TR {
        background: url(images/cart/addToCartBoxTopTrans.png) no-repeat scroll right top;
        padding: 8px 8px 8px 0;
    }

    .addToCart .BL {
        background: url(images/cart/addToCartBox.png) no-repeat scroll left bottom;
        padding-left: 8px;
    }

    .addToCart .BR {
        background: url(images/cart/addToCartBox.png) no-repeat scroll right bottom;
        padding: 8px 8px 8px 0;
    }

div.addToCart ul {
    text-align: center;
    margin: 0;
    padding: 0;
}

.vpDetail {
    padding: 10px;
    position: relative;
}

    .vpDetail div.addToCart {
        position: absolute;
        top: -20px;
        right: 5px;
    }

body.vitality .vpDetail div.addToCart {
    top: -63px;
}

.vpDesc {
    margin-bottom: 20px;
    font-size: 16px;
    width: 500px;
}

.price {
    font-size: 28px;
}

.styleback {
    background-color: black;
}

a.whatsYourLink {
    display: block;
    width: 208px;
    height: 86px;
    border: 0;
    background: url('images/discoverYourElement.gif') no-repeat scroll top left;
    text-indent: -9999px;
    text-align: left;
    position: relative;
    top: 10px;
    left: 0px;
}

    a.whatsYourLink:hover {
        background: url('images/discoverYourElement_w.gif') no-repeat scroll top left;
    }

div.sliderTable {
    background: url('images/nutsFruitsChocolates.jpg') no-repeat scroll top left;
    padding: 39px 0 10px 145px;
}

    div.sliderTable p {
        margin-bottom: 5px;
    }

td.IngredientTypes {
    width: 75px;
    text-align: center;
}

ul.aro li, li.aro {
    background: url('images/featured/arrow.gif') no-repeat scroll left 50% #FFFFFF;
    padding-left: 22px;
}

.invisibleForm {
    display: block;
    position: absolute;
    top: 240px;
    left: 170px;
    overflow: hidden;
    width: 0px;
    margin: 0 auto;
    background: #ffffff;
    border: solid 1px #E06B12;
    border-width: 0px;
    padding: 15px 0px;
    height: 0;
    z-index: 999;
}

div.visibleForm {
    width: 400px;
    border-width: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.sliderTable div {
    margin: 18px 45px 18px 14px;
}

div.addHeight {
    top: 20px;
    height: 450px;
}

div.addHeight2 {
    top: 20px;
    height: 50px;
}

#questionsform {
    z-index: 100001;
}

    #questionsform form {
        width: 410px;
    }

    #questionsform h3 {
        font-size: 14px;
        margin-bottom: 3px;
    }

div.AboutYourBar {
    padding: 4px 10px;
    margin: 10px 15px;
}

a.closer {
    position: absolute;
    right: 3px;
}

.style4 {
    height: 19px;
}

.style9 {
    width: 326px;
    background-color: black;
}

.style10 {
    width: 17px;
}

.style11 {
    width: 67px;
}

.style12 {
    width: 67px;
    height: 19px;
}

.style13 {
    width: 430px;
    background-color: red;
}

.style14 {
    width: 376px;
    background-color: red;
}

.style15 {
    width: 420px;
    background-color: red;
}

.style16 {
    width: 420px;
    height: 90px;
}

.style17 {
    width: 376px;
    height: 90px;
}

.style18 {
    width: 430px;
    height: 90px;
}

.nobarsfound {
    float: left;
    font-size: 2em;
    margin-left: 80px;
    padding-top: 80px;
    width: 500px;
}
/*end featured bars*/
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
/*recipe formulator classes*/
a.remover {
    width: 30px;
    height: 30px;
    display: block;
    background: url('images/trashcan.jpg') scroll no-repeat left top;
    text-indent: -9999px;
}

a.OrganicCB {
    width: 30px;
    height: 30px;
    display: block;
    background: url('images/organicCBs.jpg') scroll no-repeat left top;
    text-indent: -9999px;
}

a.CheckOn {
    background-position: left -60px;
}

a.CheckOff {
    background-position: left -30px;
}

#recipe {
    clear: left;
}

.labeler .bar {
    position: relative;
    width: 500px
}

    .labeler .bar input {
        position: absolute;
        text-align: center;
        opacity: 0.7;
        filter: Alpha(Opacity=60);
    }

.labeler .CustomLabelBox {
    font-size: 24px;
    left: 164px;
    top: 75px;
    width: 231px;
}

.labeler .CustomLabelNotesBox {
    font-size: 12px;
    left: 190px;
    top: 113px;
    width: 179px;
}

.namer {
    padding: 2px;
    border: solid 1px #bbb;
    float: right;
    width: 280px;
}

    .namer div {
        padding: 8px;
        border: solid 1px #ccc;
        background: #f8f8f8;
    }

    .namer b {
        border-bottom: solid 1px #ddd
    }

    .namer input {
        background: transparent;
        border: dotted #e06b12;
        border-width: 0px 0px 2px;
        width: 80px;
    }

    .namer p {
        background: #D9DCF6;
        border: solid 1px #ddd;
        border-width: 1px 0;
        padding: 3px 10px;
    }

#col1 {
    width: 600px;
    padding-left: 45px;
}

#col2 {
    clear: right;
    width: 265px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    z-index: 1000;
}

#labelItDiv {
    margin-top: 30px;
}

.checkoutContent {
    text-align: center;
    padding: 20px;
    margin: 0px 40px;
}

    .checkoutContent h1 {
        margin: 20px 0 2px;
    }

.BRButtons {
    clear: right;
    text-align: right;
    padding-top: 24px;
}

/*shopping cart*/
img.cartProd {
    width: 140px;
}

input.qt {
    width: 30px;
}

.checkoutContent table {
    margin: 0 auto;
}

.checkoutContent tfoot {
    text-align: right;
    border-top: dotted 1px #e06b12;
}

.organic {
    background: url('images/organic.png') no-repeat scroll top left;
    width: 24px;
    height: 24px;
}

ul.ingList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.varietyQuarter ul.ingList {
    margin: 0 auto;
}

ul.ingList li {
    float: left;
    position: relative;
}

.ingList {
    text-align: left;
    width: 300px;
}

    .ingList img {
        width: 30px;
    }

.qtyCol {
    width: 80px
}

    .qtyCol span {
        float: left;
    }

.subtotal {
    font-size: 20px;
}

.estimateShipping {
    font-size: 14px;
    font-weight: normal;
}

.prodCol {
    width: 500px;
}

.LA {
    text-align: left;
    font-size: 16px;
}

.RA {
    text-align: right;
}

.nobull {
    list-style-type: none;
}

.cartSubHeading {
    font-weight: bold;
    text-decoration: underline;
}

img.thumbnail {
    width: 48px;
}

.left {
    text-align: left;
}

.leftie {
    float: left
}

.rightie {
    float: right
}

.ctr {
    text-align: center
}

.checkoutContent th {
    font-size: 1.2em;
}

.bigQty {
    font-size: 2.5em;
    margin: 10px;
    float: left;
}

#leftNav {
    width: 200px;
    background: #eee;
    float: left;
    height: 600px;
}

#leftNavContent {
    width: 710px;
    float: left;
    margin-left: 10px;
    position: relative;
}

#content .vpDetail p {
    font-size: 1.2em;
}

#coForm .AspNet-Login-RememberMePanel {
    float: right;
}

#coForm .AspNet-Login-SubmitPanel {
    clear: both;
    text-align: center;
}

#coForm { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    font: 100% verdana,arial,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 500px;
    max-width: 620px;
    width: 620px;
}

    #coForm p {
        text-align: center;
    }

    #coForm .coFormBreak {
        text-align: center;
    }

        #coForm .coFormBreak label {
            float: none;
            display: inline;
            margin-left: 4px;
        }

    #coForm fieldset {
        /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
        border-color: #000;
        border-width: 1px;
        border-style: solid;
        padding: 10px; /* padding in fieldset support spotty in IE */
        margin: 0;
    }


        #coForm fieldset legend {
            font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
            /* be careful with padding, it'll shift the nice offset on top of border  */
        }

    #coForm label {
        display: block; /* block float the labels to left column, set a width */
        float: left;
        width: 200px;
        padding: 0;
        margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
        text-align: right;
        position: relative;
        top: 4px;
    }

.login #coForm label {
    width: 120px;
}

#coForm fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
    text-decoration: underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
    /* pseudo-class on legend elements, but do support it on label elements */
    /* we instead underline first letter on each label element and accesskey */
    /* each input. doing only legends would  lessens cognitive load */
    /* opera breaks after first letter underlined legends but not labels */
}

#coForm input, #coForm textarea, #coForm select {
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

    #coForm select.ExpDateYear {
        width: 64px;
    }

    #coForm select.ExpDateMonth {
        width: 44px;
    }

    #coForm input.COBtn {
        width: 120px;
    }

    #coForm input#reset {
        margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
    }

#coForm textarea {
    overflow: auto;
}

#coForm small {
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}

#coForm .required {
    font-weight: bold;
}
/* uses class instead of div, more efficient */

#coForm br {
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

div.updater {
    position: absolute;
    width: 500px;
    height: 300px;
    left: 100px;
    top: 400px;
    background: #f0f0f0;
    color: #666;
    border: solid 1px #666;
}

.draggable {
    cursor: pointer;
}

.warningError, .warningCaution, .flashGood {
    clear: left;
    text-align: center;
    font-weight: bold;
    padding: 5px 10px;
}

.mc {
    position: relative;
}

.warningError {
    background: #ffcccc;
    color: #ff0000;
}

.warningCaution {
    background: #FCC432;
    color: #EC5F2F;
}

.flashGood {
    background: #c1f1b2;
    color: #1f8300;
}

#recipeWarnings span {
    display: block;
    float: left;
    margin-right: 30px;
}

#warningText {
    display: block;
    margin: 0 0 0 100px;
    text-align: left;
}

.ui-dialog-content #warningText {
    margin-left: 40px;
}

.labeler {
    margin: 20px 0px;
}

.colHead input {
    position: relative;
    right: 251px
}

#filters span {
    /*display:none;*/
    color: #aaa;
    font-family: Arial;
    font-size: 24px;
    padding-top: 20px;
    float: left;
}

.topPane {
    padding: 4px 272px 4px 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #E06B12;
}

.assist p {
    font-size: 14px;
}
/*#filters span 
{
	display: block;
	float:left;
	font-size: 28px;
	color: #555;
	font-family: Georgia;
	padding: 12px 8px;
}*/
#filters {
    /*position:absolute;
	left: 5px;
	top:5px;*/
}

    #filters h3 {
        display: none;
    }

#hFilters a {
    float: left;
}

.filterStepper {
    clear: left;
    padding: 4px 15px;
    text-align: left;
    font-size: 1.2em;
}

.colHead img {
    position: absolute;
    top: -80px;
    right: 300px;
}

h3.barHead {
    margin: 0 0 2px 0;
    clear: left;
    font-size: 14px;
}

.barHead a {
    margin-left: 18px;
}

div.postit {
    background: url('images/postit.gif') no-repeat scroll top left;
    height: 200px;
    width: 155px;
    padding-top: 14px;
    text-align: left;
}

    div.postit.cereal {
        background: url('images/postit_cereal.png') no-repeat scroll top left;
        width: 155px;
        height: 246px;
    }

        div.postit.cereal .postItForm {
            margin-top: 46px;
        }

.postItForm {
    margin: 55px 0 0;
    padding: 0 12px 0 0;
}

.nameFrm {
    text-align: right;
}

#content .postItForm p {
    margin: 0;
    padding-right: 10px;
}

.exampleName {
    display: block;
    font-family: Arial;
    font-weight: 600;
    padding: 0 8px 0 2px;
    font-size: 11px;
    text-align: center;
}

.cereal .exampleName {
    padding-top: 30px;
}

.exampleNote {
    display: block;
    font-size: 9px;
    font-weight: normal;
    height: 10px;
    line-height: 10px;
    overflow: hidden;
    padding: 0px 8px 0px 2px;
    text-align: center;
}

div.postit h4 {
    margin: 0 0 5px;
}

div.postit input {
    width: 90px;
    margin-bottom: 4px;
}

a.Buy, a.Subscribe, a.Customize {
    display: block;
    font-size: 1.2em;
    padding: 5px 5px 5px 40px;
    padding-bottom: 5px;
}

a.Buy {
    background: url('images/addToCartIcon.gif') no-repeat scroll -2px center;
}

a.Customize {
    background: url('images/customizeIcon.gif') no-repeat scroll 8px center;
}

a.Subscribe {
    background: url('images/subscribeIcon.gif') no-repeat scroll left center;
}

.ingredientImages span {
    position: relative;
    display: block;
    float: left;
}

.ingredientImages img {
    width: 50px;
}

.MyBarsActions {
    width: 100px;
    text-align: left;
}

.SendGiftForm {
    float: left;
    width: 280px;
    text-align: right;
}

    .SendGiftForm input {
        margin-left: 5px;
    }

.SampleGiftEmail {
    clear: right;
    float: right;
    width: 500px;
    background: #DDD;
    margin-right: 65px;
    padding: 15px;
}

    .SampleGiftEmail h4 {
        text-align: center;
        border-bottom: solid 1px #888;
    }

.controlFoot {
    background: #eee;
    text-align: right;
    clear: both;
}

#roomy {
    padding: 25px;
    min-height: 400px;
}

    #roomy .roomier {
        padding-top: 45px;
    }

    #roomy table {
        margin: 0 auto;
    }

.AspNet-Login-FailurePanel {
    color: #ff0000;
    font-weight: bold;
    padding: 5px;
}

.AspNet-Login {
    text-align: right;
    width: 300px;
    margin: 10px auto;
    border-color: #aaa;
    border-style: solid;
    border-width: 1px;
}

.cart-product {
    width: 150px;
}

.cart-subproduct {
    width: 340px;
    font-size: 16px;
    text-align: left;
}

    .cart-subproduct h5 {
        margin-bottom: 2px;
    }

.qty span {
    display: block;
}

.memhome div {
    float: left;
    text-align: center;
    width: 118px;
}

#roomy .memhome p {
    padding-top: 10px;
    margin-left: 140px;
    font-size: 14px;
}

.Quiz {
    font-size: 1.4em;
}

img.quizGraphic {
    float: left;
    margin-right: 20px;
}

.QuizWiz {
    width: 66 0px;
}

.postItForm div {
    text-align: center;
}

.postItForm p span {
    display: block;
}

span.helper {
    font-size: 0.8em;
    color: #888;
    width: 200px;
    text-align: right;
}

.GiftCertClick {
    border: 0;
    text-decoration: none;
    display: block;
    margin: 0 auto;
}

.checkout span.helper {
    display: block;
    text-align: right;
}

.checkoutBox {
    width: 600px
}

.orderSummaryBox {
    text-align: center;
    margin: 28px 70px 10px 0px;
    width: 550px;
    font-size: 14px;
    border: solid 1px #555;
    padding: 5px;
}

.remindLink {
    font-size: 10px;
    padding-top: 8px;
    display: block;
}

.shipSummary {
    font-size: 12px;
    padding: 2px 20px;
}

    .shipSummary img {
        float: left;
        margin-right: 15px;
    }

#checkout {
    width: 620px;
    border: 0;
    margin: 0 160px 0 162px;
    font-size: 14px;
    padding-bottom: 20px;
    position: relative;
}

#orderSummary table {
    margin: 0 auto;
}

#checkout #coForm {
    margin: 0 auto;
}

#coForm .small {
    width: 160px;
    color: #555;
    font-size: 12px;
    float: right;
    display: block;
}

.notice {
    color: #ff0000;
}

.giftcb label {
    display: block;
    padding-right: 26px;
    background: url('images/giftBoxIcon2.jpg') no-repeat scroll top right;
    height: 24px;
    padding-top: 4px;
    float: left;
    cursor: pointer;
}

.giftcb input {
    float: left;
}

.gifty, .giftOn {
    background: #C1F1B2;
}

#GiftSample {
    position: absolute;
    right: -190px
}

.gifty {
    position: relative;
    color: #333;
    display: none;
    float: left;
    padding: 15px 45px 15px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    .gifty label {
        font-size: 1.2em;
        color: #555;
        margin-left: 6px;
    }

    .gifty div {
        margin-bottom: 4px;
    }

    .gifty span {
        display: block;
    }

    #content .gifty td, .gifty td {
        padding: 4px 8px;
    }

#coForm .notice {
    width: 140px;
    font-size: 12px;
    margin-bottom: 5px;
    white-space: nowrap;
    display: inline-block;
}

#checkout #coForm input[type=text] {
    width: 190px;
    margin-bottom: 5px;
}

.sharing {
    width: 400px;
    margin: 0 auto;
    padding-left: 200px;
    font-size: 1.2em;
}

.Quiz h2 {
    font-size: 24px;
}

.pressLinks li {
    float: left;
    width: 240px;
    font-size: 14px;
}

.ing {
    position: relative;
}

.sliderBox {
    float: right;
    width: 250px;
    padding-top: 10px;
    padding-right: 5px;
}

.barPowerKeyBox {
    position: relative;
}
/*new subscriptions*/
#roomy
#ver-zebra-subscription {
    border-collapse: collapse;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
    margin: 0px;
    text-align: left;
    width: 350px;
}

#ver-zebra-subscription th {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    color: #039;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 15px;
}

    #ver-zebra-subscription th.vzebra-nutrition {
        padding: 12px 0px;
    }

#ver-zebra-subscription td {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    color: #669;
    padding: 8px 5px;
}

    #ver-zebra-subscription td.vzebra-description {
        paddings: 8px 0px;
    }

    #ver-zebra-subscription td.vzebra-nutrition, #ver-zebra-subscription td.vzebra-buy {
        vertical-align: middle;
    }

#ver-zebra-subscription h3.barname {
    margin-top: 0px;
}

#ver-zebra-subscription div.description {
    width: 139px;
}

#productBlock {
    padding: 2px 10px;
    position: relative;
    top: 0px;
}

    #productBlock div.command a {
        float: right;
        left: 301px;
        position: relative;
        top: -19px;
        width: 109px;
        border-radius: 8px;
        background: none;
        background-color: #E06B12;
    }

    #productBlock table.subscriptionTable a.removeItem {
        display: block;
        font-size: 10px;
    }

div.command input[type="submit"] {
    padding-top: 0px;
}

div.command a, div.command input.gbtn {
    width: 50px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-right: 0px;
}

div.subscriptionBlock {
    width: 100%
}

div.leftcol {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
    padding: 2px 10px;
    width: 60%;
    margin: 0px;
    float: left;
    clear: left;
}

div.rightcol {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
    clear: right;
    float: right;
    padding: 2px 10px;
    width: 33%;
    margin: 57px 0px 0px;
}

div.panelRight {
    clear: right;
    float: right;
    margin-bottom: 10px;
    padding: 2px 10px;
    background: #EEE;
    border: 1px solid #CCC;
    width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#easySubBlock {
    border: 1px solid #CCC;
    bottom: 42px;
    position: relative;
    width: 61%;
    padding: 2px 10px;
    background: #EEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#modifySubscripShipping input[type="text"], #modifySubscripShipping select {
    width: 40%;
    position: relative;
    left: 10px;
}

    #modifySubscripShipping input[type="text"].eidtaddress {
        width: 62%;
        position: relative;
        left: 10px;
    }

div.stubDiv {
    clear: left;
    float: left;
    margin: 0px 5px;
    padding: 0px;
    width: 275px;
}

    div.stubDiv p.ctr {
        float: left;
        margin: 40px 20px 10px 59px;
    }

#billingDiv {
    background-color: #EEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin: 10px 55px;
    padding: 10px;
    width: 643px;
}

    #billingDiv table.receipt {
        float: left;
        margin: 0px;
        padding: 10px 25px;
        width: 359px;
    }

div.billing {
    background-color: #CCC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: right;
    margin: 40px 20px 10px 0px;
    padding: 10px;
    text-align: right;
}

#EditFreq table tfoot tr td {
    border-top: 2px solid #CCC;
    padding-top: 5px;
    font-size: 10px;
}

    #EditFreq table tfoot tr td a {
        padding: 6px 2px;
        margin: 1px 3px;
    }

        #EditFreq table tfoot tr td a.gbtn {
            width: 60px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            padding: 0px 4px;
            width: 79px;
        }

#roomy select.subscription {
    border: 2px solid #E07E2D;
    clear: both;
    color: #8B4E2A;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 2px;
    clear: both;
    float: right;
    margin-bottom: 0px;
    width: 500px;
}

#spanSaveUpdatePrompt {
    position: absolute;
    right: -228px;
    top: 24px;
}

#coShippingForm {
    font: normal normal normal 100%/normal verdana, arial, sans-serif;
    margin: 0px;
    padding: 0px;
}

#stubDiv {
    float: left;
    margin: 0px 59px;
}
/*old subscriptions*/

#content table.subscriptionTable {
    clear: both;
    font-size: 1.1em;
    margin: 20px 0px 10px;
}

    #content table.subscriptionTable tr.summary td {
        border-top: 2px solid #CCC;
    }

#content div.subscriptionBlock select, #content div.subscriptionBlock input {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
}

.modifySubscripShipping {
    padding: 0 0 0 100px;
}

.subBtn {
    position: relative;
    top: 20px;
}

.modifySubscripShipping p {
    padding-left: 10px;
    font-size: 14px;
}

.modifySubscrip {
    border: solid 1px #555;
    border-width: 3px 0;
    background: #cdfdbd;
    padding: 2px 10px;
}

.subscriptionBlock {
    width: 500px;
}

.subInstr {
    background: #EEE;
    border: 1px solid #CCC;
    float: right;
    padding: 2px 10px;
    width: 220px;
}

.subscripCCCntr {
    border: solid 2px #999999;
    padding: 1px;
    margin-left: 50px;
}

.subscription h2 {
    background: #e06b12;
    color: #ffffff;
    padding: 4px 5px;
}

.gb {
    border: solid 1px #BBB;
}

.subscripCC {
    background-color: #FFFFFF;
    border: solid 1px #888888;
    border-width: 1px 0px;
    padding: 10px;
}

.ValSummary {
    width: 400px;
    margin: 0 auto;
}

.Validation li {
    margin-left: 20px;
}

#element .caloriePctBlock p {
    text-align: left;
    margin: 10px 0 0 0;
}

div.caloriePctBlock {
    text-align: center;
    width: 245px;
    height: 70px;
}

.caloriePctBlock ul {
    list-style-type: none;
    padding: 5px 0;
    margin: 0 auto;
}

.caloriePctBlock li {
    text-align: center;
    display: block;
    float: left;
    width: 80px;
    padding: 5px 0;
    color: #ffffff;
    font-weight: bold;
    background-image: url(images/endurance/lightGradient.png);
    background-repeat: repeat-x;
}

.caloriePctBlock span {
    font-size: 26px
}
/**/
#mainTableBody {
    min-height: 600px;
    z-index: 1000;
}
/*new endurance*/
body.endurance, .endurance a.homeBtn {
    font-family: "Helvetica Narrow", "Helvetica Condensed", "Helvetica Neue Condensed", "Arial Narrow", "Univers Condensed", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}

body.endurance {
    background: #0051d6 url('images/endurance/Runner_bg8.jpg') repeat-x scroll 50% 0;
    font-size: 12px;
}


    body.endurance #mainTableBody {
        font-family: Georgia, "Times New Roman", Serif;
    }

.enduranceContent {
    padding: 20px 30px
}

.testimonial div.author {
    position: static;
    text-align: right;
    margin-bottom: 20px;
}

.endurance #element {
    margin: 0 auto -60px;
    padding-bottom: 60px;
    background: #ffffff;
    min-height: 600px;
}

.endurance h1 {
    font-size: 2.5em;
    color: #222;
    font-weight: normal;
    font-family: 'PT Sans Narrow', Tahoma, Arial;
}

.endurance p {
    font-size: 1.1em;
    color: #444;
    font-family: Georgia, "Times New Roman", Serif;
}

.endurance .slides {
    margin-top: 15px;
    font-size: 14px;
    padding: 15px;
    border: solid 1px #ddd;
    background: url('images/endurance/graygrad.gif') repeat-x scroll 0 0;
    height: 120px;
    position: relative;
    border-radius: 5px;
}

.author {
    position: absolute;
    bottom: 4px;
    right: 10px;
    color: #045cfb;
    font-size: 14px;
}

.endurance .slideMsg a {
    position: static;
    float: left;
    margin-top: 20px;
    font-family: 'PT Sans Narrow', Tahoma, Arial;
}

.endurance .slideMsg {
    padding-left: 35px;
    width: 882px
}

.slideMsg p {
    font-weight: bold
}

#endurance_sports_nutrition_bar {
    background: url('images/endurance/checklist_slide.jpg') no-repeat scroll;
    background-position: 97% 4px;
}

#endurance_athletes {
    background: url('images/endurance/runner_slide.jpg') no-repeat scroll;
    background-position: 97% 4px;
}

#energy_bars_for_sports_fitness_athletes {
    background: url('images/endurance/tennis_slide.jpg') no-repeat scroll;
    background-position: 97% 4px;
}


.endurance #nav2 {
    color: #045cfb
}

.endurance .slideMsg div {
    width: 400px
}

body.endurance a, .endurance #nav2 a {
    color: #045cfb;
    text-decoration: none
}

.endurance .pad {
    padding-left: 20px
}

    .endurance .pad h2 {
        font-family: 'PT Sans Narrow', Tahoma, Arial;
    }

.endurance #startView5 .pad {
    padding: 5px 9px;
}

.endurance ul.list li a, .endurance .cols2 li {
    font-size: 12px;
    line-height: 17px;
}

.title {
    font-size: 1.5em;
    font-family: 'PT Sans Narrow', Tahoma, Arial;
    position: relative;
    right: 3px;
    display: block;
    margin-top: 8px;
}

.eeHome h3 { /*font-size:1.9em;color:#444;font-weight:normal;*/
    font-size: 1.9em;
    color: #444;
    font-weight: normal;
    font-family: 'PT Sans Narrow', Tahoma, Arial;
}

.endurance .btn {
    background: url('images/endurance/aroB2.gif') no-repeat scroll 100% 50%;
    padding-right: 25px;
    font-size: 1.4em;
}

.endurance a.homeBtn {
    font-weight: normal;
    background: url('images/endurance/aroB.gif') no-repeat scroll 100% 50%;
    padding-right: 20px;
    width: auto;
    font-size: 16px;
}

.endurance #nav a {
    background-image: url(images/endurance/menu_sprite_2.png)
}

.endurance .homeTop {
    background: #ffffff;
    height: auto;
}

.endurance .pageTop {
    background: url('images/endurance/graygrad.gif') repeat-x scroll 0 0;
    z-index: 1001;
}

.endurance .homeContent {
    background: #ffffff
}

.endurance .logo {
    width: 300px;
    float: left;
    margin-top: 40px;
}

.eBox {
    margin: 0 auto;
    padding-left: 7px;
    background: url('images/endurance/eBoxL.gif') no-repeat scroll 0 0;
}

    .eBox .mid {
        background: url('images/endurance/eBox.gif') repeat-x scroll 0 0;
    }

    .eBox .rt {
        padding-right: 7px;
        background: url('images/endurance/eBoxR.gif') no-repeat scroll 100% 0%;
    }

    .eBox h3 {
        float: left;
        height: 63px;
        padding: 0 8px;
        background: url('images/endurance/eBoxH.gif') no-repeat scroll top left;
        line-height: 63px;
        margin: 0;
        width: 23%;
        text-align: center;
    }

    .eBox .f {
        background: transparent;
    }

    .eBox h3 a {
        color: white;
        font-family: Georgia;
        font-size: 22px;
        font-style: italic;
        font-weight: bold;
        text-shadow: #E34017 0.1em 0.1em 0.2em;
    }

.endurance .custom {
    border: solid 1px #ddd;
    border-radius: 5px;
    background: url('images/endurance/graygrad.gif') repeat-x scroll 0 0;
}

.pageTop .header {
    float: left
}

div.boostIt {
    background: #DDD;
    border: 1px solid #AAA;
    border-width: 1px 0;
    padding: 4px 10px 10px;
    text-align: left;
}

.enduranceKey {
    position: absolute;
    left: 380px;
}

div.key ul.endurancePowerKey {
    margin: 0
}

ul.endurancePowerKey {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#ingredients .endurancePowerKey img, .endurancePowerKey img {
    display: inline;
    position: relative;
    top: 8px;
    right: 5px;
    float: none;
}

a#introPrice {
    position: absolute;
    top: -20px;
    right: -30px;
    z-index: 1001;
}

div.addHeight3 {
    top: 20px;
    height: 452px;
}

.featureBarProfile input {
    margin: 2px 4px 2px 10px;
}

.priceSeal {
    position: relative;
    display: block;
    background: url('images/seal.png') no-repeat scroll top left;
    width: 80px;
    height: 80px;
}

    .priceSeal span {
        position: absolute;
        z-index: 100;
        color: white;
        font-weight: bold;
        width: 80px;
        text-align: center;
        top: 17px;
        font-size: 22px !important;
        right: 0;
        line-height: 24px;
        font-style: italic;
    }

        .priceSeal span small {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            display: block;
        }

.cereal.priceSeal span {
    top: 17px;
}

.priceSeal span sup {
    font-size: small;
}

h1 span.smaller {
    font-size: 18px;
}

div.starter p {
    font-size: 1.2em;
}

.ele1 {
    background: #e06b12;
    border-right: solid 1px #ffffff;
}

.ele2 {
    background: #351f16;
    border-right: solid 1px #ffffff;
}

.ele3 {
    background: #6c3706;
}

.introPriceAlert {
    background: #ffCCCC;
    text-align: center;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
}


#coForm .LoginButton {
    margin-top: 35px;
}

.modalBG {
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #6e4f1c url(images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat;
    opacity: .60;
    filter: Alpha(Opacity=60);
}

    .modalBG div {
        opacity: 1.0;
        filter: Alpha(Opacity=100);
    }

.rateCol {
    text-align: center;
}

    .rateCol p {
        font-size: 13px;
        clear: left;
    }

div.starholder {
    padding: 2px 0px;
    margin: 0 auto;
    width: 80px;
}

div.searchPanel {
    text-align: right;
}

table.noFav th, table.noFav td, tr.noFav td {
    border: 0;
}

table.QuizQs {
    margin: 0;
}

.spinMe2 {
    height: 20px;
}

    .spinMe2 div {
        background: url('images/ajax-loader.gif') no-repeat scroll 0 3px;
        padding: 10px;
        width: 20px;
        height: 20px;
    }

.spinMe {
    background: #ffffff;
    border: solid 4px #CCC;
    padding: 35px 35px 40px;
    text-align: center;
    color: #555;
    font-size: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .spinMe div {
        background: url('images/ajax-loader.gif') no-repeat scroll 0 3px;
        padding-left: 20px;
    }

span.spin {
    display: block;
    padding-left: 30px;
    background: url('images/ajax-loader.gif') no-repeat scroll middle left;
}

.spinMe div {
    margin-top: 5px;
}

.Helper {
    padding-right: 15px;
    background: url('images/questionmark2.gif') no-repeat scroll right center;
}

.CVVImg {
    vertical-align: middle
}

#content .Calendar .CalTitle td {
    background: #e06b12;
    color: #ffffff;
}

.COItemList {
    margin: 0;
    padding-left: 0px;
    list-style-type: none;
}

.Suspended {
    font-size: 16px;
    color: #ff0000;
    background: #ffffff;
    display: block;
    padding: 2px 5px;
    margin: 3px 6px;
    font-weight: bold;
    background: white;
    position: relative;
    left: 633px;
    top: 37px;
    width: 60px;
}

.FBLogin {
    text-align: center;
    width: 320px;
    margin: 10px auto;
}

a.adjustPlus, a.adjustMinus {
    display: none;
}

.starLabel {
    float: left;
    clear: left;
    display: block;
    width: 200px;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
    padding-left: 40px;
}

.starWrapper span {
    display: block;
    float: left;
    margin-left: 8px;
    font-size: 1.2em;
    line-height: 1.2em;
}

.zoomImg {
    border: dashed 2px #e06b12;
}

.surveyWrap {
    padding: 25px 45px;
}

.surveyPopup {
    padding: 10px 45px;
    width: 80%;
}

    .surveyWrap h2, .surveyPopup h2 {
        font-size: 14px;
    }

.searchIng span {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    color: #e06b12;
}

/*new Home*/
.main {
    margin: 0px auto;
    width: 955px;
    font-family: Arial;
    position: relative;
}

#mainWrap {
    padding: 20px;
    background: url('images/home/textured_bg.jpg') repeat scroll top left;
}

#hFrm {
    margin: 0;
    padding: 0;
}

#nav1 {
    margin: 0 0 0 568px;
    height: 112px;
    padding: 0;
    z-index: 99999;
}

#nav {
    list-style: none;
    margin: 0;
    padding: 50px 0 0 0;
    text-indent: -9999px;
}

    #nav li {
        display: block;
        float: left;
        width: 112px;
        cursor: pointer;
        position: relative;
        z-index: 99999;
    }

    #nav a {
        display: block;
        height: 40px;
        background: url('images/home/menu_sprite.jpg') no-repeat scroll top left;
    }

#m1 a {
    background-position: 0 0;
}

    #m1 a.active, #m1 a:hover {
        background-position: 0 -60px;
    }

#m2 a {
    background-position: -117px 0;
}

    #m2 a.active, #m2 a:hover {
        background-position: -117px -60px;
    }

#m3 a {
    background-position: -236px 0;
}

    #m3 a.active, #m3 a:hover {
        background-position: -236px -60px;
    }

#nav #m4 {
    width: 96px
}

#m4 a {
    background-position: -344px 0;
}

    #m4 a.active, #m4 a:hover {
        background-position: -344px -60px;
    }

#nav #m5 {
    width: 115px;
}

#m5 a {
    background-position: -440px 0;
}

    #m5 a.active, #m5 a:hover {
        background-position: -440px -60px;
    }

#nav li ul {
    position: absolute;
    left: -999em;
    text-indent: 0;
    padding: 0;
    margin: 0;
    background: white;
    border: solid 3px #EAC8B1;
    border-width: 1px 3px;
    z-index: 99999;
}

    #nav li ul li {
        width: 110px;
        padding: 2px 5px;
        float: none;
    }

        #nav li ul li:hover {
            background: #f0dfcf;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

    #nav li ul a, .endurance #nav li ul a {
        background: none;
        height: auto;
        text-decoration: none;
        color: #696863;
        font-size: 11px;
    }

#nav li:hover ul {
    left: auto;
    z-index: 10000;
}

#nav li.sfhover ul {
    left: 0;
    z-index: 10000;
}


#nav2 {
    text-align: right;
    width: AUTO;
    position: absolute;
    top: 13px;
    right: 25px;
    font-weight: bold;
    font-family: Arial;
    font-size: 0.9em;
    color: #d69e6b;
    clear: both;
    margin: 0;
}

    #nav2 a {
        color: #d69e6b;
        text-decoration: none;
        margin: 0 5px;
    }

        #nav2 a:hover {
            color: #E06B12;
        }

    #nav2 ul {
        display: none;
        position: absolute;
        z-index: 100000;
        top: 100%;
        margin: 0;
        list-style: none;
        left: 11px;
        padding: 0;
        background: white;
        width: 155px;
        text-align: left;
        border: 3px solid;
        border-radius: 5px;
    }

        #nav2 ul li {
            position: relative;
            z-index: 100000;
            padding: 5px 10px;
        }

            #nav2 ul li:hover {
                background: #f0dfcf;
            }

    #nav2 > li {
        list-style: none;
        width: auto;
        height: auto;
        float: left;
        z-index: 100000;
        position: relative;
    }

        #nav2 > li:hover > ul {
            display: inline-table;
        }

#social {
    position: fixed;
    bottom: 25px;
    left: 0px;
    z-index: 100000;
}

    #social a {
        display: block;
        margin-left: 3px;
        text-indent: -9999px;
        width: 28px;
        height: 28px;
        background: url('images/home/share_buttons.gif') no-repeat scroll top left;
    }

        #social a.Helpicon {
            background-position: right top;
        }

        #social a.FBicon {
            background-position: -131px top;
        }

        #social a.TWicon {
            background-position: -101px top;
        }

        #social a.Photoicon {
            background-position: -37px top;
            width: 32px;
        }

        #social a.Blogicon {
            background-position: -71px top;
        }

        #social a.Newsicon {
            background-position: -4px top;
            width: 32px;
        }

#custom_slider {
    height: 300px;
    text-align: left;
}

.clr {
    clear: both
}

.custom {
    padding-top: 2px;
    height: 268px;
    position: relative;
    overflow: hidden;
    width: 911px
}

    .custom .feature {
        position: absolute;
        top: 0;
        right: 0;
    }

.energy_slides {
    height: 268px;
    position: relative;
    overflow: hidden;
    width: 924px
}

#build_custom_energy_bar {
    background: url('images/home/fresh_bars_on_napkin.jpg') no-repeat scroll top right;
}

#choose_own_ingredients {
    background: url('images/home/cranberry_almonds_cashews_chocolate.jpg') no-repeat scroll top right;
}

#energy_or_protein_create {
    background: url('images/home/build_a_bar_screenshot.jpg') no-repeat scroll 105% 0px;
}

#popular_energy_bars {
    background: url('images/home/popular_bars.jpg') no-repeat scroll 105% -16px;
}

#wholesale {
    background: url('/Public/Images/wholesalebanner.png') no-repeat scroll 85% 48%;
}

#like_us_and_win {
    background: url('images/home/likedItBar.jpg') no-repeat scroll 94% -63%;
}

    #like_us_and_win a img {
        left: 103px;
        position: relative;
        top: -12px;
        width: 73px;
    }

#fb-root {
    left: 60px;
    position: relative;
}

.page_slide {
    list-style: none;
    float: right;
    margin: 10px;
}

    .page_slide li {
        float: left;
        display: block;
        width: 10px;
        height: 10px;
        background: #8c8c8c;
        margin-left: 4px;
        text-indent: -9999px;
    }

        .page_slide li.active {
            background: #8b4e2a
        }

    .page_slide a {
        display: block;
    }

.homeTop, .pageTop {
    background: url('images/home/custom_energy_bar_bg_with_manufac2.jpg') no-repeat scroll 0px -45px;
    height: 525px;
    position: relative;
    padding: 0 20px;
}

.pageTop {
    height: 108px;
    border-bottom: solid 3px #eac8b1;
    z-index: 1001
}

.slideMsg {
    padding: 0 0 0 16px;
    position: relative;
    width: 896px;
    height: 268px;
}

    .slideMsg h1 {
        padding-top: 20px;
        margin-top: 0;
    }

    .slideMsg h2 {
        width: 350px;
    }

    .slideMsg a {
        display: block;
        position: absolute;
        bottom: 25px;
        left: 16px;
    }

.homeContent {
    background: #f9f9f9 url('images/home/green_grass_tile_left.jpg') repeat-y scroll left top;
}

.homeCRight {
    background: url('images/home/green_grass_tile_right.jpg') repeat-y scroll right top;
    padding-bottom: 10px;
}

.cols2 {
    width: 49%;
    float: left;
}

.cols3 {
    width: 33%;
    float: left;
}

.cols2 h3 {
    margin-bottom: 2px;
}

.pad {
    padding: 0px 20px 0px 50px;
}

.cols2 p {
    margin: 3px 0 15px 0;
    line-height: 1.4em;
}

.cols2 ul {
    color: #555;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10px
}

.cols2 li {
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 1.4em;
}

.homeContent .cols2 {
    margin-bottom: 25px
}

.joybox {
    width: 418px;
    height: 161px;
    background-color: rgba(248,248,248,0.5);
}

    .joybox h3 {
        margin: 0;
        background: #E06B12;
        border: solid orange;
        border-width: 2px 0px;
        color: white;
        font-size: 25px;
        padding: 7px 10px;
        font-family: "Arial Black";
        text-shadow: 1px 1px 3px orange;
    }

    .joybox ul {
        padding: 0 15px;
        color: black;
    }

.eeHome .cols2 ul.list li {
    margin: 0;
    font-size: 1.4em;
}

.joybox li {
    display: block;
    float: left;
    width: 48%;
    padding: 0;
    text-align: center
}

.joybox a {
    color: #045cfb;
    font-weight: bold;
    text-decoration: none;
}

.joybox li a {
    display: block;
    font-size: 1.2em;
}

.joybox p {
    padding: 4px 10px;
    margin: 4px;
}

.boxes {
    height: 60px;
}

    .boxes h3 {
        float: left;
        width: 29.9%;
        margin: 0;
        padding: 0;
    }

        .boxes h3.narrow {
            float: left;
            width: 19.9%;
        }

    .boxes a {
        display: block;
        text-indent: -9999px;
        height: 68px;
    }

a.homeBtn {
    background: url('images/home/button_bg.gif') no-repeat scroll top left;
    display: block;
    width: 89px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-decoration: none;
    color: #555;
    text-align: center;
    float: right;
    font-weight: bold;
    position: relative;
    top: 15px;
}

div.ee {
    background-color: rgba(248,248,248,0.5);
    height: 161px
}

    div.ee h3 {
        background: url('images/ee_home_banner2.jpg') no-repeat scroll -10px 0px;
        width: 398px;
        height: 53px;
        text-indent: -9999px;
        margin: 0 0 8px;
    }

    div.ee p {
        padding: 2px 20px 5px 10px
    }

textarea {
    border: solid 1px #d69e6b;
}

.cols2 textarea {
    width: 100%;
}

#social img {
    width: 65px;
    height: 40px;
    z-index: 99;
}

#social .msg_block {
    width: 28px;
    display: block;
    text-indent: -9999px;
}

.zmax {
    z-index: 12000;
}

.headLogo {
    position: absolute;
    top: 12px;
    left: 35px;
    display: block;
    width: 200px;
    height: 66px;
    text-indent: -9999px;
    background-image: url('images/Logo_With_Tagline.png');
    background-repeat: no-repeat;
}

.baking {
    width: 50px;
    height: 47px;
}

.queue {
    width: 32px;
    height: 32px;
}

.shipped {
    width: 104px;
    height: 77px;
}

.packaging {
    width: 64px;
    height: 60px;
}


.shareTheJoy {
    width: 100%;
    height: 30px;
}

    .shareTheJoy h1 {
        display: none
    }

.feature {
    padding: 20px;
    font-size: 1.2em;
    text-align: center
}

    .feature p {
        font-size: 1.3em;
    }

    .feature .choice {
        background: #F0F0F0;
        border: 4px solid #D8D8D8;
        margin: 0px auto;
        padding: 15px 25px 25px;
        width: 60%;
        height: 60px;
        font-size: 1.2em;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .feature h3 {
        font-size: 24px
    }

.choice h2 {
    margin: 5px 0;
}

.feature li {
    margin: 0px;
    text-align: left;
}

.emailForm {
    padding: 12px;
    background: #f0f0f0;
    border: solid 2px #d8d8d8;
}

    .emailForm textarea {
        width: 85%;
    }

.emailWrap {
    width: 400px;
    top: 100px;
    left: 100px;
}

.footBtn {
    border: 1px solid #DDDDDD;
    border-width: 0 1px;
    display: block;
    float: left;
    height: 26px;
    line-height: 24px;
    padding: 0;
    position: relative;
    text-align: left;
    background: #FFfffF;
}

    .footBtn a {
        color: #555;
        padding: 0 4px;
    }

    .footBtn ul {
        display: none;
        position: absolute;
        bottom: 26px;
        left: 0px;
        background: #C1F1B2;
        margin: 0;
        padding: 2px 10px;
        z-index: 9999;
        list-style: none;
        min-width: 140px;
        border: 2px solid #1F8300;
        border-width: 2px 2px 0 2px;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }

        .footBtn ul a {
            color: #333;
            font-weight: bold;
        }

.colBox {
    background: #e8e5d4;
    border: solid 1px #acad9f;
    margin: 10px
}

    .colBox h2 {
        background: #47292b;
        width: 105%;
        position: relative;
        right: 2.5%;
        color: #ffffff;
        padding: 14px 0 10px;
        font-size: 16px;
        margin-top: 10px;
        border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
    }

        .colBox h2 span {
            margin-left: 25px
        }

    .colBox h3 {
        margin: 3px;
        font-size: 12px;
        font-weight: bold;
        background: none;
    }

    .colBox div {
        padding: 10px 13px
    }

    .colBox a {
        display: block;
        background: #c5c3b4;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 10px 15px;
        text-align: center;
        height: 2.5em
    }

        .colBox a.gbtn, a.gbtn {
            display: block;
            font-weight: bold;
            text-align: center;
            margin: 0 auto 15px;
            background: url('images/orange_button2.gif') no-repeat scroll top left;
            color: #f8f8f8;
            width: 240px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            text-decoration: none;
            padding: 0
        }

        .colBox a.plain {
            display: inline;
            margin: 0;
            padding: 0;
            text-align: left;
            height: auto;
            background: inherit;
            font-size: inherit
        }

    .colBox p {
        margin-top: 0;
        font-size: 11px;
        height: 65px;
    }

    .colBox .img {
        height: 142px
    }

    .colBox img {
        width: 100%
    }

.otherTB {
    position: relative;
    left: 70px;
    bottom: 20px;
}

#content .Title, .Title {
    color: #6E6E6E;
    font-size: 14px;
    font-weight: bold;
}

/*ie6*/
* html #social {
    position: absolute;
    left: -40px;
    bottom: -200px;
}

#lnk_morelessIngr {
    float: right;
    margin-left: 5px;
    position: relative;
    width: 52px;
}

.img_morelessIngr {
    display: inline;
    float: right;
}

.sec {
}

.shipfree {
    text-align: right;
    float: right;
    padding: 4px 8px;
    border: solid 1px #e06b12;
    border-width: 1px 3px;
    font-size: 1.1em;
}

    .shipfree em {
        color: #993300;
        font-weight: bold;
        font-style: normal;
    }

    .shipfree span {
        color: #CC663A
    }

.starboxWrapper {
    clear: left;
    margin-left: 45px;
}

.starboxWrapperYou {
    clear: left;
    margin-left: 11px;
}

#fb-like {
    margin-left: 56px;
}

#startView1 table.ver-zebra, #dialog table.ver-zebra, #startView5 table.ver-zebra {
    border-collapse: collapse;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
    margin: 0px 5px 20px;
    text-align: left;
    width: 480px;
    border-top: none;
    clear: both;
}

    #startView1 table.ver-zebra th, #startView5 table.ver-zebra th {
        border: 1px solid white;
        color: #039;
        font-size: 14px;
        font-weight: normal;
        padding: 12px 15px;
    }

        #startView1 table.ver-zebra th.vzebra-nutrition, #startView1 table.ver-zebra td.vzebra-nutrition,
        #startView5 table.ver-zebra th.vzebra-nutrition, #startView5 table.ver-zebra td.vzebra-nutrition {
            padding: 12px 8px;
        }

    #startView1 table.ver-zebra td, #startView5 table.ver-zebra td {
        border: 1px solid white;
        color: #669;
        padding: 8px 5px;
    }

#startView1 th.vzebra-odd, #startView1 td.vzebra-odd, #startView5 th.vzebra-odd, #startView5 td.vzebra-odd {
    background: #EFF2FF;
}

#startView1 th.vzebra-even, #startView1 td.vzebra-even, #startView5 th.vzebra-even, #startView5 td.vzebra-even {
    background: #E8EDFF;
}

#startView1 table.ver-zebra td.vzebra-description, #startView5 table.ver-zebra td.vzebra-description {
    padding: 8px 0px;
}

#startView1 table.ver-zebra td.vzebra-nutrition, #startView1 table.ver-zebra td.vzebra-buy,
#startView5 table.ver-zebra td.vzebra-nutrition, #startView5 table.ver-zebra td.vzebra-buy {
    vertical-align: middle;
}

#startView1 td.vzebra-hover, #startView5 td.vzebra-hover, #dialog td.vzebra-hover {
    background: #C1DAD7;
}


div.vzebra-buy {
    padding: 0px;
    width: 90px;
}

input.qty {
    width: 22px;
}

#tb_ingredients tr {
    border-bottom: 1px solid white;
}

#tb_ingredients td {
    border-left: 1px solid white;
    border-right: 1px solid white;
    color: #669;
    padding: 8px 5px;
    height: 200px;
}

div.description {
    width: 277px;
}

    div.description h2 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 0px;
    }

#startView1 table.ver-zebra h3.barname, #startView5 table.ver-zebra h3.barname {
    margin-top: 0px;
}

section ul.ingredients {
    position: relative;
    left: 0;
    top: 0;
    padding: 0 0 0 5px;
    list-style: none;
    clear: left;
    width: 100%;
    overflow: hidden;
}

section ul.ingredients li {
    float: left;
    margin: 0 5px 0px 0;
}

section ul.ingredients li img {
    border: 1px solid #999;
    height: 35px;
    width: 35px;
    padding: 2px
}

#startView1 a, #startView5 a {
    color: #039;
}

#startView1 input.btn, #startView5 input.btn {
    background: #597D39;
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    padding: 3px 6px;
    width: 35px;
}

#startView1 table.ver-zebra td.headerSortUp, #startView1 table.ver-zebra td.headerSortDown {
    background-color: #CEBD93;
}

#startView1 table.ver-zebra th.headerSortUp, #startView5 table.ver-zebra th.headerSortUp {
    background-image: url(images/asc.gif);
    background-color: #C1DAD7;
}

#startView1 table.ver-zebra th.headerSortDown, #startView5 table.ver-zebra th.headerSortDown {
    background-image: url(images/desc.gif);
    background-color: #C1DAD7;
}

#startView1 table.ver-zebra th.header, #startView5 table.ver-zebra th.header {
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 49% 90%;
}

#startView1.width100 .popularItems_many_itemOuter {
    width: 880px;
}

.cat {
    margin-top: 5px;
}


input.btnCompare {
    padding: 3px 6px;
    clear: both;
    float: right;
    width: 120px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #039;
    background: #C1DAD7;
    margin-right: 29px;
    width: 101px;
}

#overlay {
    top: 373px;
    left: 50%;
    position: absolute;
    margin-left: -100px;
    width: 200px;
    text-align: center;
    display: none;
    margin-top: -10px;
    background: #C1DAD7;
    color: #FFFFFF;
}

#dialog {
    display: none;
}

.unitpricestrike {
    color: #AAA;
    display: block;
    font-size: 0.8em;
    text-decoration: line-through;
}

.uc h4 a {
    color: #ffffff
}




#mainWrap .slides {
    font-size: 14px;
    padding: 0px 0px 0px 15px;
    height: 355px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 388px;
    background: none;
    margin-top: 20px;
    top: 0;
}

#slides > div {
    min-height: 200px;
    margin: 24px 0px 0px 0px;
    position: relative;
    top: 0;
    left: 0;
}

#mainWrap .testimonials > div {
    min-height: 100%;
    margin-bottom: 54px;
}

#slides a.homeBtn {
    /*    position: absolute;
    bottom: -2px;
right: -8px;
top: 160px;*/
    position: relative;
    top: 15px;
}

#mainWrap .author {
    position: relative;
    top: 12px;
    color: #045CFB;
    font-size: 14px;
    text-align: right;
    font-style: italic;
}

#mainWrap .slideMsg a {
    position: static;
    float: left;
    margin-top: 20px;
    font-family: 'PT Sans Narrow', Tahoma, Arial;
}

#mainWrap .slideMsg {
    padding-left: 35px;
    width: 882px
}


#mainWrap .bqstart {
    float: left;
    width: 35px;
    height: 45px;
    margin: -24px 6px 0 0px;
    font-size: 700%;
    background: url('images/leftquote.png');
}


#mainWrap .bqend {
    float: right;
    width: 35px;
    height: 45px;
    margin-top: -40px;
    font-size: 700%;
    background: url('images/rightquote.png');
}

#mainWrap .slides p {
    text-align: justify;
    height: 111px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
}

#mainWrap .slides a.testimonials {
    text-decoration: none;
    color: #444;
    font-size: auto;
    font-weight: auto;
}

    #mainWrap .slides a.testimonials:hover {
        text-decoration: underline;
    }

#mainWrap .testimonials a.homeBtn {
    display: none;
}

#mainWrap .testimonials a.homeBtn {
    display: none;
}

#mainWrap .testimonials .bqend {
    margin-top: -34px;
    margin-left: 3px;
}

#mainWrap .fromblog {
    font-size: 14px;
    padding: 0px 15px 20px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 367px;
    background-color: rgba(248, 248, 248, 0.5);
    margin-top: 20px;
}

.mobileonly {
    display: none;
}

.desktopOnly {
    display: block;
}

#userFeedback div.login a.submit {
    background: #E06B12;
    border: none;
    color: white;
    font-size: 16px;
    padding: 1px 27px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}



/*style for vitality*/
.vitality .featuredImageHolder {
    overflow: hidden;
    height: 300px !important;
    margin: 0 auto 8px !important;
    width: 200px !important;
}

#vitality_bar {
    background: url('images/vitality/vitality-banner.png') no-repeat scroll 106% 0px;
}

body.vitality a.homeBtn {
    font-family: "Helvetica Narrow", "Helvetica Condensed", "Helvetica Neue Condensed", "Arial Narrow", "Univers Condensed", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}

body.vitality {
    background: url('images/home/textured_bg.jpg') repeat 50% 0;
    font-size: 12px;
    padding: 20px;
    font-family: Georgia, "Times New Roman", Serif;
}


.vitality h1 {
    font-size: 33px;
    color: #54310A;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: bold;
}

.vitality p {
    font-size: 1.1em;
    color: black;
    font-family: Georgia, "Times New Roman", Serif;
}

.vitality .slides {
    margin-top: 15px;
    font-size: 14px;
    padding: 15px;
    border: solid 1px #ddd;
    background: url('images/endurance/graygrad.gif') repeat-x scroll 0 0;
    height: 120px;
    position: relative;
    border-radius: 5px;
}

.vitality #element {
    margin: 0px auto;
    width: 955px;
    position: relative;
    background: white;
}
/*{background:#ffffff;height:auto;}*/
.vitality .pageTop {
    background: url('images/vitality/vitality-bg.jpg') no-repeat scroll 0px 0px;
    height: 400px;
    position: relative;
    padding: 0 20px;
    z-index: 1001;
}

.vitality .homeTop {
    height: 400px;
    position: relative;
    padding: 0 20px;
    z-index: 1001;
}

.vitality .logo {
    width: 348px;
    float: left;
    margin-top: 40px;
}

.vitality .eeHome {
    background: #F9F9F9 url('images/home/green_grass_tile_left.jpg') repeat-y scroll left top;
}

.vitality .joybox {
    height: auto;
    padding-top: 5px;
    padding-bottom: 20px;
}

    .vitality .joybox h3 {
        font-size: 22px;
        color: White !important;
        background: #B2C498;
        border: solid #4F6E23;
        text-shadow: 1px 1px 3px #4F6E23;
        border-width: 2px 0px;
    }

    .vitality .joybox ul {
        padding-left: 5px;
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
    }

    .vitality .joybox li {
        width: 100%;
        padding-bottom: 5px;
    }

    .vitality .joybox a {
        color: #f78f1e;
    }

    .vitality .joybox li > a.keyword {
        width: 110px;
        text-align: right;
        display: block;
        float: left;
        margin-right: 8px;
    }

        .vitality .joybox li > a.keyword + span {
            float: right;
            text-align: left;
            width: 295px;
        }

.vitality .pad {
    overflow: hidden;
    font-family: Georgia, "Times New Roman", Serif;
    padding-bottom: 10px;
    clear: both;
}

    .vitality .pad h3 {
        color: Green;
    }

.vitality a.homeBtn {
    background: none;
    color: #f78f1e;
    width: auto;
    top: 0px;
    margin-right: 15px;
}

#vitality_bar a.btn {
    background: none;
    color: #f78f1e;
    padding-right: 25px;
    font-size: 1.4em;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 16px;
}

#vitality_bar h2 {
    font-size: 1em;
    color: #444;
    font-family: Georgia, "Times New Roman", Serif;
    font-weight: bold;
}

.vitality .slideMsg {
    height: 262px;
    padding-left: 36px;
    margin-top: 5px;
}

    .vitality .slideMsg h2 {
        width: 438px;
        margin-top: 12px;
    }

.vitality #nav a {
    background-image: url(images/endurance/menu_sprite.png)
}

.vitality #nav li ul a {
    background: none;
    height: auto;
    text-decoration: none;
    color: #696863;
    font-size: 11px;
}

.vitality .pageTop {
    height: 108px;
}

.vitality #featuredMenuWrapper {
    clear: left;
}

body.vitality #mainTableBody {
    font-family: Georgia, "Times New Roman", Serif;
    padding-bottom: 20px;
}

body.vitality .custom {
    float: left;
}



/*custom variety pack*/
.varietyLabel {
    background: url('images/featured/packaging_blank.jpg') no-repeat 0 0;
    width: 300px;
    height: 100px;
    top: 7px;
}

body.endurance .varietyMulti, body.vitality .varietyMulti {
    width: 320px;
    margin: 10px 0px;
}

body.vitality .varietyMulti {
    height: 200px;
}

.varietyQuarter {
    margin: 0 0 5px 8px;
    height: auto;
    padding-bottom: 20px
}

.varietyLabel > span {
    font-family: "Market Deco",Lucida Sans, Monaco, monospace;
    font-size: 16px;
    width: 70px;
    padding: 10px;
    position: absolute;
    top: 0px;
    left: 196px;
}

body.endurance .varietyLabel > span {
    top: 20px;
    right: 12px;
    left: auto;
    font-weight: bold;
}

.labeler .CustomLabelBox {
    font-size: 24px;
    left: 190px;
    top: 39px;
    width: 231px;
}

.labeler .CustomLabelNotesBox {
    font-size: 12px;
    left: 211px;
    top: 80px;
    width: 179px;
}

.notice-black {
    color: black;
}


/*our brands*/
.brands ol {
    margin: 0;
    padding: 0;
}

.brands li {
    float: left;
    display: block;
    width: auto;
    padding: 0;
    margin: 0 0 1.875em 2.25em;
}

    .brands li a {
        display: block;
        text-decoration: none;
    }

        .brands li a span {
            font-size: 14px;
            line-height: 20px;
            color: #78796E;
            display: block;
            margin: 0.357em 0 0;
            font-style: italic;
        }

.brand-item {
    border-top: 0.2143em double #DED9CE;
}

    .brand-item a {
        color: #A34103;
        font-size: 16px;
        font-weight: bold;
    }

    .brand-item p {
        text-align: justify;
        margin-left: 72px;
        margin-right: 60px;
    }

    .brand-item span.tagline {
        color: #B32720;
    }

    .brand-item a.logo {
        text-decoration: none;
    }

    .brand-item .logo-holder {
        width: 400px;
    }

        .brand-item .logo-holder:hover {
            background: #EFEFEF;
        }




/*popular bar page*/
a.lnk_research {
    text-decoration: none;
    color: #0645AD;
    background: none;
    line-height: 3px;
    cursor: auto;
    font-style: normal;
    font-weight: normal;
    vertical-align: baseline;
}

ul#research {
    padding-left: 4px;
    background: #EFE;
    font-size: 10px;
}

.featuredTitle {
    overflow: hidden;
    clear: both;
    padding-left: 20px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

    .featuredTitle h1 {
        font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
        font-size: 60px !important;
        border: none !important;
        color: #F37421;
        float: left;
    }

        .featuredTitle h1 strong {
            float: left;
        }

        .featuredTitle h1 em {
            font-size: 12px;
            color: black;
            text-shadow: none;
            clear: left;
            float: left;
            font-weight: normal;
        }

    .featuredTitle span {
        font-size: 18px;
        clear: both;
        float: left;
        font-style: italic;
        padding: 0 0 0.5em 0;
        line-height: 1.5em;
    }



.mainWrap > img {
    margin-bottom: 20px;
}

    .mainWrap > img.appendedphoto {
        display: none;
    }

.vitality .mainWrap > img {
    width: 350px;
    border: 1px solid #C6C4B8 !important;
    padding: 8px;
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg);
    -o-transform: rotate(358deg);
    -khtml-transform: rotate(358deg);
}

.vitality .mainWrap img.appendedphoto {
    border-width: 0px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -khtml-transform: rotate(5deg);
    top: -42px;
    background: white;
    width: 280px;
    left: 105px;
    display: block;
}

.mainWrap .ingredientImages {
    clear: both;
}

    .mainWrap .ingredientImages img {
        padding: 4px;
        width: 48px;
        border: 1px solid #AAA !important;
        margin: 4px;
    }

.aside {
    width: 245px;
    float: left;
    padding: 10px 3px;
}

    .aside p {
        font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 16px;
        line-height: 24px;
        color: black;
        font-style: italic;
    }

    .aside .featureBarTab1, .aside ul {
        background: none;
        border: none;
    }

    .aside .descriptions, .aside .miniNutrition {
        background: #ECEADF !important;
        overflow: hidden;
        padding: 12px;
    }

div.NutritionFacts div.NutritionHeader {
    font-size: 25px !important;
}

.aside .addToCartCol {
    overflow: hidden;
    float: none;
    margin: 17px auto 31px;
    width: 100%;
}



    .aside .addToCartCol ul {
        list-style: none;
    }



.aside .NutritionFacts {
    width: 210px !important;
}



    .aside .NutritionFacts table {
        width: 200px !important;
    }



.footer {
    overflow: hidden;
    float: left;
    clear: left;
    margin-top: 56px;
}



.ratingHolder {
    width: 140px;
    float: right;
}

    .ratingHolder a {
        font-family: Lucida Sans, Monaco, monospace;
        font-size: 1.2em;
    }

body.vitality .footer, body.endurance .footer {
    margin-top: 0px;
}

.featuredRating {
    clear: both;
    overflow: hidden;
}



.mainWrap h2 {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    color: #F37421;
    font-size: 18px;
}



.featuredTitle span b {
    font-size: 34px;
    color: #F37421;
}



div.NutritionFacts div.NutritionHeader {
    font-size: 24px !important;
}

#buzzButton {
    position: fixed !important;
}

.popupEmailCollector {
    position: absolute;
    display: none;
    width: 34%;
    text-align: left;
    bottom: 2px;
    left: 0;
    padding-top: 15px;
}

    .popupEmailCollector .collector_spep1 {
        width: 165px;
        white-space: normal;
        cursor: auto;
    }

    .popupEmailCollector .commandBtn {
        position: absolute;
        right: 13px;
        top: 6px;
        background: brown;
    }

.gredientToolTip {
    background: rgb(224,168,38); /* For browsers that don't support gradients */
    background: -moz-linear-gradient( /* Firefox gradient */
    90deg, rgb(207,141,0) 44%, rgb(224,168,38) 72% );
    background: -webkit-gradient( /* Webkit gradient */
    linear, left bottom, left top, color-stop(0.44, rgb(207,141,0)), color-stop(0.72, rgb(224,168,38)) );
    color: #ffffff;
    content: attr(data-sbtooltip); /* This takes the content of the attribute named "data-sbtooltip" and displays it within this element � We will use jQuery to take care of this to make sure that the document is still valid xHTML*/
    display: none; /* Hidden until hovered upon */
    /* Font, padding, top and right must change depending on the font size you are using on your web page */
    font-size: 76%;
    padding: 5px 10px;
    position: absolute;
    /* Border radii for different browsers */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /* Box shadows for different browsers */
    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
}

span.gredientToolTip:after {
    border-width: 12px;
    border-style: solid;
    border-color: #CF8D00 transparent transparent transparent;
    content: ""; /* Forces this pseudo-element to appear on hover */
    height: 2px; /* Width and height could  be left out, but I prefer a less 'pointy' triangle */
    width: 2px;
    position: absolute;
    top: 25px;
    right: 38px;
}

span.textboxWarning {
    background: #CCC;
    color: black;
    top: 0px;
    width: 254px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0;
    position: relative;
    top: -3px;
    float: left;
    text-align: center;
}

.facepile .grid_item {
    margin-right: 0.65em;
    color: #F50;
    float: left;
    width: 50px;
    height: 94px;
    cursor: pointer;
}

    .facepile .grid_item a {
        color: #222;
        display: block;
        font-size: 12px;
    }

.facepile .sending {
    vertical-align: middle;
    margin-left: 15px;
}

.facepile input[type=button] {
    background-color: #3E6D8E;
    color: #E0EAF1;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    text-decoration: none;
}


.vitalityLabelName {
    text-align: center;
    position: absolute;
    left: -13px;
    top: 28px;
    font-size: 13px;
    width: 170px;
    font-family: Myriad Pro;
    font-weight: bold;
    color: #351f16;
}

.vitalityLabel {
    position: relative;
    width: 167px;
    height: 264px;
    top: 5px;
    background: url(images/vitality_label_blank.jpg) no-repeat 0 0;
}

.formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    z-index: 5001;
    color: #ffffff;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


#checkout #testimonials {
    background-image: url('images/ok-hand.png');
    background-position: -44px -44px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 50px;
    z-index: 999;
}

#checkout #tasteGuarantee {
    background-image: url(images/paper.png);
    background-position: -44px -44px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 50px;
    z-index: 1000;
}

#checkout #testimonials span, #checkout .tasteGuarantee span {
    margin-left: 40px;
    color: orange;
    font-size: 14px;
    top: 8px;
    position: relative;
    font-weight: bold;
    float: left;
    min-height: 50px;
}

#checkout #tasteGuarantee div, #checkout #testimonials div {
    position: relative;
    font-family: tahoma;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 130px;
    z-index: 1001;
    margin-top: 58px;
    font-size: 14px;
    background-color: White;
    left: 56px;
    line-height: 1.5em;
}

#checkout #testimonials div {
    margin-top: 40px;
}

.tight {
    padding: 8px 4px !important;
}

.SubChoiceSpan {
    line-height: 30px;
    vertical-align: bottom;
}

.subIngrSeparator {
    border-top: 1px dotted;
    border-bottom-width: 0px;
    width: 40%;
    text-align: left;
    height: 0px;
    margin-left: 18px;
}

.highlighter {
    border: 1px solid #AFAFAF;
}


/*popular items redesign*/

.popularItems_many_title {
    padding-left: 42px;
}

    .popularItems_many_title h1 {
        font-family: 'EideticNeoBlack',Georgia, "Times New Roman", Times, serif;
        font-size: 40px;
        display: inline-block;
        text-shadow: #FFF 1px 1px 0;
    }

        .popularItems_many_title h1 span {
            font-family: "SansarahRegular",Georgia, "Times New Roman", Times, serif;
            font-size: 28px;
            color: #543019;
        }

a.priceSeal {
    background: url("images/badge_03.gif");
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    font-family: Georgia, Serif;
}

.popularItems {
    padding-left: 30px;
}

.popularItems_many_itemOuter {
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 670px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .popularItems_many_itemOuter.fade-out {
        border-color: #E9E0D3;
        cursor: pointer;
        opacity: .5;
        -webkit-transition: opacity .2s linear;
    }

    .popularItems_many_itemOuter.fade-in, .popularItems_many_itemOuter.compare-selected {
        cursor: pointer;
        opacity: 1;
        -webkit-transition: opacity .2s linear;
    }

.popularItems_many_itemImageWrapper {
    border: 1px solid #CCC;
    margin-top: 30px;
    padding: 2px;
    width: 224px;
    height: 154px;
    overflow: hidden;
    left: -20px;
    position: relative;
    background-color: white !important;
    clear: left;
    float: left;
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg);
    -o-transform: rotate(358deg);
    -khtml-transform: rotate(358deg);
    /*-ms-transform: rotate(358deg) !important;*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=358);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#ffffff') progid:DXImageTransform.Microsoft.Matrix(M11=0.99939083, M12=0.03489950, M21=-0.03489950, M22=0.99939083,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#ffffff')  progid:DXImageTransform.Microsoft.Matrix(M11=0.99939083, M12=0.03489950, M21=-0.03489950, M22=0.99939083,sizingMethod='auto expand');
*/
    z-index: 1;
}

.vitality .popularItems_many_itemImageWrapper {
    width: 240px;
    height: 170px;
}

    .vitality .popularItems_many_itemImageWrapper img {
        width: 230px !important;
        padding: 5px;
        top: 0px;
        left: 0px;
    }

.popularItems_many_itemImageWrapper img {
    border: none;
    width: 245px !important;
    height: auto !important;
    top: 10px;
    left: -15px;
}


.popularItems_many_itemDetails {
    width: 46%;
    float: left;
}

.vitality .popularItems_many_itemDetails {
    width: 43%;
}

.popularItems_many_itemDetails h3, .popularItems_many_itemDetails h3 a {
    font-family: Georgia, serif;
    font-size: 24px;
    color: #ff9933 !important;
    line-height: 20px;
    margin: 32px 0px 10px;
    font-weight: normal;
    text-decoration: none;
}

.popularItems_many_itemDetails p {
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    color: #666;
    line-height: 18px;
}

.popularItems_many_itemDetails .tag {
    list-style: none;
    padding-left: 5px;
}

    .popularItems_many_itemDetails .tag a {
        vertical-align: middle;
        background-color: transparent;
        display: inline-block;
        padding-right: 5px;
        text-decoration: none;
    }

        .popularItems_many_itemDetails .tag a span {
            font-size: 12px;
            line-height: 18px;
            padding: 1px 5px;
            display: block;
            font-weight: normal;
            border-radius: 4px;
            text-shadow: #FFF 1px 1px 0;
        }

.popularItems_many_itemDetails ul.ingredients {
    padding-bottom: 5px !important;
    overflow: hidden;
    margin: 0 0 8px 0;
}

span.Fiber {
    color: #939e35;
    background-color: #e1e8d2;
}

span.Immunity {
    color: #6392b1;
    background-color: #c8e7fb;
}

span.Breakfast {
    background-color: #ffe4cc;
    color: #de811b;
}

span.Dessert {
    background-color: #e4d7e9;
    color: #8f4aaa;
}

span.Heart {
    background-color: #fae5e5;
    color: #bf3741;
}

span.Protein, span.Recover {
    background-color: #d4eeec;
    color: #5d8784;
}

span.Treat, span.Pre-Race {
    background-color: #eed4e8;
    color: #ab4b93;
}

span.Antioxidant {
    background-color: #faeac8;
    color: #c64d56;
}

span.Detox, span.Low.Calorie {
    background-color: #edecd3;
    color: #bfb837;
}

span.Snack, span.Anti-nausea {
    background-color: #d3d6e8;
    color: #5d8784;
}

span.MealReplacement, span.High.Calorie {
    background-color: #e7d3e8;
    color: #7c86c2;
}

.popularItem_many_buy {
    float: right;
    padding-top: 30px;
    padding-right: 5px;
    width: 125px;
    text-align: center;
    font-style: italic;
    font-family: Georgia, Serif;
}

    .popularItem_many_buy span {
        color: #663300;
        font-size: 12px;
        font-style: italic;
        line-height: 20px;
    }

        .popularItem_many_buy span.pricing {
            font-size: 24px;
            font-style: italic;
        }

            .popularItem_many_buy span.pricing em {
                font-size: 10px;
                vertical-align: top;
            }

    .popularItem_many_buy input[type=text] {
        width: 34px;
    }

    .popularItem_many_buy a {
        border: 1px solid #c8c8c7;
        background-color: #FFF;
        color: #c8c8c7 !important;
        display: inline-block;
        width: 22px;
        cursor: pointer;
        text-decoration: none;
    }

        .popularItem_many_buy a:hover {
            background-color: #FFF6EB;
            border-color: #F2824A;
            color: #F2824A !important;
        }

a.compare {
    width: 150px;
    height: 23px;
    font-size: 13px;
    display: block;
    color: #f78f1e !important;
    border: 1px solid #c4bdb8;
    text-decoration: none;
    float: right;
    font-style: italic;
    text-align: center;
    line-height: 21px;
    border-radius: 8px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff),color-stop(0.5, #f0ece9), to(#f0ece9));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, color-stop(0.5, #f0ece9), #f0ece9);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f0ece9);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f0ece9);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f0ece9);
}

    a.compare:hover {
        color: #fff !important;
        border: 1px solid #f78f1e;
        text-shadow: 1px 1px 1px #333;
        background-color: #f78f1e;
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9b05f),color-stop(0.5, #f78f1e), to(#f78f2b));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #f9b05f, color-stop(0.5, #f78f1e), #f78f2b);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #f9b05f, #f78f2b);
        /* IE 10 */
        background: -ms-linear-gradient(top, #f9b05f, #f78f2b);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #f9b05f, #f78f2b);
    }
/*f78f1e*/
.popularItem_many_buy .quantity {
    padding-top: 16px;
    padding-bottom: 6px;
}

.popularItem_many_buy a.btnBuy {
    background: url("images/addToCart_grey.gif");
    width: 110px;
    height: 30px;
    border: none;
}

    .popularItem_many_buy a.btnBuy:hover {
        background: url("images/addToCart_06.gif");
    }

.popularItem_many_buy .compare {
    padding-top: 22px;
    font-size: 14px;
}

/* philosophy */

#btnbuildABar {
    font-family: 'SansarahRegular', Georgia, Serif;
    font-size: 30px;
    color: #eb9132;
    font-weight: bold;
    text-decoration: none;
    padding: 0 18px;
    background: white url(images/createLines.png) 0px 50px no-repeat;
}

    #btnbuildABar:hover {
        background: white url(images/createLines.png) 0px 26px no-repeat;
    }

#btnbuildABar2 {
    color: White;
    text-decoration: none;
}

    #btnbuildABar2:hover {
        font-style: italic;
        text-decoration: underline;
    }


    .aboutus-section p big {
        font-size: 30px;
        color: #eb9132;
    }

    .aboutus-section p strong {
        font-size: 34px;
        font-weight: bold;
        font-style: italic;
        color: #eb9132;
    }

.aboutus-section h1 {
    text-transform: uppercase;
    font: 62px 'SketchGothicLight', Arial, Sans-Serif;
    text-align: center;
    margin: 0.7em auto -0.1em;
}

.aboutus-section h2 {
    text-transform: uppercase;
    font: 46px 'SketchGothicLight', Arial, Sans-Serif;
    text-align: center;
}

.aboutus-section .imageWrapper {
    width: 38%;
    float: left;
    border: 2px solid #AAA;
    padding: 4px;
}

.aboutus-section .textWrapper {
    width: 60%;
    float: left;
}

.aboutus-section ul {
    list-style: none;
    margin: 0 0 1em 2px;
    padding: 0 0 0 16px;
    font-size: 20px;
}

    .aboutus-section ul li {
        line-height: 1.3em;
        margin: .25em 0;
        padding: 0 0 0 26px;
        background: url(images/cross.png) no-repeat 0 7px;
        height: 34px;
    }

        .aboutus-section ul li span {
            background-color: #eb9132;
            color: #4f301b;
            font-size: 17px;
            line-height: 38px;
            padding: 2px;
        }

    .aboutus-section ul.handwriten {
        margin-top: 10px;
    }

        .aboutus-section ul.handwriten li {
            line-height: 1.3em;
            margin: .25em 0;
            padding: 11px 0 0 26px;
            background: url(images/cross.png) no-repeat 0 0px;
            height: 46px;
            display: block;
        }

            .aboutus-section ul.handwriten li span {
                background-color: transparent;
                font: 24pt 'moanhandregular' Arial Sans-Serif;
                text-align: left;
                line-height: 14px;
                text-transform: uppercase;
                color: #62432e;
                text-shadow: 1px 0px 1px #555;
            }

            .aboutus-section ul.handwriten li div {
                font-size: 17px;
                margin-left: 52px;
                display: inline-block;
                clear: both;
                color: #EB9132;
                font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
                width: 100%;
            }

.aboutus-nav {
    font-size: 20px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    .aboutus-nav a {
        text-decoration: none;
    }

    .aboutus-nav .selected {
        color: #EB9132;
    }

#sendEmail {
    display: inline-block;
    text-decoration: none;
    background: none;
    color: #eb9132;
}

    #sendEmail:hover {
        text-decoration: underline;
    }

#hearfromyou {
    font: 24pt 'moanhandregular' Arial Sans-Serif;
    text-align: center;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #eb9132;
    display: block;
    background: white url(images/createLines.png) 0px 50px no-repeat;
}

    #hearfromyou:hover {
        text-decoration: underline;
        background: white url(images/createLines.png) 0px 26px no-repeat;
    }

#allTestimonials {
    list-style: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    #allTestimonials p {
        font-size: 15px !important;
        line-height: 1.6em;
        font-family: Cambria, Georgia, sans-serif;
    }

.slides #allTestimonials h3 {
    padding-left: 55%;
    font-size: 1.4em;
}

.slides a#view-Testmonials {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    line-height: 14px;
    position: absolute;
    right: 14px;
    text-decoration: none;
    bottom: 21px;
    color: #555;
}

    .slides a#view-Testmonials:hover {
        text-decoration: underline;
    }

#allTestimonials h3 {
    font-size: 1.8em;
    line-height: 1.1em;
    color: #eb9132;
    padding-left: 76%;
    margin-top: 0.6em;
}

    #allTestimonials h3 small {
        font-size: small;
        color: #AAA;
        display: block;
    }

.slides #allTestimonials > li {
    width: 100%;
    padding: 12px 0px 0px;
}

#allTestimonials li {
    position: relative;
    float: left;
    padding: 12px 16px 4px;
    width: 90%;
}

    #allTestimonials li div {
        background: #EFEFEF;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.24);
        -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.24);
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.24);
        position: relative;
        padding: 12px 16px 4px;
    }

    #allTestimonials li span.rating {
        background: white url('images/stars_5.png') 0 0 no-repeat;
        width: 80px;
        height: 16px;
        display: inline-block;
    }

.slides #allTestimonials li ul li {
    margin-bottom: 0px;
}

#allTestimonials li ul li {
    list-style: none;
    width: 36px;
    padding: 2px;
}

    #allTestimonials li ul li img {
        width: 36px;
    }

#allTestimonials li span.bubble-top {
    position: absolute;
    bottom: -22px;
    right: 75px;
    width: 25px;
    height: 23px;
    background: url('images/bubble_anchor.png') no-repeat;
}

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

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

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

.walkme-custom-balloon-separator, .walkme-custom-balloon-bottom-div {
    display: none !important;
}

#emailIt {
    background-image: url("images/PaperClip.png");
    background-repeat: no-repeat;
    width: 155px;
    height: 35px;
    display: inline-block;
    text-decoration: none;
}

    #emailIt span, #suggestIt span {
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px dotted;
        line-height: 22px;
        padding: 7px 5px 0px 5px;
        display: inline-block;
    }

    #emailIt:hover span, #suggestIt:hover span {
        background-color: #F7E5D4;
        border-bottom: 1px solid;
    }

#suggestIt {
    background: url("images/broadcast.png") no-repeat center left;
    width: 200px;
    height: 35px;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
}

.MakeIt {
    background-image: url("images/AddToCart_c.png");
    width: 209px;
    height: 50px;
    background-repeat: no-repeat;
    display: inline-block;
}

    .MakeIt:hover {
        background-position: 100% 0;
        cursor: pointer;
    }

.endurance .MakeIt {
    background-position: 0% 100%;
}

    .endurance .MakeIt:hover {
        background-position: 100% 100%;
    }

.cereal .CustomLabelNotesBox {
    left: 238px;
    top: 148px;
    width: 150px;
}

.cereal .CustomLabelBox {
    left: 238px;
    top: 115px;
    width: 150px;
}

a#nameIt, a#tasteGuarantee {
    font-size: 12px;
    color: #351F16;
    padding: 4px;
    line-height: 20px;
    text-decoration: none;
    margin-left: 4px;
    font-weight: normal;
}

    a#nameIt:hover span, a#tasteGuarantee:hover span {
        border-bottom: 1px dotted;
    }

#walkme-attengrab {
    display: none !important;
}


#walkme-popup-body.walkme-custom-walkthru-9959 > a > div {
    float: right !important;
    margin-right: 22px !important;
}

#coForm div.SameAddressAuto label {
    width: auto;
}





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

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

@font-face {
    font-family: 'myriadpro';
    src: url('fonts/MYRIADPRO-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro';
    src: url('fonts/MYRIADPRO-SIMIBOLDIT.OTF');
    font-weight: normal;
    font-style: italic;
}

.ingredientNameLabel {
    padding: 0px 2px;
    margin: 0px 4px;
    border-radius: 3px;
    color: white !important;
    background-color: #EB9312;
    text-decoration: none;
    font-size: 11px;
}

    .ingredientNameLabel:hover {
        background-color: #8B4E2A;
    }

div#nuskinlogo {
    background: url("images/logoNuSkin.png") 0 0 no-repeat;
    line-height: 60px;
    left: 0;
    padding: 0;
    text-indent: -999.9em;
    top: 33px;
    width: 265px;
}

#nuskinLoginForm {
    position: relative;
    margin: 10px auto;
    text-align: left;
    background: white;
    width: 306px;
    top: 10px;
    padding: 25px;
    border: 1px solid #BEBEBE;
    border-radius: 4px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

    #nuskinLoginForm h5 {
        color: #008AB0;
        font-size: 15px;
        padding-top: 10px;
        text-transform: uppercase;
        margin: 9px 0 13px;
    }

    #nuskinLoginForm fieldset {
        position: relative;
        width: 255px;
        padding: 0;
        margin: 0;
        padding-bottom: 6px;
        border: 0;
        font-size: 12px;
    }

    #nuskinLoginForm label {
        display: block;
        padding-bottom: 3px;
    }

    #nuskinLoginForm input {
        margin: 0;
    }

    #nuskinLoginForm a {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081A8',endColorstr='#006280');
        background: -webkit-gradient(linear,left top,left bottom,from(#0081A8),to(#006280));
        background: -moz-linear-gradient(center top,#0081A8 5%,#006280 100%) repeat scroll 0 0 #0081A8;
        background: -ms-linear-gradient(top,#0081A8 0,#006280 100%);
        background-color: #0081A8;
        border: 1px solid #006280;
        border-radius: 4px 4px 4px 4px;
        color: white;
        display: inline-block;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        min-width: 50px;
        padding: 6px 15px;
        text-decoration: none;
        cursor: pointer;
        margin: 10px 0px;
    }

.qty span.nuskinCartWarning {
    border: 1px solid #EB9132;
    border-radius: 5px;
    padding: 4px;
    background-color: #FCEFE2;
    color: #ce771b;
}

#guestAddTracking {
    overflow: hidden;
}

#btn_guestAddTracking {
    background-color: #8B4E2A;
    border: 0px;
    color: white;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
}

iframe {
    border: 0px transparent;
}

.paleo nav {
    background-color: #ed6e23;
    position: relative;
}

.paleo ul {
    list-style: none;
    margin: 0;
    padding: 8px 20px 0 60px;
    clear: both;
    overflow: hidden;
}

.paleo-content .paleo-price {
    color: #ed6e23;
    font-size: 28px;
}

.paleo nav li {
    font: 28pt 'moanhandregular' Arial Sans-Serif;
    color: White;
    float: left;
    line-height: 2em;
}

.paleo aside {
    position: absolute;
    right: 40px;
    top: -50px;
}

    .paleo aside img {
        width: 150px;
    }

.paleo .banner {
    position: relative;
}

.paleo #nav2 a {
    color: White;
    text-shadow: 1px 1px 2px #333;
}

#paleologo {
    position: absolute;
    top: 84px;
    left: 57px;
}

    #paleologo img {
        width: 320px;
    }

.paleo-content {
    background: white;
}

    .paleo-content section {
        padding: 24px 55px 0px;
    }

        .paleo-content section h3 {
            font: 30px 'sketch_blockbold' Arial Sans-Serif;
            color: #54301b;
            margin: 5px 0 10px 0;
        }

        .paleo-content section li {
            /* font: 20px 'sketch_blockbold' Arial Sans-Serif; */
            font: 20px/50px Arial, "Helvetica Neue", Helvetica, sans-serif;
            color: #54301b;
            width: 33%;
            float: left;
            list-style-image: url('images/checkmark.png');
            vertical-align: top;
        }

        .paleo-content section ul.uncheck li {
            list-style-image: url('images/checkmark2.png');
            line-height: 30px;
        }

        .paleo-content section li span {
            display: inline;
        }

    .paleo-content h5, .paleo-content p {
        font: 20px/1.6em Arial, "Helvetica Neue", Helvetica, sans-serif;
        text-align: center;
        margin: 0 0 0.4em;
    }

    .paleo-content section div.row {
        clear: both;
        overflow: hidden;
    }

    .paleo-content section div.two-columns {
        width: 50%;
        float: left;
        text-align: center;
    }

.wholesale {
    width: auto;
    padding: 12px 40px;
}

    .wholesale h4, .wholesale h5 {
        font-family: Georgia, serif;
        color: #54301a;
        font-style: italic;
        margin: 0.6em;
    }

    .wholesale .banner {
        text-align: center;
        font-size: 20px;
    }

        .wholesale .banner a {
            margin: 0 auto;
            display: block;
            width: 267px;
        }

    .wholesale footer aside {
        width: 40%;
        float: left;
    }

        .wholesale footer aside img {
            width: 100%;
        }

    .wholesale section {
        float: left;
        text-align: center;
        width: 60%;
    }

        .wholesale section p {
            font-family: 'Lucida Grande', sans-serif;
            font-size: 24px;
            line-height: 1.5em;
            margin: 0;
        }

    .wholesale footer {
        display: block;
        overflow: hidden;
        clear: both;
        padding-top: 20px;
    }

        .wholesale footer h5 {
            font-size: 18px;
        }

.TitleWholeSale {
    font-size: 20px;
    line-height: 1.8em;
    font-weight: bold;
}


#wholesale-order {
    padding: 25px;
    min-height: 400px;
    display: block;
    height: auto;
    clear: both;
    overflow: hidden;
}

    #wholesale-order .col-marginal {
        width: 220px;
        float: left;
        margin-right: 30px;
        min-height: 50px;
        height: auto;
        overflow: hidden;
    }

    #wholesale-order .col-main {
        width: 600px;
        float: left;
    }

    #wholesale-order table {
        margin: 0 auto;
        border-collapse: collapse;
        border-color: white;
        text-align: center;
        font-size: 15px;
    }

        #wholesale-order table > th {
            font-size: 12px;
        }

    #wholesale-order #chehckout-progress {
        padding-bottom: 30px;
        background: #FFF;
        width: 600px;
        z-index: 10000;
        cursor: pointer;
    }

    #wholesale-order #checkout-progress ul {
        letter-spacing: 0.02em;
        height: 38px;
        padding: 1px 0;
        border-top: 1px solid #6c3706;
        border-bottom: 1px solid #6c3706;
        cursor: default;
        margin-bottom: 30px;
        width: 600px;
    }

        #wholesale-order #checkout-progress ul li {
            position: relative;
            display: block;
            float: left;
            height: 38px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 16px;
            line-height: 38px;
            text-transform: uppercase;
            overflow: hidden;
        }

    #wholesale-order .fl {
        float: left;
    }

    #wholesale-order .fr {
        float: right;
    }

    #wholesale-order .b2 {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #wholesale-order .btn-progress {
        height: 27px;
        border-color: #888;
        border: 1px solid #6c3706;
        color: #fff;
        font-size: 15px;
        padding: 0px 12px;
        background-color: #6c3706;
        cursor: pointer;
    }

    #wholesale-order fieldset {
        border-width: 1px 0 0 0;
        padding: 8px 0 16px 0;
    }

    #wholesale-order legend {
        width: 100%;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        margin-bottom: 16px;
        border-bottom: 1px solid;
    }

        #wholesale-order legend span {
            position: relative;
            bottom: -4px;
            background-color: #fff;
            padding-right: 5px;
        }

    #wholesale-order label {
        width: 150px;
        display: inline-block;
        text-align: right;
        padding: 0 6px 14px 0;
        font-size: 13px;
        font-weight: bold;
    }

    #wholesale-order #checkout-progress li.active {
        color: White;
        font-weight: bold;
        background-color: #6c3706;
    }

    #wholesale-order .nav {
        list-style: none;
    }

        #wholesale-order .nav > li {
            line-height: 20px;
            font-size: 14px;
            height: 38px;
        }

            #wholesale-order .nav > li > a {
                position: relative;
                padding: 8px 16px;
                display: block;
                -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
                -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
                box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
                text-decoration: none;
                border: 1px solid #e5e5e5;
            }

            #wholesale-order .nav > li.active > a {
                color: #ffffff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
                background-color: #6c3706;
            }

    #wholesale-order .side-nav {
        margin: 30px 0 0;
        padding: 0;
        background-color: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
        box-shadow: 0 1px 4px rgba(0,0,0,.065);
    }

    #wholesale-order .EmptyCart > div {
        width: 100%;
    }

    #wholesale-order .EmptyCart div {
        padding-top: 4px;
        margin: 15px 6px;
    }

    #wholesale-order table.shipping {
        border: 1px dotted black;
        padding: 10px;
        margin: 10px auto;
        font-size: 12px;
    }

    #wholesale-order .shipping td {
        border: 0px;
    }

    #wholesale-order .shipping tr {
        border-bottom: 1px dotted black;
    }

    #wholesale-order .wholesaleOrderTB {
        border: 1px solid rgb(221,221,221);
        padding: 10px;
        margin: 7px;
    }

        #wholesale-order .wholesaleOrderTB td {
            padding: 4px 10px;
        }

    #wholesale-order .wrapcell {
        word-break: break-all;
        font-size: 12px;
    }

input.addToQuote,
a.addToQuote {
    width: 218px;
    padding: 8px 10px;
    display: block;
    font-size: 18px;
    font-family: 'Arial', 'IcoMoon-Free', sans-serif;
    background: #e06b12;
    border-radius: 4px;
    color: white;
    margin-bottom: 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 6px #aaa;
    font-weight: bold;
    text-align: left;
}

    a.addToQuote span.icon {
        font-size: 1.7rem;
        vertical-align: sub;
    }

a.addToQuoteSmall {
    width: 110px;
    padding: 4px 0;
    display: inline-block;
    font-size: 13px;
    background: white;
    font-style: normal;
    border-radius: 4px;
    color: #F37421 !important;
    margin-bottom: 10px;
    font-family: 'Arial' sans-serif;
    text-decoration: none;
    border-color: #F37421;
}

    a.addToQuoteSmall span.icon {
        font-size: 1.2rem;
        vertical-align: sub;
        font-style: normal;
        color: #F37421;
    }

    a.addToquoteSmall:hover {
        background: #F37421;
        color: white !important;
        font-weight: bold;
        -webkit-transition: color 1s ease;
    }

a.completeQuote {
    width: 200px;
    padding: 6px 12px 8px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Arial' sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
    border-radius: 4px;
    color: white;
    background: #e06b12;
    margin-bottom: 10px;
    text-decoration: none;
    box-shadow: 1px 1px 6px #aaa;
}

    a.completeQuote:hover, a.addToQuote:hover,
    input.addToQuote:hover {
        -webkit-transition: all 0.1s ease-out;
        box-shadow: 1px 1px 9px #aaa;
        background: #ff7214;
        cursor: pointer;
    }


a.continueShopping {
    width: 200px;
    padding: 6px 12px 8px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Arial' sans-serif;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #5d3813;
    border-radius: 4px;
    color: white;
    margin-bottom: 10px;
    text-decoration: none;
    box-shadow: 1px 1px 6px #aaa;
}

    a.continueShopping:hover {
        -webkit-transition: all 0.1s linear;
        background: #703600;
        box-shadow: 1px 1px 9px #aaa;
    }

    a.completeQuote span.icon, a.continueShopping span.icon {
        font-size: 1.2rem;
        vertical-align: sub;
        font-style: normal;
    }


body{font-family: 'lucidagrande';}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif; width:100%;}

p{ color:#414040; width:100%;}
ul{padding:0;}
a:hover{text-decoration:none;}
.form-control:focus { color: #495057; background-color: #fff; border-color: #8a2003; box-shadow: 0px 0.5px 3px 0.5px #8a2003;}
.btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active{border-color:#8a2003; background:#8a2003; box-shadow:none;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #8a2003 !important;
    border-color: #8a2003 !important;
}
.btn.btn-primary{transition:all 0.2s ease-in-out;}

header .navbar-nav li.nav-item { display: inline-block; width: 160px; padding:0 10px; margin: 0 10px; background: #8a2003; font-size: 16px; border-radius:5px; line-height:16px; box-shadow:1px 2px 3px #787878;}
header .navbar-nav li.nav-item:nth-child(2) {background:#f78f1e;}
header .navbar-nav li.nav-item:nth-child(1) {background:#543019;}
header .navbar-nav li.nav-item a {color:#fff;}
ul.navbar-nav.mr-auto { width: 100%; text-align: center; flex-direction: row-reverse;}
nav.navbar.navbar-expand-lg { width: 100%; padding:5px 15px;}

.banner_section{background:url(images/banner2.jpg) top center no-repeat; box-shadow: 0px 0px 15px -7px #737373 inset; padding:100px 0; background-size:cover;}
.banner_section h1 { color: #543019; font-weight: 900; }
.banner_section p{font-size:18px; padding:20px 0 30px;}
.banner_section img{max-width:100%;}
.banner_section ul li { margin: 0 25px 30px 0; display: inline-block;}
.banner_section a.banner_more{background:#8a2003; box-shadow:1px 2px 3px #666; border:0; padding:12px 25px;font-size: 20px; font-weight: 700; font-family: Roboto;    white-space: pre-line; color: #FFF;}
footer.footer{background:#414141; padding:40px 0; margin-top:0;float:none;clear:none;}
footer.footer p{width:100%; text-align:center; font-size:12px; color:#fff; margin:0;}
footer.footer p a{ color:#f89101;}

.feedback_sec{padding:60px 0; background:url('images/feedback_bg.jpg') bottom center no-repeat; background-size:100%;}
.feedback_sec h4 span { color: #f78f1e;}
.feedback_sec h4 { text-align: center; color: #543019;  text-transform:uppercase; font-weight:900;}
.feedback_sec .col-md-4 { display: flex; flex-wrap:wrap;}
.col-md-12.feedback_block { background: #ebebeb; border-radius: 7px; padding: 70px 40px 25px; box-shadow: 0px 1.5px 3px 0.5px #787878; margin: 0 0 75px;}
.feedback_block img { position: absolute; top: -35px;}
.feedback_block strong { font-weight: 900; font-family: lucidagrandebold;}
.feedback_block p { min-height: 200px;}

.vision_sec{ padding:60px 0 0; background:#e8d7a1;}
.ve_sec h4 span{color:#fff;}
.ve_sec.vision_block h4{background:#f78f1e;}
.ve_sec h4{ text-align: center; padding: 25px 0; text-transform:uppercase; font-weight:900; color:#543019;}
.ve_sec.expertise_block h4{background:#01a23c;}
.ve_sec{padding:0; background:#fff;box-shadow: 0px 1.5px 3px 0.5px #787878;}
.left_vis img{max-width:100%;}
.ve_sec ul li { padding: 10px 0px; list-style-type: none; position: relative;display: flex; flex-direction: column; min-height: 50px; justify-content: center;}
.ve_sec ul { padding: 0 25px 0 50px; margin: 20px 0; position: relative;}
.ve_sec { padding: 0; background: #fff; box-shadow: 0px 1.5px 3px 0.5px #787878; border-radius: 7px; overflow: hidden; }
.right_vis a.vis_more{background:#8a2003; box-shadow:1px 2px 3px #666; border:0; padding:12px 25px;font-size: 20px; font-weight: 700; font-family: Roboto; margin:0 auto;    white-space: pre-line; color: #FFF;}
.right_vis .col-md-6 { margin: 0 0 55px; padding:0 25px; display:flex;}
.ve_sec ul li::before { content: ""; position: absolute; left: -30px; border: 3px solid #fff; border-radius: 100%; width: 15px; height: 15px; background: #01a23c; top: 16px; bottom: auto;}
.ve_sec ul::before { content: ""; border-left: 5px solid #636363; position: absolute; width: 5px; left: 25px; height: 100%;}
.ve_sec.expertise_block ul li::before {  background: #f78f1e;}
.col-md-4.left_vis { justify-content: flex-end; flex-direction: column; display: flex;}



/* inner pages */

.right_arr { position: absolute; margin: 0 auto; text-align: center; z-index: 999; left: 0; right: 0; border-radius: 100%; background: #ebebeb; width: 75px; border: 0; height: 75px;justify-content: center;  flex-direction: column;  text-align: center;  top: 12px;box-shadow: 0px 1.5px 3px 0.5px #787878; }
.right_arr i.fas.fa-chevron-right { color: #636363; font-size: 52px;}
.inner_banner i.fas.fa-chevron-down { color: #01a23c; font-size: 52px; display: block; margin: 15px auto 0;}
section.inner_banner { background: #f1e9bf; padding: 70px 0 50px; text-align: center; box-shadow:0px 0px 15px -7px #737373 inset;}
section.inner_banner p { font-size:18px; color:#414040;}
section.inner_banner h2 { text-transform:uppercase; font-weight:900; color:#543019;}
.inner_page{ padding:70px 0;}
.inner_page h4 span, .inner_page h5 span { color: #f78f1e;}
.inner_page h4 { text-align: center; color: #543019; padding-bottom:50px; text-transform:uppercase; font-weight:900;}

/* Error Page and Submit Success */

.error_box { background: #ebebeb; margin:0 auto; padding:85px 95px 75px; text-align:center;border-radius: 7px; border: 1px solid #dddddd;}
.error_box p { font-size:18px; color:#414040; padding:0 0 20px;}
.error_box .navbar-nav li.nav-item { display: inline-block; width: 160px; padding:0 15px; margin: 0 10px 10px; background: #8a2003; font-size: 16px; border-radius:5px; line-height:16px; box-shadow:1px 2px 3px #787878;}
.error_box .navbar-nav li.nav-item:nth-child(2) {background:#f78f1e;}
.error_box .navbar-nav li.nav-item:nth-child(3) {background:#543019;}
.error_box .navbar-nav li.nav-item a {color:#fff;}
.error_box ul.navbar-nav { width: 100%; text-align: center; display:block; margin:35px 0 0;}
.error_box p strong {font-weight: 900; font-family: lucidagrandebold; }
.vision_inner > .row{flex-direction:row-reverse;}

/* about page */

.right_abt img { max-width: 100%; border: 10px solid #ccc; margin: 0 0 15px; min-width: 100%; box-shadow: 0px 1px 3px 1px #787878;}
.right_abt .col-md-6, .right_abt .col-md-12 { padding: 0 8px;}
.left_abt h4 { text-align: left; padding-bottom: 30px;}
.left_abt p { line-height: 26px; padding: 0 0 10px; max-width: 93%;}
.orabt_blocks h5{color:#543019; padding:0 0 10px; font-weight:900;}
section.about_orange {  background: #e5dcae; padding: 60px 0;}
.inner_orabt img { max-width: 100%; margin: 0 auto;}
.inner_orabt .col-md-8 { padding: 20px 25px;  min-height: 190px;}
.inner_orabt .col-md-4 { background: #f78f1e; display: flex; align-items: center; min-height: 190px;}

.inner_orabt .col-md-6.left{
    padding: 20px 25px;
    min-height: 190px;
}

.inner_orabt .col-md-6.right {
    align-items: flex-end;
    min-height: 190px;
    padding: 0;
    background: #ebebeb;
}
.inner_orabt { background: #fff; box-shadow: 0px 1.5px 3px 0.5px #787878; margin:15px 0;}
.inner_orabt a.btn_orabt{color:#f78f1e; font-family: lucidagrandebold; float:right;}
.inner_orabt a.btn_orabt i { font-size: 14px; font-weight: 600;}
.inner_orabt p { min-height: 63px;}
.green_block .col-md-4 { background: #01a23c;}
.green_block h4 { font-size: 30px; text-align: center; color: #fff; font-weight: 900; line-height: 32px;padding-bottom:0;}
.green_block .navbar-nav li.nav-item { display: inline-block; width: 270px; padding:8px 15px; margin: 10px; background: #8a2003; font-size: 16px; border-radius:5px; line-height:16px; box-shadow:1px 2px 3px #787878;}
.green_block .navbar-nav li.nav-item:nth-child(2) {background:#f78f1e;}
.green_block .navbar-nav li.nav-item a {color:#fff;}
.green_block ul.navbar-nav { width: 100%; text-align: center; align-items: center;}
.green_block .col-md-8 { display: flex; align-items: center;}

.brown_orabt input[type="checkbox"] {
    display: none;
}
.brown_orabt .compare span {
    width: 20px;
    display: inline-block;
    height: 20px;
    background: #fff;
    border: 1px solid #01a23c;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 0 0;
    position: relative;
    float: left;
}


.col-md-10.cmid_sec {
    margin: 0 auto;
}
section.inner_page.contact_sec { background: #f2efef;}
.cmid_sec h5 { padding: 10px 0 25px; font-weight: 800;}
.cmid_sec .col-md-4 .row { align-items: center;}
.cmid_sec .col-md-2 i { font-size: 25px; color: #f78f1e;}
.cmid_sec .col-md-10 {  margin: 10px 0;}
.cmid_sec .col-md-10 p, .cmid_sec .col-md-10 p a { font-family: "Roboto"; color: #000; margin: 0;}
.cmid_sec p strong { font-weight: 800; display: block;}
.contact-form input, .contact-form textarea { margin: 20px 0; padding: 10px 25px; min-height: 50px; font-family: lucidagrande; color: #a9a9a9; background: #f7f7f7; border-color: #ccc; font-size: 15px;}
.contact-form input[type="submit"] { background: #8a2003; border: 0; color: #fff; font-size: 20px; font-family: Roboto;font-weight: 800; letter-spacing: 1px; border-radius: 5px; width: 150px; margin: 0 0 20px; text-transform: uppercase;}


/* private label nutrition bars page */

.nutri_sec .orabt_blocks{margin:0 auto;}
.nutri_sec .inner_orabt .col-md-8 { padding: 0;}
.nutri_sec .inner_orabt .col-md-4{ align-items:flex-end;}
.white_orabt { padding: 20px 30px;}
.brown_orabt { padding: 20px 30px; background: #4a2a18; display: flex; align-items: center;}
.brown_orabt h5 { width: 70.5%; display: inline-block; padding: 0; margin: 0; color: #f78f1e; text-transform: uppercase;}
.nutri_sec .inner_orabt a.btn_orabt { background: #01a23c; padding: 6px 15px; border-radius: 5px; color: #fff; font-family: Roboto; font-weight: 600; font-size:18px;}
.brown_orabt h5 span {  color: #fff;}
.nutri_sec .inner_orabt .col-md-8 { padding: 0; background:#ebebeb; }
.nutri_sec .inner_orabt { box-shadow:none; margin:20px 0; box-shadow:rgb(120, 120, 120) -0.5px 1px 3px 0.5px; border-radius:2px; overflow:hidden;}
.inner_page.nutri_sec h4 { padding-bottom: 30px;}
.col-md-6.orange_left .col-md-12, .col-md-6.green_right .col-md-12 { background: #fff; box-shadow: rgb(120, 120, 120) 0px 1.5px 3px 0.5px; border-radius: 8px; overflow: hidden;}
.mix_color_sec h4 { color: #fff; padding: 30px 25px; text-align: center; font-size: 30px; text-transform: uppercase; font-weight: 900;}
.mix_color_sec .green_right h4 { background: #01a23c;}
.mix_color_sec .orange_left h4 { background: #f78f1e;}
.mix_color_sec img { max-width: 100%;}
.col-md-6.orange_left, .col-md-6.green_right{display:flex;}
.orange_left p, .green_right p { color: #262626; font-size: 15px; padding: 0 0 5px; min-height: 93px;}
.mix_color_sec .col-md-7 { padding: 15px 15px;}
a.btn.btn-primary.btn_clickhere { width: 100%; color:white;padding: 8px 20px; background: #8a2003; font-size: 20px; border-color: #8a2003; font-weight: 900; font-family: Roboto; text-transform: uppercase;}
.mix_color_sec .col-md-5 {  align-items: flex-end; display: flex;}
section.about_orange.mix_color_sec{padding:70px 0;}


/* private label quote page */

.quote_sec p.tagline { font-size:18px; color:#414040; text-align:center; padding-bottom:40px;}
.quote_sec h4{padding-bottom:0;}
.grey_left .nav-tabs { text-align: center; display: block; align-items: center; border: 0;}
.grey_left li.nav-item { display: inline-block; position: relative;}
.grey_left .nav-tabs a.nav-link.active, .grey_left .nav-tabs a.nav-link:hover { background:#01a23c; border:3px solid #fff; color:#fff;}
.grey_left .nav-tabs a.nav-link { width: 85px; height: 85px; align-items: center; display: flex; text-align: center; border-radius: 100%; flex-direction: column; justify-content: center; box-shadow: 1px 0px 2px 1px #ccc; border: 3px solid rgba(0, 0, 0, 0); margin: 0 20px; color: #414040;  background: #fff; transition:all 0.2s ease-in-out;}
.grey_bg_sec { background: #ebebeb; padding: 50px 30px; border: 1px solid #ddd; border-radius: 3px; overflow: hidden;}
.grey_left .nav-tabs li.nav-item i { font-size: 55px; color: #414040;}
.ing_list li { display: inline-block; margin: 0 5px; max-width: 60px;}
.ing_list li img{max-width:100%; margin: 10px 0 0;}
ul.ing_list { text-align: center;margin: 15px 0;}
.ing_head p { margin: 0; padding: 20px 15px 45px;}
.ing_head h5 { padding: 13px 15px; background: #543019; color: #fff;  font-size: 20px;}
.ing_head { background: #fff; margin: 10px 0 30px; border-radius: 4px; overflow: hidden;}
.ing_head td.ing_col1 i {color:#8a2003; padding-left:20px; cursor:pointer; margin: 7px 0 0;}
.col-md-12.selected_bartype { margin: 0 0 0px;}
.ing_head th { background: #543019; color: #fff; font-family: lucidagrandebold; font-size: 14px;}
.table-responsive .subChoice input[type="radio"]:checked + label span:before {background: #01a23c;}
.table-responsive .subChoice span { width: 20px; display: inline-block; height: 20px; background: #fff; border: 1px solid #ccc; border-radius: 100%; padding: 5px; margin: 5px 20px 0 0;position: relative;  float:left;}
.table-responsive .subChoice input[type="radio"] { display: none;}
.table-responsive .subChoice em { font-style: normal; display: inline-block;margin: 5px 0 0; float:left; font-size:15px;}
.table-responsive .subChoice span:before { background: #fff; content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 100%;}
.selected_bartype img { width: 25px; margin-right: 15px;  float:left;}
.selected_bartype span { font-size: 15px; margin: 5px 0 0;  float:left;}
.ing_col3 label { margin: 0;}
.col-md-12.subChoice { margin: 5px 0 0;}
.table-responsive .ing_col3 input[type="checkbox"]:checked + label span:before {background: #01a23c;}
.table-responsive .ing_col3 span { width: 20px; display: inline-block; height: 20px; background: #fff; border: 1px solid #01a23c; border-radius: 3px; padding: 5px; margin: 5px 0 0;position: relative;  float:left;}
.table-responsive .ing_col3 input[type="checkbox"] { display: none;}
.table-responsive .ing_col3 { text-align:center;}
.table-responsive .ing_col3 input[type="checkbox"]:checked + label span i{display: block;}
.ing_head td.ing_col3 i { display: none; position: absolute; left: 1px; padding: 2px; color: green; top: 1px; font-size: 13px;}
.ing_head table.table { margin: 0;}
.table td{border-top: 2px solid #dee2e6;}
.table th{border-top: 0 solid #dee2e6;}
a.btn.btn-primary.btn_addquote { width: 100%; padding: 10px 15px; background: #01a23c; border-color: #01a23c; font-size: 20px; font-family: Roboto; text-transform: uppercase;font-weight: 900; margin: 23px 0;}
.chart_sec h5 span { display: block; font-size: 24px; font-family: Roboto; font-weight: 900;color:white;}
.chart_sec h5 { padding: 10px 15px; text-align: center; width: 33.3%; background: #8a2003; float: left; color: #fff; font-size: 16px; font-family: lucidagrande; margin:0;}
.chart_sec h5:nth-child(2){background:#f78f1e;}
.chart_sec h5:nth-child(3){background:#543019;}
.chart_sec img{ border:1px solid #000; max-width: 100%; margin:20px 0 0;}
.subChoice label {  margin: 0;}
.table td {  border-top: 2px solid #dee2e6; padding: 8px 15px;}
a.btn.btn-primary.btn_addquote i { margin: 0 5px 0 0;}
.grey_left li.nav-item:after {content: ""; background: url(images/right_arrow.png) center center no-repeat; position: absolute; right: -30px; top: 20px; width: 50px; height: 50px;}
.grey_left li.nav-item:nth-child(5):after {content: none;}
.subIngrSeparator { border-top: 1px solid; border-bottom-width: 0; border-color: #ccc; width: 40%; text-align: left; display: block; height: 0;  margin: 5px 0;}

/* private label manufacture page */

.grey_bg_sec.greyform_sec { margin: 20px auto; padding: 20px 30px;}

.radio_sec .subChoice input[type="radio"]:checked + label span:before {background: #01a23c;}
.radio_sec .subChoice span { width: 20px; display: inline-block; height: 20px; background: #fff; border: 1px solid #ccc; border-radius: 100%; padding: 5px; margin: 5px 10px 0; position: relative; float: left;}
.radio_sec .subChoice input[type="radio"] { display: none;}
.radio_sec .subChoice em { font-style: normal; display: inline-block;margin: 5px 0 0; float:left; font-size:15px;}
.radio_sec .subChoice span:before { background: #fff; content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 100%;}
.manufacture_form .form-group label { font-family: lucidagrandebold; font-size: 16px; margin: 0 0 5px;}
.manufacture_form .form-group label.bl_label { font-family: lucidagrande;}
.manufacture_form .form-control { min-height: 45px; padding: 10px 20px; font-size: 15px;}
.manufacture_form input[type="submit"] { background: #8a2003; border: 0; color: #fff; font-size: 20px; font-family: Roboto;font-weight: 800; letter-spacing: 1px; border-radius: 5px; width: 150px; margin: 0 0 20px; text-transform: uppercase;}


.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }