@charset "UTF-8";
/*------------------------------------*\ $REQUIRED
\*------------------------------------*/
/* #region ' Text Colors ' */
/* #endregion */
/* #region ' Background Colors ' */
/* landing pages */
/* #endregion */
/* #region ' functions ' */
/* #endregion */
/* #region ' mixins ' */
/* #endregion */
/* #region ' sprites ' */
.spriteImages-sprite, .spriteImages-headerLogo, .spriteImages-headerLogoSmall, .spriteImages-headerRightLogo, .spriteImages-headerRightLogo2, .spriteImages-homeIcon, .spriteImages-landingPageVessels, .spriteImages-landingPageActiveLicenses, .spriteImages-landingPageCup, .spriteImages-landingPageHarvestReport, .spriteImages-landingPageDNRId, .spriteImages-landingPageHomeIcon, .spriteImages-landingPageShoppingCart, .spriteImages-mobileHeaderLogo, .spriteImages-discount320_69, .spriteImages-discount360_78, .spriteImages-discount630_100, .spriteImages-homeSmallLogo, .spriteImages-homeWelcomeBullet, .spriteImages-catFishing, .spriteImages-catHunting, .spriteImages-alertIcon, .spriteImages-checkMarkIcon, .spriteImages-closeIcon, .spriteImages-logo16X16, .spriteImages-hhScanner, .spriteImages-swpScanner, .spriteImages-pencilIcon, .spriteImages-searchIcon, .spriteImages-navBackIcon, .spriteImages-shieldIcon, .spriteImages-shoppingCart, .spriteImages-shoppingCartSm {
    background-image: url('../Content/spriteImages-sffe700d534.png');
    background-repeat: no-repeat;
}

/* #endregion */
/* responsive */
/* 320 */
/* 400 */
/* 448 */
/* 560 */
/* 636 */
/* 768 */
/* 848 */
/* 992 */
/*------------------------------------*\ $GLOBAL ELEMENTS
\*------------------------------------*/
html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6, p, blockquote, figure, ol, ul {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
}

strong {
    font-weight: bold;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

:focus {
    outline: 0;
}

a:active, a:hover {
    outline: 0;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

h1, .headline--aplha {
    font-size: 32px;
}

h2, .headline--beta {
    font-size: 24px;
}

h3, .headline--gamma {
    font-size: 18.72px;
    font-weight: bold;
}

h4, .headline--delta {
    font-size: 16px;
    font-weight: bold;
}

h5, .headline--epsilon {
    font-size: 14px;
}

h6, .headline--zeta {
    font-size: 12px;
}

    h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, p + p {
        margin-top: 0.75em;
    }

p {
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
}

.largeFont {
    font-size: 2.25rem;
    line-height: 1.2;
    color: #264403;
    margin-top: 0;
}

@media screen and (max-width: 62em) {
    .largeFont {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 35em) {
    .largeFont {
        font-size: 1.5rem;
    }
}

.normalizeLineHeight {
    line-height: 1.2;
}

.reg-text {
    font-size: 14px;
}

.small-text {
    font-size: 11px;
}

.strike {
    text-decoration: line-through;
}

body:after {
    content: "448,992";
    display: none;
}

html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-image: url("../Content/backgrounds/woodSeamlessDark.jpg");
}

body {
    height: 100%;
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #5f5e5e;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

/*@media print {
    @page {
        size: auto;
        margin: 25px;
    }
}*/

/*@media print {
    @page {
        size: auto;
        margin: 15px;
    }
}*/

/*@media print {
    @page {
        margin-left: 0.5in;
        margin-top: 5px;
        margin-bottom: 50px;
    }
}*/

/*@media print {
    @page {
        margin: 0;
    }

    body {
        margin: 1.6cm;
    }
}*/

.tmp {
    background-color: #ccc;
    border: 1px solid #999;
}

/* all sprites */
.spriteImages-sprite, .spriteImages-headerLogo, .spriteImages-headerLogoSmall, .spriteImages-headerRightLogo, .spriteImages-headerRightLogo2, .spriteImages-homeIcon, .spriteImages-landingPageVessels, .spriteImages-landingPageActiveLicenses, .spriteImages-landingPageCup, .spriteImages-landingPageHarvestReport, .spriteImages-landingPageDNRId, .spriteImages-landingPageHomeIcon, .spriteImages-landingPageShoppingCart, .spriteImages-mobileHeaderLogo, .spriteImages-discount320_69, .spriteImages-discount360_78, .spriteImages-discount630_100, .spriteImages-homeSmallLogo, .spriteImages-homeWelcomeBullet, .spriteImages-catFishing, .spriteImages-catHunting, .spriteImages-alertIcon, .spriteImages-checkMarkIcon, .spriteImages-closeIcon, .spriteImages-logo16X16, .spriteImages-hhScanner, .spriteImages-swpScanner, .spriteImages-pencilIcon, .spriteImages-searchIcon, .spriteImages-navBackIcon, .spriteImages-shieldIcon, .spriteImages-shoppingCart, .spriteImages-shoppingCartSm {
    display: inline-block;
    overflow: hidden;
}

.txtAlnC {
    text-align: center;
}

.txtAlnR {
    text-align: right;
}

.txtAlnL, a.chzn-single span {
    text-align: left;
}

.cBoth {
    clear: both;
}

.fRight {
    float: right;
}

.fLeft {
    float: left;
}

.floatMenu {
    left: -3px;
    position: absolute;
    top: 118px;
    width: 220px;
}

/* Links */
a.smallText {
    font-size: 0.625rem;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}

    a.smallText:hover {
        text-decoration: underline;
    }

/* display settings */
.displayTable {
    display: table;
}

.displayTable__cell {
    display: table-cell;
}

.displayInlineBlock {
    display: inline-block;
}

.overflow {
    overflow: auto;
}

/* #region ' Visibility ' */
/* small displays */
@media only screen {
    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
}
/* medium displays */
@media only screen and (min-width: 28em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
}
/* large displays */
@media only screen and (min-width: 39.75em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
}
/* xlarge displays */
@media only screen and (min-width: 48em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
}
/* xxlarge displays */
@media only screen and (min-width: 62em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
}
/* #endregion */
/* used to space out vertically stacked divs*/
.divVerticalBottomSpacer, .row.divVerticalBottomSpacer {
    margin-bottom: 5px;
}

.divDoubleVerticalBottomSpacer, .row.divDoubleVerticalBottomSpacer {
    margin-bottom: 10px;
}

.divDoubleVerticalTopSpacer, .row.divDoubleVerticalTopSpacer {
    margin-top: 10px;
}

.cf:after, .row:after, .panel:after {
    clear: both;
    content: "";
    display: table;
}

.red {
    color: #a40000;
}

hr {
    border: 0;
    height: 1px;
    background: #e1e1e1;
    margin: 1em 0;
}

.invalid {
    color: #d06a20;
}

.valid {
    color: #294302;
}

.circle {
    height: 1.375em;
    width: 1.375em;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    display: block;
    float: left;
    border-radius: 0.6875em;
    line-height: 1.375em;
    margin-right: .5em;
}

    .circle.circle-invalid {
        background-color: #d06a20;
    }

    .circle.circle-valid {
        background-color: #294302;
    }

.width_50 {
    width: 50px !important;
}

.width_100 {
    width: 100px !important;
}

.width_100pc {
    width: 100% !important;
}

.width_150 {
    width: 150px !important;
}

.height_250 {
    height: 250px;
}

.height_300 {
    height: 300px;
}

.position--relative {
    position: relative;
}

.position--absolute {
    position: absolute;
}

.position--static {
    position: static;
}

.ma {
    margin: auto;
}

.m0 {
    margin: 0 !important;
}

.m1 {
    margin: 16px !important;
}

.m2 {
    margin: 24px !important;
}

.m3 {
    margin: 32px !important;
}

.m4 {
    margin: 48px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt1 {
    margin-top: 16px !important;
}

.mt2 {
    margin-top: 24px !important;
}

.mt3 {
    margin-top: 32px !important;
}

.mt4 {
    margin-top: 48px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb1 {
    margin-bottom: 16px !important;
}

.mb2 {
    margin-bottom: 24px !important;
}

.mb3 {
    margin-bottom: 32px !important;
}

.mb4 {
    margin-bottom: 48px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml1 {
    margin-left: 16px !important;
}

.ml2 {
    margin-left: 24px !important;
}

.ml3 {
    margin-left: 32px !important;
}

.ml4 {
    margin-left: 48px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr1 {
    margin-right: 16px !important;
}

.mr2 {
    margin-right: 24px !important;
}

.mr3 {
    margin-right: 32px !important;
}

.mr4 {
    margin-right: 48px !important;
}

.mtb0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mtb1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.mtb2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.mtb3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.mtb4 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

.mlr0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mlr1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mlr2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.mlr3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.mlr4 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

.pa {
    padding: auto;
}

.p0 {
    padding: 0 !important;
}

.p1 {
    padding: 16px !important;
}

.p2 {
    padding: 24px !important;
}

.p3 {
    padding: 32px !important;
}

.p4 {
    padding: 48px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt1 {
    padding-top: 16px !important;
}

.pt2 {
    padding-top: 24px !important;
}

.pt3 {
    padding-top: 32px !important;
}

.pt4 {
    padding-top: 48px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb1 {
    padding-bottom: 16px !important;
}

.pb2 {
    padding-bottom: 24px !important;
}

.pb3 {
    padding-bottom: 32px !important;
}

.pb4 {
    padding-bottom: 48px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl1 {
    padding-left: 16px !important;
}

.pl2 {
    padding-left: 24px !important;
}

.pl3 {
    padding-left: 32px !important;
}

.pl4 {
    padding-left: 48px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr1 {
    padding-right: 16px !important;
}

.pr2 {
    padding-right: 24px !important;
}

.pr3 {
    padding-right: 32px !important;
}

.pr4 {
    padding-right: 48px !important;
}

.ptb0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ptb1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.ptb2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.ptb3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.ptb4 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.plr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.plr1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.plr2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.plr3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.plr4 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/*------------------------------------*\ $PAGE STRUCTURE
\*------------------------------------*/
/*	Responsive layout containers 
	Can be used in a non-responsive layout
	with 'width="__px/%"' on .row
*/
/* #region ' rows ' */
.row {
    margin: 0 auto;
    width: 100%;
    max-width: 62.125rem;
}

    .row, .row *, .row *:before, .row *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .row.collapse > .column, .row.collapse > .columns {
            padding-left: 0;
            padding-right: 0;
        }

        .row.collapse .row {
            margin-left: 0;
            margin-right: 0;
        }

        .row.valign-middle {
            display: table;
        }

            .row.valign-middle > .column, .row.valign-middle > .columns {
                display: table-cell;
                vertical-align: middle;
            }

            .row.valign-middle > .column, .row.valign-middle > .columns, .row.valign-middle [class*="column"] + [class*="column"]:last-child {
                float: none;
            }

/* #endregion */
/* #region ' columns ' */
.column, .columns {
    float: left;
    margin: 0;
    padding: 0 16px;
    position: relative;
}

    .column.centered, .columns.centered {
        margin: 0 auto;
        float: none;
    }

[class*="column"] + [class*="column"]:last-child, [class*="columns"] + [class*="columns"]:last-child {
    float: right;
    margin-right: 0;
}

[class*="column"] + [class*="column"].end, [class*="columns"] + [class*="columns"].end {
    float: left;
}

.col-1-of-12 {
    width: 8.33333%;
}

.col-2-of-12 {
    width: 16.66667%;
}

.col-3-of-12, .column-one {
    width: 25%;
}

.col-4-of-12 {
    width: 33.33333%;
}

.col-5-of-12 {
    width: 41.66667%;
}

.col-6-of-12, .column-two {
    width: 50%;
}

.col-7-of-12 {
    width: 58.33333%;
}

.col-8-of-12 {
    width: 66.66667%;
}

.col-9-of-12, .column-three {
    width: 75%;
}

.col-10-of-12 {
    width: 83.33333%;
}

.col-11-of-12 {
    width: 91.66667%;
}

.col-12-of-12, .column-four {
    width: 100%;
}

.row .offset-by-one {
    margin-left: 8.33333%;
}

.row .offset-by-two {
    margin-left: 16.66667%;
}

.offset-one, .row .offset-by-three {
    margin-left: 25%;
}

.row .offset-by-four {
    margin-left: 33.33333%;
}

.row .offset-by-five {
    margin-left: 41.66667%;
}

.offset-two, .row .offset-by-six {
    margin-left: 50%;
}

.row .offset-by-seven {
    margin-left: 58.33333%;
}

.row .offset-by-eight {
    margin-left: 66.66667%;
}

.offset-three, .row .offset-by-nine {
    margin-left: 75%;
}

.row .offset-by-ten {
    margin-left: 83.33333%;
}

.push-two {
    left: 16.66667%;
}

.pull-two {
    right: 16.66667%;
}

.push-three {
    left: 25%;
}

.pull-three {
    right: 25%;
}

.push-four {
    left: 33.33333%;
}

.pull-four {
    right: 33.33333%;
}

.push-five {
    left: 41.66667%;
}

.pull-five {
    right: 41.66667%;
}

.push-six {
    left: 50%;
}

.pull-six {
    right: 50%;
}

.push-seven {
    left: 58.33333%;
}

.pull-seven {
    right: 58.33333%;
}

.push-eight {
    left: 66.66667%;
}

.pull-eight {
    right: 66.66667%;
}

.push-nine {
    left: 75%;
}

.pull-nine {
    right: 75%;
}

.push-ten {
    left: 83.33333%;
}

.pull-ten {
    right: 83.33333%;
}

/* #endregion */
/* #region ' block-grid ' */
.block-grid {
    display: block;
    overflow: hidden;
    padding: 0;
}

    .block-grid > li {
        display: block;
        height: auto;
        float: left;
    }

    .block-grid.one-up {
        margin: 0;
    }

        .block-grid.one-up > li {
            width: 100%;
            padding: 0 0 15px;
        }

    .block-grid.two-up {
        margin: 0 -15px;
    }

        .block-grid.two-up > li {
            width: 50%;
            padding: 0 15px 15px;
        }

            .block-grid.two-up > li:nth-child(2n+1) {
                clear: both;
            }

    .block-grid.three-up {
        margin: 0 -12px;
    }

        .block-grid.three-up > li {
            width: 33.33333%;
            padding: 0 12px 12px;
        }

            .block-grid.three-up > li:nth-child(3n+1) {
                clear: both;
            }

    .block-grid.four-up {
        margin: 0 -10px;
    }

        .block-grid.four-up > li {
            width: 25%;
            padding: 0 10px 10px;
        }

            .block-grid.four-up > li:nth-child(4n+1) {
                clear: both;
            }

    .block-grid.five-up {
        margin: 0 -8px;
    }

        .block-grid.five-up > li {
            width: 20%;
            padding: 0 8px 8px;
        }

            .block-grid.five-up > li:nth-child(5n+1) {
                clear: both;
            }

    .block-grid.six-up {
        margin: 0 -8px;
    }

        .block-grid.six-up > li {
            width: 16.66667%;
            padding: 0 8px 8px;
        }

            .block-grid.six-up > li:nth-child(6n+1) {
                clear: both;
            }

    .block-grid.seven-up {
        margin: 0 -8px;
    }

        .block-grid.seven-up > li {
            width: 14.28571%;
            padding: 0 8px 8px;
        }

            .block-grid.seven-up > li:nth-child(7n+1) {
                clear: both;
            }

    .block-grid.eight-up {
        margin: 0 -8px;
    }

        .block-grid.eight-up > li {
            width: 12.5%;
            padding: 0 8px 8px;
        }

            .block-grid.eight-up > li:nth-child(8n+1) {
                clear: both;
            }

    .block-grid.nine-up {
        margin: 0 -8px;
    }

        .block-grid.nine-up > li {
            width: 11.11111%;
            padding: 0 8px 8px;
        }

            .block-grid.nine-up > li:nth-child(9n+1) {
                clear: both;
            }

    .block-grid.ten-up {
        margin: 0 -8px;
    }

        .block-grid.ten-up > li {
            width: 10%;
            padding: 0 8px 8px;
        }

            .block-grid.ten-up > li:nth-child(10n+1) {
                clear: both;
            }

    .block-grid.eleven-up {
        margin: 0 -8px;
    }

        .block-grid.eleven-up > li {
            width: 9.09091%;
            padding: 0 8px 8px;
        }

            .block-grid.eleven-up > li:nth-child(11n+1) {
                clear: both;
            }

    .block-grid.twelve-up {
        margin: 0 -8px;
    }

        .block-grid.twelve-up > li {
            width: 8.33333%;
            padding: 0 8px 8px;
        }

            .block-grid.twelve-up > li:nth-child(12n+1) {
                clear: both;
            }

/* #endregion */
/* #region ' Responsive ' */
@media screen and (max-width: 35em) {
    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .column, .columns {
        width: auto !important;
        float: none;
    }

        .column:last-child, .columns:last-child {
            float: none;
        }

    [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .column:before, .columns:before, .column:after, .columns:after {
        content: "";
        display: table;
    }

    .column:after, .columns:after {
        clear: both;
    }

    .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
        margin-left: 0 !important;
    }

    .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
        left: auto;
    }

    .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
        right: auto;
    }
}

@media screen and (max-width: 39.75em) {
    .block-grid.mobile-one-up > li {
        width: 100%;
    }

    .block-grid.mobile-two-up > li {
        width: 50%;
    }

        .block-grid.mobile-two-up > li:nth-child(2n+1) {
            clear: both;
        }

    .block-grid.mobile-three-up > li {
        width: 33.33333%;
    }

        .block-grid.mobile-three-up > li:nth-child(3n+1) {
            clear: both;
        }

    .block-grid.mobile-four-up > li {
        width: 25%;
    }

        .block-grid.mobile-four-up > li:nth-child(4n+1) {
            clear: both;
        }

    .block-grid.mobile-five-up > li {
        width: 20%;
    }

        .block-grid.mobile-five-up > li:nth-child(5n+1) {
            clear: both;
        }

    .block-grid.mobile-six-up > li {
        width: 16.66667%;
    }

        .block-grid.mobile-six-up > li:nth-child(6n+1) {
            clear: both;
        }

    .block-grid.mobile-seven-up > li {
        width: 14.28571%;
    }

        .block-grid.mobile-seven-up > li:nth-child(7n+1) {
            clear: both;
        }

    .block-grid.mobile-eight-up > li {
        width: 12.5%;
    }

        .block-grid.mobile-eight-up > li:nth-child(8n+1) {
            clear: both;
        }

    .block-grid.mobile-nine-up > li {
        width: 11.11111%;
    }

        .block-grid.mobile-nine-up > li:nth-child(9n+1) {
            clear: both;
        }

    .block-grid.mobile-ten-up > li {
        width: 10%;
    }

        .block-grid.mobile-ten-up > li:nth-child(10n+1) {
            clear: both;
        }

    .block-grid.mobile-eleven-up > li {
        width: 9.09091%;
    }

        .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
            clear: both;
        }

    .block-grid.mobile-twelve-up > li {
        width: 8.33333%;
    }

        .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
            clear: both;
        }
}
/* #endregion */
.main_wrapper {
    max-width: 994px;
    position: relative;
    min-height: 100%;
    background-color: #fff;
    margin: 0 auto;
}

.main_content {
    padding: 1rem;
}

    .main_content a, .main_content a:link, .main_content a:active, .main_content a:visited {
        color: #264403;
        text-decoration: underline;
        cursor: pointer;
    }

header {
    background-color: #386603;
}

.hdr {
    height: 89px;
    background-color: #386603;
    color: #fff;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    padding: 0 1rem;
    position: relative;
}

.hdr--angular {
    height: 89px;
    background-color: #386603;
    color: #fff;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    padding: 0 1rem;
    position: relative;
}

    .hdr--angular:before {
        content: '';
        display: block;
        background: url('../Content/spriteImages-sffe700d534.png') 0 -2892px no-repeat;
        height: 91px;
        width: 450px;
        position: absolute;
        top: 0;
        right: 0;
    }

@media screen and (max-width: 25em) {
    .hdr--angular:before {
        background: url('../Content/spriteImages-sffe700d534.png') 0 -4670px no-repeat;
        height: 21px;
        width: 336px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 25em) {
    .hdr--angular {
        height: 2rem;
        background-color: #264403;
    }
}

.hdr_logo--image {
    background: url('../Content/spriteImages-sffe700d534.png') 0 -2691px no-repeat;
    height: 64px;
    width: 147px;
    display: block;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-60%);
}

@media screen and (max-width: 62em) {
    .hdr_logo--image {
        background: url('../Content/spriteImages-sffe700d534.png') 0 -2755px no-repeat;
        height: 48px;
        width: 110px;
    }
}

@media screen and (max-width: 48em) {
    .hdr_logo--image {
        display: none;
    }
}

.hdr_logo--text {
    position: absolute;
    top: 50%;
    left: 187px;
    transform: translateY(-50%);
    text-transform: uppercase;
}

    .hdr_logo--text span {
        display: block;
    }

@media screen and (max-width: 62em) {
    .hdr_logo--text {
        left: 150px;
    }
}

@media screen and (max-width: 48em) {
    .hdr_logo--text {
        display: none;
    }
}

/* Product Catalog - section header, put in new file? */
.sectionHeader {
    color: #264403;
    margin-bottom: 16px;
    padding: 12px 0 13px;
}

.sectionHeader-title {
    display: inline-block;
    margin: 0;
    font-size: 30px;
    font-weight: bold;
}

@media screen and (max-width: 28em) {
    .sectionHeader-title {
        font-size: 24px;
    }
}

.sectionHeader .css3Button.back {
    top: 2px;
}

/* don't delete this stuff below until you rewrite the legacy header files */
/* images, "true": includes dimensions */
.spriteImages-headerLogo {
    background-position: 0 -2691px;
    height: 64px;
    width: 147px;
}

.spriteImages-headerLogo {
    position: absolute;
    left: 13px;
    bottom: 18px;
    display: none;
}

.spriteImages-headerLogoSmall {
    background-position: 0 -2755px;
    height: 48px;
    width: 110px;
}

.spriteImages-headerLogoSmall {
    position: absolute;
    left: 14px;
    bottom: 24px;
}

.spriteImages-headerRightLogo {
    background-position: 0 -2803px;
    height: 89px;
    width: 224px;
}

.spriteImages-headerRightLogo2 {
    background-position: 0 -2892px;
    height: 91px;
    width: 450px;
}

.spriteImages-headerRightLogo, .spriteImages-headerRightLogo2 {
    position: absolute;
    right: 0px;
}

#hdrLogo {
    display: none;
}

#hdrDepartment {
    font-size: 12px;
    position: absolute;
    left: 185px;
    top: 26px;
}

#hdrNatRes {
    font-size: 24px;
    position: absolute;
    left: 185px;
    bottom: 18px;
}

nav_utility, .nav_utility {
    background-color: #264403;
    text-align: right;
    color: #fff;
    line-height: 2.25rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
}

@media screen and (max-width: 28em) {
    nav_utility, .nav_utility {
        text-align: center;
    }
}

nav_utility li:before, .nav_utility li:before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 1px;
    background-color: #e2e6de;
    border-right: solid 1px #e2e6de;
    line-height: 48px;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 8px;
    margin-bottom: 2px;
}

nav_utility li:first-child:before, .nav_utility li:first-child:before {
    display: none;
}

@media screen and (max-width: 39.75em) {
    nav_utility li:nth-child(2):before, .nav_utility li:nth-child(2):before {
        display: none;
    }
}

nav_utility a, .nav_utility a {
    color: #F8D061;
    text-decoration: underline;
}

nav_site, .nav_site {
    background-color: #eee7d9;
    line-height: 4rem;
    padding: 0 24px;
    color: #386603;
}

    nav_site > a:not([class*=css3Button]), nav_site a:link, nav_site a:visited, .nav_site > a:not([class*=css3Button]), .nav_site a:link, .nav_site a:visited {
        color: #386603;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: bold;
    }

    nav_site .spriteImages-homeIcon, nav_site .spriteImages-searchIcon, .nav_site .spriteImages-homeIcon, .nav_site .spriteImages-searchIcon {
        position: relative;
        top: 1px;
        margin-right: 8px;
    }

    nav_site li + li, .nav_site li + li {
        margin-left: 16px;
    }

nav ul, .nav ul {
    list-style: none;
}

    nav ul li, .nav ul li {
        display: inline-block;
    }

.spriteImages-homeIcon {
    background-position: 0 -4297px;
    height: 16px;
    width: 13px;
}

shopping-cart {
    display: inline-block;
}

/*------------------------------------*\ $COMPONENTS
\*------------------------------------*/
/*	form styles

*/
fieldset {
    padding: 0;
}

.inputTextbox, input[type="text"], input[type="password"] {
    background-color: #ffffff;
    border: 1px solid #7e9c5d;
    padding-left: 7px;
    height: 26px;
    vertical-align: middle;
    width: 208px;
}

select {
    height: 30px;
    border: 1px solid #7e9c5d;
    border-radius: 3px;
    box-shadow: none;
    line-height: 28px;
    width: 208px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0 0 0 8px;
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
}

textarea {
    background-color: #ffffff;
    border: 1px solid #7e9c5d;
    padding-left: 7px;
}

input.txtAlnR {
    padding-right: 7px;
}

input:disabled, input[disabled="disabled"] {
    opacity: 0.6;
    cursor: default;
}

label {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}

input[type=radio] + label.block, input[type=checkbox] + label.block {
    display: block;
    margin-left: 30px;
}

label.inline {
    padding: 5px 0 0;
}

    label.inline + .field-validation-valid {
        margin-right: 0.5em;
        padding-left: 0;
        color: #a40000;
    }

.prefix {
    margin-right: 0.5em;
}

.prefix-noRequire {
    margin-right: 1.65em;
}

.postfix {
    margin-left: 0.5em;
}

input.hide-visually {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.expand {
    width: 100%;
}

.validation-small {
    font-size: 0.6875rem;
    font-style: italic;
    color: #a40000;
}

/* #region ' datepicker ' */
.ui-widget.ui-datepicker {
    font-size: 16px;
    border: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    padding: 4px;
}

    .ui-widget.ui-datepicker .ui-datepicker-header {
        background: #386603;
        border-radius: 4px 4px 0 0;
        margin: -4px -4px 0;
        border: none;
        padding: 8px;
    }

    .ui-widget.ui-datepicker .ui-datepicker-prev, .ui-widget.ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 8px;
        width: 30px;
        height: 30px;
        background-image: none;
        border-radius: 50%;
        color: #fff;
    }

        .ui-widget.ui-datepicker .ui-datepicker-prev:after, .ui-widget.ui-datepicker .ui-datepicker-next:after {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            content: '‹';
            line-height: 16px;
        }

        .ui-widget.ui-datepicker .ui-datepicker-prev span, .ui-widget.ui-datepicker .ui-datepicker-next span {
            background-image: none;
        }

    .ui-widget.ui-datepicker .ui-datepicker-prev {
        left: 8px;
    }

    .ui-widget.ui-datepicker .ui-datepicker-next {
        right: 8px;
    }

        .ui-widget.ui-datepicker .ui-datepicker-next:after {
            content: '›';
        }

    .ui-widget.ui-datepicker .ui-datepicker-prev-hover, .ui-widget.ui-datepicker .ui-datepicker-next-hover {
        background-color: #164b04;
        border: none;
        font-weight: bold;
    }

    .ui-widget.ui-datepicker .ui-datepicker-title {
        margin: 0 36px;
    }

        .ui-widget.ui-datepicker .ui-datepicker-title select {
            margin: 0 4px;
            display: inline-block;
            background: #164b04;
            color: #fff;
            border: none;
            border-radius: 16px;
            width: auto;
        }

            .ui-widget.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-widget.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
                font-size: 14px;
            }

            .ui-widget.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
                padding-right: 8px;
            }

    .ui-widget.ui-datepicker .ui-datepicker-calendar {
        padding: 0;
        margin: 0;
    }

    .ui-widget.ui-datepicker th {
        font-weight: normal;
        font-size: 12px;
        color: #747474;
    }

    .ui-widget.ui-datepicker td a {
        display: block;
        line-height: 30px;
        width: 30px;
        border: none;
        border-radius: 50%;
        background: none;
        text-align: center;
        font-size: 12px;
    }

        .ui-widget.ui-datepicker td a.ui-state-highlight {
            background: #e1e1e1;
        }

        .ui-widget.ui-datepicker td a.ui-state-hover {
            background: #eceae8;
        }

        .ui-widget.ui-datepicker td a.ui-state-active {
            background: #d06a21;
            color: #fff;
        }

img.ui-datepicker-trigger {
    cursor: pointer;
    padding-left: 5px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.dateP {
    white-space: nowrap;
    font-size: 0.8125rem;
}

    .dateP input.hasDatepicker {
        width: 105px;
    }

    .dateP img.ui-datepicker-trigger {
        width: 30px;
        height: auto;
        top: 0;
    }

/* #endregion */
/* #region ' buttons ' */
.css3Button, a.css3Button, span.css3Button {
    font-family: Arial !important;
    font-size: 0.875rem;
    line-height: normal;
    color: #386603;
    padding: 0.5rem 0.75rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWVlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RkZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, right top, from(#eceeeb), to(#d7ddd0));
    background: -webkit-linear-gradient(top, #eceeeb, #d7ddd0);
    background: -moz-linear-gradient(top, #eceeeb, #d7ddd0);
    background: -o-linear-gradient(top, #eceeeb, #d7ddd0);
    background: -ms-linear-gradient(top, #eceeeb, #d7ddd0);
    background: linear-gradient(to bottom, #eceeeb, #d7ddd0);
    background-color: #e2e6de;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #386603;
    font-weight: bold;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
    display: inline-block;
    margin: 4px;
    position: relative;
}

    .css3Button *, a.css3Button *, span.css3Button * {
        vertical-align: middle;
    }

    .css3Button:hover, a.css3Button:hover, span.css3Button:hover {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWVlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RkZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-gradient(linear, left top, right top, from(#f9faf9), to(#e4e8df));
        background: -webkit-linear-gradient(top, #f9faf9, #e4e8df);
        background: -moz-linear-gradient(top, #f9faf9, #e4e8df);
        background: -o-linear-gradient(top, #f9faf9, #e4e8df);
        background: -ms-linear-gradient(top, #f9faf9, #e4e8df);
        background: linear-gradient(to bottom, #f9faf9, #e4e8df);
        background-color: #eff1ec;
    }

    .css3Button.small, a.css3Button.small, span.css3Button.small {
        font-size: 11px !important;
        padding: 4px 7px;
        min-width: 55px;
    }

    .css3Button.full-width, a.css3Button.full-width, span.css3Button.full-width {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .css3Button.med-font, a.css3Button.med-font, span.css3Button.med-font {
        font-size: inherit !important;
        font-weight: normal !important;
    }

    .css3Button.large-wide, a.css3Button.large-wide, span.css3Button.large-wide {
        text-transform: uppercase;
        padding: 9px 40px;
    }

    .css3Button.large-tall, a.css3Button.large-tall, span.css3Button.large-tall {
        text-transform: uppercase;
        padding: 13px 30px;
    }

    .css3Button.green, a.css3Button.green, span.css3Button.green {
        background: #386603;
        color: #ffffff;
    }

        .css3Button.green:hover, a.css3Button.green:hover, span.css3Button.green:hover {
            background: #467f04;
        }

        .css3Button.green.disabled, .css3Button.green.disabled:hover, .css3Button.green[disabled], .css3Button.green[disabled]:hover, .css3Button.green[disabled="disabled"], a.css3Button.green.disabled, a.css3Button.green.disabled:hover, a.css3Button.green[disabled], a.css3Button.green[disabled]:hover, a.css3Button.green[disabled="disabled"], span.css3Button.green.disabled, span.css3Button.green.disabled:hover, span.css3Button.green[disabled], span.css3Button.green[disabled]:hover, span.css3Button.green[disabled="disabled"] {
            background: #929292;
            border-color: #838383;
            color: #ffffff;
            opacity: 0.8;
        }

    .css3Button.orange, a.css3Button.orange, span.css3Button.orange {
        background: #d06a21;
        color: #fff;
        border: none;
        font-weight: normal;
    }

        .css3Button.orange:hover, a.css3Button.orange:hover, span.css3Button.orange:hover {
            background: #de772d;
        }

        .css3Button.orange.disabled, .css3Button.orange.disabled:hover, .css3Button.orange[disabled], .css3Button.orange[disabled]:hover, .css3Button.orange[disabled="disabled"], a.css3Button.orange.disabled, a.css3Button.orange.disabled:hover, a.css3Button.orange[disabled], a.css3Button.orange[disabled]:hover, a.css3Button.orange[disabled="disabled"], span.css3Button.orange.disabled, span.css3Button.orange.disabled:hover, span.css3Button.orange[disabled], span.css3Button.orange[disabled]:hover, span.css3Button.orange[disabled="disabled"] {
            background: #929292;
            border-color: #838383;
            color: #ffffff;
            opacity: 0.8;
        }

    .css3Button.gray, a.css3Button.gray, span.css3Button.gray {
        background: #929292;
        border-color: #838383;
        color: #ffffff;
    }

        .css3Button.gray:hover, a.css3Button.gray:hover, span.css3Button.gray:hover {
            background: #9f9f9f;
        }

        .css3Button.gray.disabled, .css3Button.gray.disabled:hover, .css3Button.gray[disabled], .css3Button.gray[disabled]:hover, .css3Button.gray[disabled="disabled"], a.css3Button.gray.disabled, a.css3Button.gray.disabled:hover, a.css3Button.gray[disabled], a.css3Button.gray[disabled]:hover, a.css3Button.gray[disabled="disabled"], span.css3Button.gray.disabled, span.css3Button.gray.disabled:hover, span.css3Button.gray[disabled], span.css3Button.gray[disabled]:hover, span.css3Button.gray[disabled="disabled"] {
            background: #929292;
            cursor: default;
            opacity: 0.6;
        }

    .css3Button.white, a.css3Button.white, span.css3Button.white {
        background: #fff;
        border: 1px solid #91b286;
        color: #386603;
    }

        .css3Button.white:hover, a.css3Button.white:hover, span.css3Button.white:hover {
            background: #f2f2f2;
        }

        .css3Button.white.disabled, .css3Button.white.disabled:hover, .css3Button.white[disabled], .css3Button.white[disabled]:hover, .css3Button.white[disabled="disabled"], a.css3Button.white.disabled, a.css3Button.white.disabled:hover, a.css3Button.white[disabled], a.css3Button.white[disabled]:hover, a.css3Button.white[disabled="disabled"], span.css3Button.white.disabled, span.css3Button.white.disabled:hover, span.css3Button.white[disabled], span.css3Button.white[disabled]:hover, span.css3Button.white[disabled="disabled"] {
            background: #fff;
            cursor: default;
            opacity: 0.6;
        }

    .css3Button.white-2, a.css3Button.white-2, span.css3Button.white-2 {
        background: #fff;
        border: 1px solid white;
        color: #cd6a22;
    }

        .css3Button.white-2:hover, a.css3Button.white-2:hover, span.css3Button.white-2:hover {
            background: #f2f2f2;
        }

        .css3Button.white-2.disabled, .css3Button.white-2.disabled:hover, .css3Button.white-2[disabled], .css3Button.white-2[disabled]:hover, .css3Button.white-2[disabled="disabled"], a.css3Button.white-2.disabled, a.css3Button.white-2.disabled:hover, a.css3Button.white-2[disabled], a.css3Button.white-2[disabled]:hover, a.css3Button.white-2[disabled="disabled"], span.css3Button.white-2.disabled, span.css3Button.white-2.disabled:hover, span.css3Button.white-2[disabled], span.css3Button.white-2[disabled]:hover, span.css3Button.white-2[disabled="disabled"] {
            background: #fff;
            cursor: default;
            opacity: 0.6;
        }

    .css3Button.cancel, .css3Button.delete, a.css3Button.cancel, a.css3Button.delete, span.css3Button.cancel, span.css3Button.delete {
        background: #a60400;
        color: #fff;
        border-color: #600200;
    }

        .css3Button.cancel:hover, .css3Button.delete:hover, a.css3Button.cancel:hover, a.css3Button.delete:hover, span.css3Button.cancel:hover, span.css3Button.delete:hover {
            background: #d90500;
        }

        .css3Button.cancel.disabled, .css3Button.cancel.disabled:hover, .css3Button.cancel[disabled], .css3Button.cancel[disabled]:hover, .css3Button.cancel[disabled="disabled"], .css3Button.delete.disabled, .css3Button.delete.disabled:hover, .css3Button.delete[disabled], .css3Button.delete[disabled]:hover, .css3Button.delete[disabled="disabled"], a.css3Button.cancel.disabled, a.css3Button.cancel.disabled:hover, a.css3Button.cancel[disabled], a.css3Button.cancel[disabled]:hover, a.css3Button.cancel[disabled="disabled"], a.css3Button.delete.disabled, a.css3Button.delete.disabled:hover, a.css3Button.delete[disabled], a.css3Button.delete[disabled]:hover, a.css3Button.delete[disabled="disabled"], span.css3Button.cancel.disabled, span.css3Button.cancel.disabled:hover, span.css3Button.cancel[disabled], span.css3Button.cancel[disabled]:hover, span.css3Button.cancel[disabled="disabled"], span.css3Button.delete.disabled, span.css3Button.delete.disabled:hover, span.css3Button.delete[disabled], span.css3Button.delete[disabled]:hover, span.css3Button.delete[disabled="disabled"] {
            background: #a60400;
            cursor: default;
            opacity: 0.6;
        }

    .css3Button.reverse, a.css3Button.reverse, span.css3Button.reverse {
        background: #c7c7c7;
        color: #402e00;
        border-color: #aeaeae;
    }

        .css3Button.reverse:hover, a.css3Button.reverse:hover, span.css3Button.reverse:hover {
            background: #aeaeae;
        }

        .css3Button.reverse.disabled, .css3Button.reverse.disabled:hover, .css3Button.reverse[disabled], .css3Button.reverse[disabled]:hover, .css3Button.reverse[disabled="disabled"], a.css3Button.reverse.disabled, a.css3Button.reverse.disabled:hover, a.css3Button.reverse[disabled], a.css3Button.reverse[disabled]:hover, a.css3Button.reverse[disabled="disabled"], span.css3Button.reverse.disabled, span.css3Button.reverse.disabled:hover, span.css3Button.reverse[disabled], span.css3Button.reverse[disabled]:hover, span.css3Button.reverse[disabled="disabled"] {
            background: #c7c7c7;
            cursor: default;
            opacity: 0.6;
        }

    .css3Button.back, a.css3Button.back, span.css3Button.back {
        float: left;
        margin: 0 12px 0 0;
        padding: 0.375rem 0.75rem 0.4375rem;
        padding-left: 24px;
        outline: none;
        position: relative;
        top: 6px;
    }

@media screen and (max-width: 48em) {
    .css3Button.back, a.css3Button.back, span.css3Button.back {
        display: inline-block;
        font-size: 14px;
    }
}

@media screen and (max-width: 35em) {
    .css3Button.back, a.css3Button.back, span.css3Button.back {
        top: 0;
        float: none;
        display: block;
        padding-left: 24px;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 25em) {
    .css3Button.back, a.css3Button.back, span.css3Button.back {
        padding-left: 30px;
    }
}

.css3Button.back:after, a.css3Button.back:after, span.css3Button.back:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: transparent #386603 transparent transparent;
    top: 50%;
    border-width: 0.375em;
    left: 4px;
    transform: translateY(-50%);
}

@media screen and (max-width: 35em) {
    .css3Button.back:after, a.css3Button.back:after, span.css3Button.back:after {
        left: 8px;
    }
}

@media screen and (max-width: 25em) {
    .css3Button.back:after, a.css3Button.back:after, span.css3Button.back:after {
        border-width: 8px;
    }
}

.css3Button.text, a.css3Button.text, span.css3Button.text {
    background: none;
    border: none;
    text-decoration: underline;
}

.css3Button.dropdown, a.css3Button.dropdown, span.css3Button.dropdown {
    position: relative;
    padding-right: 1.5rem;
    outline: none;
}

    .css3Button.dropdown:after, .css3Button.dropdown--left:after, a.css3Button.dropdown--left:after, span.css3Button.dropdown--left:after, a.css3Button.dropdown:after, a.css3Button.dropdown--left:after, span.css3Button.dropdown:after, span.css3Button.dropdown--left:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        border-color: #386603 transparent transparent transparent;
        top: 50%;
        border-width: 0.25rem;
        right: 0.5rem;
        margin-top: 0.125rem;
        transform: translateY(-50%);
    }

        .css3Button.dropdown:after.orange, .css3Button.orange.dropdown--left:after, .css3Button.dropdown:after.green, .css3Button.green.dropdown--left:after, a.css3Button.dropdown:after.orange, a.css3Button.orange.dropdown--left:after, a.css3Button.dropdown:after.green, a.css3Button.green.dropdown--left:after, span.css3Button.dropdown:after.orange, span.css3Button.orange.dropdown--left:after, span.css3Button.dropdown:after.green, span.css3Button.green.dropdown--left:after {
            border-color: #fff transparent transparent transparent;
        }

.css3Button.dropdown--left, a.css3Button.dropdown--left, span.css3Button.dropdown--left {
    position: relative;
    outline: none;
    padding-left: 1.5rem;
}

    .css3Button.dropdown--left:after, a.css3Button.dropdown--left:after, span.css3Button.dropdown--left:after {
        right: auto;
        left: 0.5rem;
    }

.css3Button.disabled, .css3Button[disabled], .css3Button[disabled]:hover, .css3Button[disabled="disabled"], a.css3Button.disabled, a.css3Button[disabled], a.css3Button[disabled]:hover, a.css3Button[disabled="disabled"], span.css3Button.disabled, span.css3Button[disabled], span.css3Button[disabled]:hover, span.css3Button[disabled="disabled"] {
    opacity: 0.4;
    cursor: default;
}

.remove {
    text-decoration: none;
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
    color: #386603;
    vertical-align: middle;
    margin: 0 4px;
}

/*.css3ButtonNotBold , .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .catalogButton, .ui-widget button, .t-button
{
	font-family:Arial!important;
	font-size: $btnFontSize + px!important;
	line-height: normal;
	color: $btnTextColor;
	padding: $btnPaddingTop + px  $btnPaddingRight + px;
	@include background-gradient($btnGradientTopColor,$btnGradientBottomColor);
	@include border-radius($btnRadius + px);
	border: 1px solid $btnBorderColor;
	font-weight: bold !important; 
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	cursor:pointer;
	text-decoration: none;
	text-align: center;
	display: inline-block; //test this one, make sure it doesn't mess anything up!
	margin: 4px; //test this one, make sure it doesn't mess anything up!

	&:hover {
		@include background-gradient(lighten($btnGradientTopColor, 5%),lighten($btnGradientBottomColor, 5%));
	}
	&.small {
		font-size: 11px !important;
		padding: 4px 7px;
	}
	&.full-width {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	&.med-font {
		font-size: inherit !important;
		font-weight: normal !important;
	}
	&.large-wide {
		text-transform: uppercase;
		padding: 9px 40px;
	}
	&.large-tall {
		text-transform: uppercase;
		padding: 13px 30px;
	}
	&.green {
		background: $hdrGreen;
		color: #ffffff;
		&:hover {
			background: lighten($hdrGreen, 5%);
		}
		&.disabled, &.disabled:hover {
			background: $hdrGreen;
		}
	}
	&.gray {
		background: $btnYNGrayGradientTopColor;
		border-color: $btnYNGrayGradientBottomColor;
		color: #ffffff;
		&:hover {
			background: lighten($btnYNGrayGradientTopColor, 5%);
		}
		&.disabled, &.disabled:hover {
			background: $btnYNGrayGradientTopColor;
		}
	}
	&.white {
		background: #fff;
		border: 1px solid $homePageLightGreen;
		color: $hdrGreen;
		&:hover {
			background: darken(#fff, 5%);
		}
		&.disabled, &.disabled:hover {
			background: #fff;
		}
	}
	&.white-2 {
		background: #fff;
		border: 1px solid white;
		color: $notificationsButtonOrange;
		&:hover {
			background: darken(#fff, 5%);
		}
		&.disabled, &.disabled:hover {
			background: #fff;
		}
	}
	&.cancel {
		background: $btnYNNoOnGradientTopColor;
		color: #fff;
		border-color: $btnYNNoOnGradientBottomColor;
		&:hover {
			background: lighten($btnYNNoOnGradientTopColor, 10%);
		}
		&.disabled, &.disabled:hover {
			background: $btnYNNoOnGradientTopColor;
		}
	}
	&.reverse {
		background: $btnYNGrayColor;
		color: $homepageTextGray;
		border-color: darken($btnYNGrayColor, 10%);
		&:hover {
			background: darken($btnYNGrayColor, 10%);
		}
		&.disabled, &.disabled:hover {
			background: $btnYNGrayColor;
		}
	}
	&.text {
		background: none;
		border: none;
		text-decoration: underline;
	}
	&.dropdown {
		position: relative;
		padding-right: 1.5em;
		outline: none;
		&:after {
			position: absolute;
			content: "";
			width: 0;
			height: 0;
			display: block;
			border-style: solid;
			border-color: $btnTextColor transparent transparent transparent;
			top: 50%;
			border-width: 0.375em;
			right: 0.35em;
			margin-top: -0.15625em;
		}
	}
	&.disabled {
		opacity: 0.4;
		cursor: default;
	}
}
*/
.pill {
    color: #386603;
    display: inline-block;
    border-radius: 4px;
    background: #91b286;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 15px 8px;
    text-align: center;
    text-decoration: none;
    height: auto;
    line-height: inherit;
}

    .pill:hover {
        background: #83a876;
    }

.pill-restriction {
    color: #ff0000;
    display: inline-block;
    border-radius: 4px;
    background: #91b286;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 15px 8px;
    text-align: center;
    text-decoration: none;
    height: auto;
    line-height: inherit;
}

    .pill-restriction:hover {
        background: #83a876;
    }

/* button dropdown */
.f-dropdown {
    background: #FFFFFF;
    border: solid 1px #cccccc;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    font-size: 0.875rem;
    height: auto;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    margin-top: 2px;
    padding: 0;
    max-height: none;
    max-width: 230px;
    outline: none;
    position: absolute;
    z-index: 89;
}

    .f-dropdown li {
        font-size: 0.875rem;
        cursor: pointer;
        line-height: 1.125rem;
        margin: 0;
    }

        .f-dropdown li:hover, .f-dropdown li:focus {
            background: #EEEEEE;
        }

        .f-dropdown li a {
            display: block;
            padding: 0.5rem;
            color: #555555;
            font-size: 13px;
        }

.button-group, .pill-group {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
}

    .button-group.vertical li, .pill-group.vertical li {
        display: block;
        float: none;
    }

    .button-group.vertical .button, .button-group.vertical .pill, .pill-group.vertical .button, .pill-group.vertical .pill {
        margin-bottom: 0.5em;
        width: 100%;
        display: inline-block;
    }

    .button-group.vertical .pill, .pill-group.vertical .pill {
        border-radius: 4px;
        background: #91b286;
        font-size: 13px;
        font-weight: bold;
        padding: 7px 15px 8px;
        text-align: center;
        text-decoration: none;
        height: auto;
        line-height: inherit;
        color: #386603;
    }

        .button-group.vertical .pill:hover, .pill-group.vertical .pill:hover {
            background: #83a876;
        }

    .button-group.horizontal li, .pill-group.horizontal li {
        display: inline-block;
    }

    .button-group .active, .button-group.active, .pill-group .active, .pill-group.active {
        position: relative;
        margin-top: 0 !important;
        border-top: none !important;
    }

        .button-group .active .pill, .button-group.active .pill, .pill-group .active .pill, .pill-group.active .pill {
            background: #386603;
            color: #fff;
        }

        .button-group .active .f-dropdown, .button-group.active .f-dropdown, .pill-group .active .f-dropdown, .pill-group.active .f-dropdown {
            left: 0;
        }

        .button-group .active .dropdown:after, .button-group .active .css3Button.dropdown--left:after, .button-group.active .dropdown:after, .button-group.active .css3Button.dropdown--left:after, .pill-group .active .dropdown:after, .pill-group .active .css3Button.dropdown--left:after, .pill-group.active .dropdown:after, .pill-group.active .css3Button.dropdown--left:after {
            border-color: transparent transparent #386603 transparent;
            margin-top: -0.5em;
        }

/* #region ' specific buttons ' */
.checkout-button {
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    padding: 8px 50px;
    background-color: #d06a21;
    border: none;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}

    .checkout-button:disabled, .checkout-button.disabled, .checkout-button[disabled], .checkout-button[disabled]:hover, .checkout-button[disabled="disabled"] {
        background-color: #999999;
        cursor: default;
        opacity: 0.6;
    }

.shoppingCart-button {
    color: #fff;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: normal;
    background-color: #d06a21;
    border: none;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px 9px;
    position: relative;
    text-align: center;
}

    .shoppingCart-button:disabled, .shoppingCart-button.disabled, .shoppingCart-button[disabled], .shoppingCart-button[disabled]:hover, .shoppingCart-button[disabled="disabled"] {
        cursor: default;
        opacity: 0.6;
    }

/* #region ' tables ' */
table {
    border-collapse: collapse;
    width: auto;
    text-align: left;
}

    table.zstriped tbody tr:nth-child(odd), table.zstriped tbody tr.odd {
        background-color: #eceeeb;
    }

    table.expand {
        width: 100%;
    }

    table.contained {
        margin: -1em;
        width: 100%;
        width: calc(100% + 2em);
    }

        table.contained thead th, table.contained thead td {
            padding: 0.25em;
        }

    table.bordered {
        border-top: 1px solid #5f5e5e;
        border-bottom: 1px solid #5f5e5e;
    }

        table.bordered thead tr {
            border-bottom: 1px solid #5f5e5e;
            border-top: 1px solid white;
        }

        table.bordered tfoot tr {
            border-top: 1px solid #5f5e5e;
            border-bottom: 1px solid white;
        }

            table.bordered tfoot tr td {
                font-weight: bold;
                font-size: 1rem;
            }

    table td {
        padding: 0.25em;
    }

        table td.has-button {
            white-space: nowrap;
            width: 75px;
        }

@media screen and (max-width: 39.75em) {
    table td.has-button {
        display: inline-block;
    }
}

table td.text {
    font-size: 0.8125rem;
}

table td.price, table td.quantity {
    text-align: right;
    font-size: 0.8125rem;
}

@media screen and (max-width: 39.75em) {
    table td.price, table td.quantity {
        display: block;
    }
}

table td.product {
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 39.75em) {
    table td.product {
        display: inline-block;
    }
}

table td.quantity {
    white-space: nowrap;
}

@media screen and (min-width: 39.75em) {
    table td.quantity {
        text-align: center;
    }
}

table.table--responsive col {
    width: auto !important;
}

table.table--responsive table, table.table--responsive thead, table.table--responsive tbody, table.table--responsive th, table.table--responsive td, table.table--responsive tr {
    display: block;
}

    table.table--responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

table.table--responsive tr {
    border-bottom: 1px solid #5f5e5e;
}

table.table--responsive td {
    border: none;
    position: relative;
    padding-left: 50%;
}

    table.table--responsive td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-header);
    }

.table-divider {
    background-color: #d8e4d4;
}

    .table-divider td {
        padding: 0.75em 0.5em;
    }

.price-discount {
    color: #88a368;
    display: block;
    font-weight: bold;
}

.price-additional {
    list-style: none;
    display: none;
}

.show-price {
    display: block;
    font-size: inherit;
    position: relative;
    padding-right: 1em;
}

    .show-price:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        border-color: transparent transparent transparent #386603;
        top: 50%;
        border-width: 4px;
        right: 0;
        margin-top: -4px;
    }

    .show-price.active:after {
        border-color: #386603 transparent transparent transparent;
        margin-top: -2px;
    }

/* #endregion */
/* Telerik grids */
/* Telerik overrides*/
.t-widget * {
    box-sizing: content-box;
}

.t-header, .t-grid-header {
    background: #4c7822;
}

.t-grid td, .t-grid td a {
    font-size: 13px;
}

.t-grid-content {
    overflow: auto !important;
    min-height: 200px;
    height: auto !important;
}

.ui-dialog .t-grid-content {
    min-height: 200px;
    height: 200px !important;
}

@media only screen and (max-width: 62em) {
    .table--responsive .t-grid col {
        width: auto !important;
    }
}

@media only screen and (max-width: 48em) {
    .table--responsive .t-grid table, .table--responsive .t-grid thead, .table--responsive .t-grid tbody, .table--responsive .t-grid th, .table--responsive .t-grid td, .table--responsive .t-grid tr {
        display: block;
    }

        .table--responsive .t-grid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table--responsive .t-grid tr {
        border-bottom: 1px solid #486b23;
    }

    .table--responsive .t-grid td {
        border: none;
        border-bottom: 1px solid #bdcb9e;
        position: relative;
        padding-left: 50%;
    }

        .table--responsive .t-grid td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            content: attr(data-header);
        }
}

/* include res_noMoreTables.js for column header text changes */
/* #region 'older responsive tables' */
table.no-more-tables {
    width: 75%;
    float: none;
    display: table;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.no-more-tables + table.no-more-tables {
        border-top: 20px solid white;
    }

    table.no-more-tables td {
        font-size: 0.8125em;
    }

        table.no-more-tables td:nth-child(3n+3) {
            padding-left: 2em;
        }

/* #endregion */
/* #region MEDIUM */
@media only screen and (max-width: 28em) { /* Force table to not be like tables anymore */
    .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr {
        display: block;
    }

    table.no-more-tables {
        width: 34.375em;
        display: block; /*min-width:$tooSmall + em;*/
        border-collapse: collapse;
        border-spacing: 0;
        padding: 0;
        margin: 0;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr {
        padding-top: .5em; /*border-bottom:solid 1px #efefef;*/ /*background-color:#ffffff;*/
    }

        .no-more-tables tr:nth-child(even) { /*background-color:#f1f5ed;*/
        }

    .no-more-tables td {
        border: none;
        white-space: normal;
        text-align: left;
        display: inline-block;
        padding: 0;
        margin: none; /*border-bottom:solid 1px #efefef;*/
    }

        .no-more-tables td:nth-child(even) {
            padding-left: .25em;
        }

        .no-more-tables td:nth-child(odd) { /*background-color:#efefef;*/
            text-align: right;
            vertical-align: top;
        }

    table.no-more-tables td:nth-child(3n+3), table.no-more-tables td:nth-child(4n+4) {
        padding-left: 0; /*background-color:#efefef;*/
    }
}
/* #endregion */
/* #region ' tabs ' */
.tabs {
    list-style: none;
    border-bottom: solid 1px #929292;
    display: block;
    height: 40px;
    padding: 0;
    margin-bottom: 20px;
}

    .tabs.contained {
        margin-bottom: 0;
        margin-left: 0;
    }

    .tabs dt {
        color: #b3b3b3;
        cursor: default;
        display: block;
        float: left;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        padding-right: 9px;
        padding-left: 20px;
        font-weight: normal;
        width: auto;
        text-transform: uppercase;
    }

        .tabs dt:first-child {
            padding: 0;
            padding-right: 9px;
        }

    .tabs dd, .tabs li {
        display: block;
        float: left;
        padding: 0;
        margin-left: 15px;
    }

@media screen and (max-width: 35em) {
    .tabs dd, .tabs li {
        margin-left: 5px;
    }
}

.tabs dd a, .tabs dd span:not(.badge), .tabs li a, .tabs li span:not(.badge) {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 23.8px;
    color: #3c3c3c;
    background: #eceeeb;
    text-decoration: none;
    border-radius: 6px 6px 0 0;
    border: 1px solid #929292;
    font-weight: bold;
    cursor: pointer;
}

@media screen and (max-width: 35em) {
    .tabs dd a, .tabs dd span:not(.badge), .tabs li a, .tabs li span:not(.badge) {
        padding: 0 12px;
        font-size: 14px;
    }
}

.tabs dd.active a, .tabs dd.active span:not(.badge), .tabs li.active a, .tabs li.active span:not(.badge) {
    cursor: default;
    background-color: #fff;
    color: #445e71;
    border-bottom: none;
}

.tabs dd:first-child, .tabs li:first-child {
    margin-left: 0;
}

.tabs.vertical dd, .tabs.vertical li {
    margin: 0;
}

.tabs.two-up dt a, .tabs.two-up dt span, .tabs.two-up dd a, .tabs.two-up dd span, .tabs.two-up li a, .tabs.two-up li span, .tabs.three-up dt a, .tabs.three-up dt span, .tabs.three-up dd a, .tabs.three-up dd span, .tabs.three-up li a, .tabs.three-up li span, .tabs.four-up dt a, .tabs.four-up dt span, .tabs.four-up dd a, .tabs.four-up dd span, .tabs.four-up li a, .tabs.four-up li span, .tabs.five-up dt a, .tabs.five-up dt span, .tabs.five-up dd a, .tabs.five-up dd span, .tabs.five-up li a, .tabs.five-up li span {
    padding: 0 17px;
    text-align: center;
    overflow: hidden;
}

.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
    width: 50%;
}

.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {
    width: 33.33%;
}

.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {
    width: 25%;
}

.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
    width: 20%;
}

ul.tabs-content {
    display: block;
    margin: 0 0 1em;
    padding: 0;
    border: none;
}

    ul.tabs-content > li {
        display: none;
    }

        ul.tabs-content > li.active {
            display: block;
        }

    ul.tabs-content.contained {
        padding: 0;
    }

        ul.tabs-content.contained > li {
            border: solid 0 #929292;
            border-width: 0 1px 1px 1px;
            padding: 1em;
        }

        ul.tabs-content.contained.vertical > li {
            border-width: 1px 1px 1px 1px;
        }

.no-js ul.tabs-content > li {
    display: block;
}

/* #endregion */
/* #region ' tabs-content ' */
.tabs-content {
    border-left: 1px solid #d1cbc6;
}

    .tabs-content > [role="tab-content"] {
        display: none;
        padding: 10px 0;
    }

        .tabs-content > [role="tab-content"].active {
            display: block;
        }

/* #endregion */
/* #region ' vertical tabs ' */
.tabs.vertical li.active:after, .tabs.vertical li.active:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: -17px;
    border: solid transparent;
    z-index: 1;
}

.tabs.vertical li.active:after {
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -17px;
}

.tabs.vertical li.active:before {
    border-right-color: #ccc;
    border-width: 16px;
    margin-top: -18px;
}

/* #endregion */
/* #region ' tooltips ' */
.hint {
    background-color: rgba(68, 94, 113, 0.4);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: white;
    border: 1px solid #264403;
    font-size: 11px;
    line-height: 1.2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px;
    font-size: 0.75rem;
    z-index: 100;
    width: 300px;
    max-width: 300px;
    white-space: normal;
}

.tooltip-measure, .tooltip-static {
    top: 50px;
    width: 100px;
    text-align: center;
}

    .tooltip-static:before, .tooltip-static:after {
        display: none;
    }

.tooltip-title {
    display: block;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 6px;
    color: #000;
}

.tooltip:after, .tooltip:before {
    border: solid transparent;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
}

.tooltip:after {
    border-width: 10px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.tooltip:before {
    border-width: 11px;
    border-bottom-color: #264403;
    margin-left: -11px;
}

.tooltip[data-position=tip-right] {
    top: 50%;
    left: 100%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

    .tooltip[data-position=tip-right]:after, .tooltip[data-position=tip-right]:before {
        bottom: 50%;
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        right: 100%;
        left: 0;
    }

    .tooltip[data-position=tip-right]:after {
        border-color: transparent;
        border-right-color: #ffffff;
        margin-left: -20px;
    }

    .tooltip[data-position=tip-right]:before {
        border-color: transparent;
        border-right-color: #264403;
        margin-left: -22px;
    }

.tooltip[data-type=tip-alert] {
    border-color: #cd6a22;
}

    .tooltip[data-type=tip-alert]:before {
        border-bottom-color: #cd6a22;
    }

    .tooltip[data-type=tip-alert][data-position=tip-right]:before {
        border-color: transparent;
        border-right-color: #cd6a22;
    }

    .tooltip[data-type=tip-alert] .tooltip-title:before {
        background-color: #cd6a22;
        border-radius: 50%;
        color: white;
        content: '!';
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        text-align: center;
        width: 20px;
        margin-right: 6px;
    }

.tooltip_cart {
    border-color: #cd6a22;
}

    .tooltip_cart:before {
        border-bottom-color: #cd6a22;
    }

    .tooltip_cart .row + .row {
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #c7c7c7;
    }

/*	For jquery tooltips only
	Comment this out after everything good 

*/
[role="tooltip"].ui-widget {
    background: white;
    border: 1px solid #264403;
    font-size: 11px;
    line-height: 1.2;
    position: relative;
    z-index: 10001;
}

    [role="tooltip"].ui-widget.tip-alert {
        border-color: #cd6a22;
    }

        [role="tooltip"].ui-widget.tip-alert.arrow-top:before {
            border-bottom-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-alert.arrow-bottom:before {
            border-top-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-alert.arrow-left:before {
            border-right-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-alert.arrow-right:before {
            border-left-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-alert .tooltip-title:before {
            background-color: #cd6a22;
            border-radius: 50%;
            color: white;
            content: '!';
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            line-height: 20px;
            text-align: center;
            width: 20px;
            margin-right: 6px;
        }

    [role="tooltip"].ui-widget.tip-required {
        border-color: #cd6a22;
        background: #cd6a22;
        color: white;
    }

        [role="tooltip"].ui-widget.tip-required.arrow-top:before, [role="tooltip"].ui-widget.tip-required.arrow-top:after {
            border-bottom-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-required.arrow-bottom:before, [role="tooltip"].ui-widget.tip-required.arrow-bottom:after {
            border-top-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-required.arrow-left:before, [role="tooltip"].ui-widget.tip-required.arrow-left:after {
            border-right-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-required.arrow-right:before, [role="tooltip"].ui-widget.tip-required.arrow-right:after {
            border-left-color: #cd6a22;
        }

        [role="tooltip"].ui-widget.tip-required .tooltip-title:before {
            background-color: white;
            border-radius: 50%;
            color: #cd6a22;
            content: '!';
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            line-height: 20px;
            text-align: center;
            width: 20px;
            margin-right: 6px;
        }

        [role="tooltip"].ui-widget.tip-required a {
            color: white;
            font-size: inherit;
        }

[role="tooltip"] .tooltip-title {
    display: block;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 6px;
}

[role="tooltip"].arrow-top:after, [role="tooltip"].arrow-top:before, [role="tooltip"].arrow-bottom:after, [role="tooltip"].arrow-bottom:before, [role="tooltip"].arrow-left:after, [role="tooltip"].arrow-left:before, [role="tooltip"].arrow-right:after, [role="tooltip"].arrow-right:before {
    border: solid transparent;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

[role="tooltip"].arrow-top:after, [role="tooltip"].arrow-bottom:after, [role="tooltip"].arrow-left:after, [role="tooltip"].arrow-right:after {
    border-width: 10px;
}

[role="tooltip"].arrow-top:before, [role="tooltip"].arrow-bottom:before, [role="tooltip"].arrow-left:before, [role="tooltip"].arrow-right:before {
    border-width: 11px;
}

[role="tooltip"].arrow-top:after, [role="tooltip"].arrow-top:before {
    bottom: 100%;
    left: 50%;
}

[role="tooltip"].arrow-top:after {
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

[role="tooltip"].arrow-top:before {
    border-bottom-color: #264403;
    margin-left: -11px;
}

[role="tooltip"].arrow-bottom:after, [role="tooltip"].arrow-bottom:before {
    top: 100%;
    left: 50%;
}

[role="tooltip"].arrow-bottom:after {
    border-top-color: #ffffff;
    margin-left: -10px;
}

[role="tooltip"].arrow-bottom:before {
    border-top-color: #264403;
    margin-left: -11px;
}

[role="tooltip"].arrow-left:after, [role="tooltip"].arrow-left:before {
    right: 100%;
    top: 50%;
}

[role="tooltip"].arrow-left:after {
    border-right-color: #ffffff;
    margin-top: -10px;
}

[role="tooltip"].arrow-left:before {
    border-right-color: #264403;
    margin-top: -11px;
}

[role="tooltip"].arrow-right:after, [role="tooltip"].arrow-right:before {
    left: 100%;
    top: 50%;
}

[role="tooltip"].arrow-right:after {
    border-left-color: #ffffff;
    margin-top: -10px;
}

[role="tooltip"].arrow-right:before {
    border-left-color: #264403;
    margin-top: -11px;
}

.pop-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 17px;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.25);
    display: none;
}

    .pop-screen[ng-show] {
        display: block;
    }

@media screen and (max-width: 62em) {
    .pop-screen {
        right: 0;
    }
}

.pop-container {
    line-height: normal;
    position: absolute;
    width: 645px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-height: 90vh;
    background-color: #ffffff;
    z-index: 10000;
    box-sizing: border-box;
    padding: 2em;
    color: #402e00;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    overflow: auto;
}

    .pop-container h2 {
        margin: 0;
    }

    .pop-container p {
        margin-top: 1.2em;
    }

    .pop-container .pop-bold {
        font-weight: bold;
    }

    .pop-container .pop-ital {
        font-style: italic;
        font-size: .9em;
    }

    .pop-container .pop-link {
        color: #3e3e3e; /*position: absolute;
right: 2em;
bottom: 2.4em;*/
        font-size: 1.1em;
    }

    .pop-container .pop-button {
        color: #ffffff;
        font-size: 1.25em;
        font-weight: bold;
        padding: .5em 2em;
        border-radius: .5em;
        border: none !important;
        display: inline-block;
        margin: 0 auto;
        cursor: pointer;
    }

        .pop-container .pop-button .pop-button:active {
            position: relative;
            top: 1px;
        }

        .pop-container .pop-button.pop-button-valid {
            background-color: #386603;
        }

        .pop-container .pop-button.pop-button-invalid {
            background-color: #d06a20;
        }

        .pop-container .pop-button:disabled, .pop-container .pop-button[disabled="disabled"] {
            background-color: #929292;
            cursor: default;
            opacity: 1;
        }

    .pop-container .x {
        position: absolute;
        top: 10px;
        right: 10px;
        text-decoration: none;
        font-weight: bold;
        font-size: 30px;
        line-height: 1;
        cursor: pointer;
        color: #999;
    }

    .pop-container .pop-scroll {
        overflow: auto;
        height: 250px;
    }

@media screen and (max-width: 62em) {
    .pop-container {
        width: auto;
        top: 10%;
        margin-top: 0;
        left: 10%;
        right: 10%;
        bottom: 10%;
        margin-left: 0;
        transform: translate(0, 0);
    }
}

@media screen and (max-width: 53em) {
    .pop-container {
        width: auto;
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
        position: fixed;
    }
}

@media screen and (max-width: 62em) {
    .pop-container .pop-scroll {
        height: 75%;
    }
}

@media screen and (max-width: 35em) {
    .pop-container {
        width: auto;
        top: 1%;
        left: 1%;
        right: 1%;
        bottom: 1%;
        position: fixed;
    }

        .pop-container .column.txtAlnR {
            text-align: left;
        }

        .pop-container input[type="text"], .pop-container textarea {
            width: 100%;
        }
}

div#ProductDescriptionContainer {
    overflow: auto;
}

/*	wizard styles */
.wizard-block {
    list-style-type: none;
    margin: 10px auto;
    padding: 0;
}

    .wizard-block li {
        display: inline-block;
        text-align: left;
        line-height: 1.692em;
        margin-right: 1.692em; /*margin-bottom: 10px;*/
    }

@media screen and (max-width: 39.75em) {
    .wizard-block li {
        text-align: center;
    }
}

@media screen and (max-width: 35em) {
    .wizard-block li {
        text-align: center;
        line-height: normal;
        margin-right: 0;
        font-size: 14px;
        width: 30%;
    }
}

.wizard-number {
    display: inline-block;
    background: #747474;
    color: #fff;
    width: 1.692em;
    height: 1.692em;
    line-height: 1.692em;
    text-align: center;
    border-radius: 0.846em;
    padding-right: 0.038em;
    position: relative;
}

@media screen and (max-width: 39.75em) {
    .wizard-number {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 35em) {
    .wizard-number {
        margin-bottom: 5px;
    }
}

.wizard-done .wizard-number {
    background: #386603;
    text-indent: -9999px;
}

    .wizard-done .wizard-number:before {
        content: '\2713';
        display: block;
        position: absolute;
        text-indent: 0;
        width: 1.692em;
    }

.wizard-inprogress .wizard-number {
    background: #386603;
}

/* #endregion */
.list-block {
    margin: 0;
    padding: 0;
    line-height: inherit;
}

.list-block--numbered {
    counter-reset: li;
}

    .list-block--numbered > li {
        position: relative;
        margin: 0 0 6px 0;
        list-style: none;
        padding-left: 24px;
        line-height: 21px;
        font-size: 13px;
    }

        .list-block--numbered > li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            left: 0;
            font-weight: bold;
            text-align: center;
            background-color: #386603;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: 21px;
            box-sizing: border-box;
            font-size: 10px;
            color: #fff;
        }

.list-nobullet {
    list-style: none;
}

    .list-nobullet > li {
        margin-bottom: 16px;
    }

.list-bullet_inside {
    list-style-position: inside;
}

    .list-bullet_inside > li {
        margin-bottom: 16px;
    }

/* #region ' panels ' */
/*	panel styles

*/
.panel {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.panel_callout {
    padding: 16px;
    border: 1px solid #cd6a22;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.panel_grey {
    padding: 16px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #eceae8;
}

.panel_shadow {
    padding: 16px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.innerPanel {
    margin: 16px 0;
    padding-top: 16px;
    position: relative;
    width: 100%;
}

    .innerPanel:before {
        background: #e1e1e1;
        content: '';
        height: 1px;
        left: 50%;
        margin: 0 auto;
        margin-left: -37.5%;
        position: absolute;
        top: 0;
        width: 75%;
    }

/* #region ' HISTORIC ' */
/* #region everything */
/* images, "true": includes dimensions */
.spriteImages-landingPageVessels {
    background-position: 0 -4605px;
    height: 49px;
    width: 62px;
}

.landingPageRegisterVehicle {
    background-image: url('../Content/responsive/spriteImages/landingPageRegisterVehicle.png');
    height: 41px;
    width: 69px;
    background-repeat: no-repeat;
}

.landingPageIdentityInformation {
    background-image: url('../Content/responsive/spriteImages/landingPageIdentityInformation.png');
    height: 49px;
    width: 69px;
    background-repeat: no-repeat;
}

.landingPageUpdateAddressInfo {
    background-image: url('../Content/responsive/spriteImages/landingPageUpdateAddressInfo.png');
    height: 41px;
    width: 69px;
    background-repeat: no-repeat;
}

.landingPageUpdateContactInfo {
    background-image: url('../Content/responsive/spriteImages/landingPageUpdateContactInfo.png');
    height: 57px;
    width: 69px;
    background-repeat: no-repeat;
}

.spriteImages-landingPageActiveLicenses {
    background-position: 0 -4367px;
    height: 49px;
    width: 62px;
}

.spriteImages-landingPageCup {
    background-position: 0 -4416px;
    height: 47px;
    width: 49px;
}

.spriteImages-landingPageHarvestReport {
    background-position: 0 -4501px;
    height: 47px;
    width: 43px;
}


.spriteImages-landingPageDNRId {
    background-position: 0 -4463px;
    height: 38px;
    width: 51px;
}

.spriteImages-landingPageHomeIcon {
    background-position: 0 -4548px;
    height: 16px;
    width: 13px;
}

.spriteImages-landingPageShoppingCart {
    background-position: 0 -4564px;
    height: 41px;
    width: 53px;
}

.spriteImages-mobileHeaderLogo {
    background-position: 0 -4670px;
    height: 21px;
    width: 336px;
}

.spriteImages-discount320_69 {
    background-position: 0 -2444px;
    height: 69px;
    width: 320px;
}

.spriteImages-discount360_78 {
    background-position: 0 -2513px;
    height: 78px;
    width: 360px;
}

.spriteImages-discount630_100 {
    background-position: 0 -2591px;
    height: 100px;
    width: 630px;
}

.spriteImages-homeSmallLogo {
    background-position: 0 -4313px;
    height: 32px;
    width: 315px;
}

.spriteImages-homeWelcomeBullet {
    background-position: 0 -4345px;
    height: 22px;
    width: 21px;
}

.spriteImages-catFishing {
    background-position: 0 -2267px;
    height: 66px;
    width: 64px;
}

.spriteImages-catHunting {
    background-position: 0 -2333px;
    height: 63px;
    width: 69px;
}

.spriteImages-alertIcon {
    background-position: 0 -2240px;
    height: 27px;
    width: 27px;
}

.spriteImages-checkMarkIcon {
    background-position: 0 -2396px;
    height: 27px;
    width: 27px;
}

.spriteImages-closeIcon {
    background-position: 0 -2423px;
    height: 21px;
    width: 21px;
}

.spriteImages-logo16X16 {
    background-position: 0 -4654px;
    height: 16px;
    width: 16px;
}

.spriteImages-hhScanner {
    background-position: 0 -2983px;
    height: 126px;
    width: 75px;
}

.spriteImages-swpScanner {
    background-position: 0 -4798px;
    height: 66px;
    width: 93px;
}

.spriteImages-pencilIcon {
    background-position: 0 -4708px;
    height: 17px;
    width: 17px;
}

.spriteImages-searchIcon {
    background-position: 0 -4725px;
    height: 15px;
    width: 15px;
}

.spriteImages-navBackIcon {
    background-position: 0 -4691px;
    height: 17px;
    width: 17px;
}

.spriteImages-shieldIcon {
    background-position: 0 -4740px;
    height: 18px;
    width: 15px;
}

.spriteImages-shoppingCart {
    background-position: 0 -4758px;
    height: 24px;
    width: 24px;
}

.spriteImages-shoppingCartSm {
    background-position: 0 -4782px;
    height: 16px;
    width: 16px;
}

.spriteImages-shoppingCart {
    position: relative;
    top: 7px;
}

span.GridbuttonAfterTextbox {
    display: inline-block;
    position: relative;
    top: 11px;
    left: 2px;
}

/* scanner popup  */
.scanText {
    font-weight: bold;
}

.scanCloseButton {
    width: 40px;
    margin: 0 auto;
    position: relative;
    bottom: 20px;
}

.scanProcessing {
    position: absolute;
    top: 120px;
    left: 130px;
    display: none;
}

.scanResultsPadding {
    text-align: right;
    padding-right: 5px;
}

.scanImage {
    width: 180px;
    display: inline-block;
    position: relative;
    min-height: 125px;
}

.spriteImages-hhScanner {
    bottom: 0px;
    position: relative;
}

.spriteImages-swpScanner {
    bottom: 30px;
    left: 10px;
    position: relative;
}

/* standard css */
.svg-wrapper {
    display: inline-block;
    position: relative;
    width: 85%;
    padding-bottom: 85%;
    vertical-align: middle;
}

    .svg-wrapper svg {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }

.divMain {
    background-color: #FFFFFF;
    min-height: 100%;
    position: relative;
    width: 994px;
}

#imageSlider {
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

    #imageSlider img {
        position: absolute;
        top: 0;
        left: 0px;
    }

.spriteImages-homeSmallLogo {
    position: absolute;
    z-index: 12;
}

.homePageMainSplashDiv {
    min-height: 297px;
    min-width: 940px;
}

.homePageMainSplashPadding {
    padding: 15px 27px 0;
}

.homePageWelcomeParagraphText {
    color: #164b04;
    line-height: 24px;
    position: absolute;
    top: 15px;
    z-index: 13;
    font-size: 14px;
}

.homePageWelcomeUsing {
    top: 135px;
    color: #402e00;
    font-size: 22px;
    position: absolute;
    font-weight: bold;
    z-index: 14;
}

.homePageTbYouCanOuter {
    position: absolute;
    top: 170px;
    z-index: 14;
}

.homePageTbYouCan td {
    border-collapse: collapse;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    color: #164b04;
    line-height: 36px;
    font-size: 14px;
}

    .homePageTbYouCan td .spriteImages-homeWelcomeBullet {
        margin-right: 4px !important;
        position: relative;
        top: 8px;
        overflow: hidden !important;
    }

    .homePageTbYouCan td.homeWelcomeBullet {
        min-width: 50px;
    }

.homePageLoginContainer {
    position: absolute;
    right: 43px;
    bottom: 0px;
    width: 356px;
    height: 276px;
    z-index: 15;
}

#homePageTabContainer {
    position: absolute;
    top: 0px;
    height: 42px;
    right: 0;
    left: 0;
}

#homePageLoginEnroll {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    color: darkblue;
    font-size: 12px;
}

#homePageTabContentContainer {
    position: absolute;
    top: 42px;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 15px;
    padding-top: 25px;
}

.homePageInactiveLoginTab {
    background-image: url("../Content/backgrounds/homeInactiveTab.png");
}

.homePageActiveLoginTab {
    background-image: url("../Content/backgrounds/homeActiveTab.png");
    background-color: transparent !important;
}

.homePageLoginTab {
    height: 37px;
    width: 175px;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    line-height: 16px;
    font-weight: bold;
    padding-top: 5px;
    cursor: pointer;
}

.homepageUserNamePrompt {
    color: #FFFFFF;
    font-size: 0.8em;
    left: 95px;
    position: relative;
    top: -5px;
}

#imageSlider img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

    #imageSlider img.active {
        z-index: 10;
    }

    #imageSlider img.last-active {
        z-index: 9;
    }

/* labels inside login tab content */
#homePageTabContentContainer .spanSetWidth label span, #homePageTabContentContainer .field-validation-valid, #homePageTabContentContainer a, #homePageTabContentContainer label {
    color: #ffffff;
}

#homePageTabContentContainer a, #homePageLoginEnroll a, #homePageLoginEnroll {
    font-size: 12px;
    color: #164b04;
}

#homePageLoginEnroll {
    color: darkblue;
    font-size: 125%;
}

#homePageTabContentContainer #emailContent, #homePageTabContentContainer #ssnContent {
    display: none; /* hide content at startup */
}

.homePageInformationOuter {
    height: 160px;
    width: 425px;
    background-color: #ffffff;
    clear: both;
    display: inline-block;
}

    .homePageInformationOuter table a {
        font-size: 12px;
        text-decoration: none;
        color: #164b04;
    }

    .homePageInformationOuter table {
        line-height: 18px;
        padding: 0;
        border-collapse: collapse;
        position: relative; /*top:15px;*/
        left: 20px;
    }

.homePageInformationHeader {
    height: 44px;
    background-color: #91b286;
    line-height: 44px;
    color: #164b04;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}

    .homePageInformationHeader .spriteImages-catHunting, .homePageInformationHeader .spriteImages-catFishing {
        position: relative;
        bottom: 10px;
    }

.homePageInformationTableSpacer {
    width: 55px;
}

.homepageContentLightGray {
    background-color: #eceae8;
    margin-top: 28px;
    overflow: visible;
    padding-right: 43px;
    padding-left: 77px;
    height: 300px;
}

/* app alert */
.appAlertAlertBackground {
    background-color: #870400;
}

.appAlertSuccessBackground {
    background-color: #386603;
}

.appAlertOuter {
    position: absolute;
    top: 89px;
    color: white;
    min-height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    display: none;
    padding: 10px 40px 0 50px;
    z-index: 50;
}

.appAlertOuterOneError {
    padding-right: 20px;
}

.appAlertOuter span {
    position: relative;
    bottom: 7px;
    white-space: nowrap;
    text-align: left;
}

.appAlertIcon {
    height: 27px;
    width: 27px;
    margin-right: 10px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 10px;
}

.appAlertClose {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

/* Fixes to responsive additions/changes, ex: removing inline styling or new stuff for mobile solution */
.divMain:before {
    content: "SITE.SCSS";
    position: absolute;
    background-color: #555555;
    padding: .1em;
    color: #ffffff;
    opacity: 0;
    z-index: 999999;
    white-space: nowrap;
    top: 1px;
    left: 1px;
}

.divCompassTitle {
    display: none;
}

#loginPartialParent {
    text-align: right;
}

    #loginPartialParent > a {
        font-size: 14px;
    }

        #loginPartialParent > a:before {
            content: '';
            display: inline-table;
            background-color: #c7d2b9;
            height: 15px;
            width: 1px;
            border-right: solid 1px #eaf8dd;
            line-height: 45px;
            vertical-align: middle;
            margin-left: 5px;
            margin-right: 8px;
            margin-bottom: 2px;
        }

.lineDisplay:before {
    content: '';
    display: inline-table;
    background-color: #c7d2b9;
    height: 15px;
    width: 1px;
    border-right: solid 1px #eaf8dd;
    line-height: 45px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 8px;
    margin-bottom: 2px;
}

#loginPartialParent > a:first-child:before {
    display: none;
}

#loginPartialParent > *:last-child {
    margin-right: 14px;
}

.hideAboveLarge {
    display: none;
}

.content {
    padding: 2em;
}

.hideAboveMedium, .hideAboveLarge {
    display: none;
}

#cartButtonParent {
    text-align: right;
    margin-bottom: 1em;
}

/* #endregion */
/* #region Payment/TransactionPrintHistory/Print #paymentPDFEmailStatement { margin-top:5em;
		font-size:1.25em; } */
/* #endregion */
/* #region payment/shoppingcart/edit */
#continueShoppingCheckoutParent span {
    display: inline-block;
}

/* #endregion */
/* #region payment/shopper/stage */
#stageReviewAddresses {
    float: left;
    height: 40px;
}

#stageReviewAddressButtons span {
    display: inline-block;
}

#stageReviewAddressButtons {
    text-align: right;
    margin-bottom: 15px;
    height: 40px;
}

/* #endregion */
/* #region payment/sales/edit */
#payNowFormOuter {
    margin-top: 20px;
}

#_CalculationsTotal {
    font-size: 14px;
    padding: 16px;
    border: 1px solid #cd6a22;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* #endregion */
/* #region ProductCatalog/Product/SuggestedProducts */
#suggestedProductsButtonOuter {
    text-align: right;
    margin-bottom: 15px;
}

/* #endregion */
/* #region EffectiveDateWindow */
#effectiveDateWindowOuter {
    text-align: center;
}

    #effectiveDateWindowOuter #validRangeOuter {
        margin-top: 1em;
        font-size: 1em;
        color: #ff0000;
        line-height: 1.5em;
    }

    #effectiveDateWindowOuter #datePickerOuter {
        margin-top: 1em;
    }

    #effectiveDateWindowOuter .htmlHelperButtonTopOuter {
        margin-top: 1em;
    }

/* #endregion */
/* #region HarvestReporting/Report/Disclaimer */
#harvestDisclaimerOuter {
    color: #a40000;
    text-align: center;
    margin: 0 auto;
    max-width: 34.375em;
    font-size: 1.230769230769231em;
    margin-top: 4em;
}

    #harvestDisclaimerOuter #harvestDisclaimerButtonsOuter span {
        display: inline-block;
    }

    #harvestDisclaimerOuter p {
        margin-bottom: 2em;
    }

    #harvestDisclaimerOuter #harvestDisclaimerDescription {
        font-size: 1em;
    }

    #harvestDisclaimerOuter #harvestDisclaimerButtonsOuter span {
        display: inline-block;
    }

#harvestPleaseBrowse p {
    font-size: 1.230769230769231em;
    color: #000000;
    margin: 1em auto;
    text-align: left;
    max-width: 34.375em;
}

/* #endregion */

#roadkillImpNote {
    color: #ef5f5f;
    text-align: center;
    margin: 0 auto;
    max-width: 34.375em;
    font-size: 1.230769230769231em;
    margin-top: 1.5em;
}

#roadkillDisclaimerOuter {
    text-align: center;
    margin: 0 auto;
    max-width: 34.375em;
    font-size: 1.230769230769231em;
    margin-top: 1.5em;
}

    #roadkillDisclaimerOuter #roadkillDisclaimerButtonsOuter span {
        display: inline-block;
    }

    #roadkillDisclaimerOuter p {
        margin-bottom: 2em;
    }

    #roadkillDisclaimerOuter #roadkillDisclaimerDescription {
        font-size: 1em;
    }

    #roadkillDisclaimerOuter #roadkillDisclaimerButtonsOuter span {
        display: inline-block;
    }

/* #region /HarvestReporting/Report */
#deerOrTurkeyOuter {
    padding: 40px 0px 10px;
}

    #deerOrTurkeyOuter.divVerticalBottomSpacer, #DeerContainer .divVerticalBottomSpacer, #TurkeyContainer .divVerticalBottomSpacer {
        margin-bottom: 1em;
    }

#deerOrTurkeyOuter, #DeerContainer, #TurkeyContainer {
    margin: 0 auto;
}

/* #endregion */
/* #region /HarvestReporting/Report/Confirmation */
#HRConfirmationTableOuter {
    max-width: 46em;
    margin: 0 auto;
}

    #HRConfirmationTableOuter table tr:nth-child(odd) {
        background-color: #eceeeb;
    }

    #HRConfirmationTableOuter table td:first-child {
        width: 50%;
    }

    #HRConfirmationTableOuter table.no-more-tables td {
        font-size: 14px;
    }

#HRConfirmationButtonOuter {
    text-align: center;
    padding: 1em 0;
    clear: both;
}

    #HRConfirmationButtonOuter form {
        display: inline;
        margin-left: .5em;
    }

#HRConfirmationIsCorrect, #HRConfirmationReminder {
    font-size: 14px;
    padding-bottom: 1em;
    max-width: 41.5em;
    margin: 0 auto;
    text-align: left;
}

    #HRConfirmationIsCorrect span.b, #HRConfirmationReminder span.b {
        font-weight: bold;
    }

#HRConfirmationReminder {
    color: #870500;
}

    #HRConfirmationReminder a {
        color: #0028ac;
    }

/* #endregion */
/* #region /HarvestReporting/Report/ConfirmationNumber */
#HRConfirmationNumberOuter {
    max-width: 18.375em;
    margin: 0 auto;
    text-align: center;
    line-height: 2.5em;
    font-size: 1em;
}

    #HRConfirmationNumberOuter #HRCNThankYou {
        font-weight: bold;
    }

    #HRConfirmationNumberOuter #HRCNumber {
        color: #870500;
        font-size: 1.1em;
    }

/* #endregion */
/* #region /Security/Register/Step1 */
.RegistrationFormOuter {
    margin-left: 230px;
}

    .RegistrationFormOuter .divCentered {
        width: 550px;
        margin-top: 5px;
    }

/* #endregion */
/* #region /Security/Register/Step3 */
#AddressFormShadedDiv {
    background-color: #F4F4F4;
    padding: 20px;
    width: 500px;
}

    #AddressFormShadedDiv .divCentered {
        width: 500px;
        margin-top: 5px;
    }

/* #endregion */
/* #region /Security/Register/Confirmation */
#RegConfirmationOuter {
    max-width: 37.5em;
    display: table;
    margin: 0 auto;
    text-align: left;
}

    #RegConfirmationOuter .exclamationStatement {
        font-weight: bold;
    }

    #RegConfirmationOuter .confirmationPara {
        margin: 1em 0;
    }

    #RegConfirmationOuter .confirmationRed {
        color: #870500;
        font-weight: bold;
    }

/* #endregion */
/* #region /Payment/Address/Index/ */
#addressLeft.divLeftTwoColumn .divCentered {
    width: 400px;
    margin-top: 5px;
}

#divModal #addresFormPopup {
    width: 500px;
    margin: 10px 10px 10px 10px;
}

#addressFormOuter .addressFormLeft .divVerticalBottomSpacer span.spanSetWidthAlignRightPadded {
    width: 24%;
}

/* #endregion */
/* #region /Inventory/TransactionInventory/EditTransactionFulfillment/ */
#transactionInventoryFulfillmentFormPopup {
    width: 400px;
}

/* #endregion */
/* #region header test */
#testSmll {
    display: none;
}

#testMed {
    display: none;
}

#testLarge {
    display: block;
}

#testML {
    display: block;
}

/* #endregion */
/* #region landing page */
.spriteImages-discount360_78 {
    background-position: 0 -2513px;
    height: 78px;
    width: 360px;
}

.spriteImages-discount630_100 {
    background-position: 0 -2591px;
    height: 100px;
    width: 630px;
}

#discountParent {
    background: url('../Content/spriteImages-sffe700d534.png') 0 -2591px no-repeat;
    height: 100px;
    width: 630px;
    position: relative;
    margin-bottom: 2em;
}

    #discountParent .productDiscount {
        color: #ffffff;
        font-size: 2em;
        font-weight: bold;
        max-width: 10em;
        position: absolute;
        line-height: 1.35em;
        top: .5em;
        left: .8em;
    }

    #discountParent #btnDiscountDetails {
        padding: .35em .85em;
        color: #ffffff;
        font-weight: bold;
        font-size: .875em;
        background-color: #cd6a22;
        position: absolute;
        border-radius: .25em;
        right: 2em;
        top: 3em;
        cursor: pointer;
    }

#myAccountNotificationWindow {
    position: absolute;
    top: 209px;
    right: 30px;
}

/* #endregion */
/* #endregion */
/* #region ' V2 ' */
/* #region 'Landing Pages' */
.sectionTitleTD {
    border-bottom: solid 2px #e6e6e6 !important;
    line-height: 15px !important;
    padding-top: 36px;
    padding-left: 0;
    padding-right: 0;
}

.noLine {
    border-bottom: none !important;
}

/* first row td's */
.sectionTitleTR1 td {
    padding-top: 0px;
}

.sectionTitleTR1 {
    height: 16px;
    line-height: 15px;
}

td.postSectionTitles {
    padding-top: 9px;
}

table.homePageWithNotifications {
    width: 680px;
}

    table.homePageWithNotifications td {
        padding-left: 0;
        padding-right: 0;
    }

table.fourthColumn td.sectionTitleTD {
    width: 220px;
}

.sectionTitleTD.twoColumn {
    width: 300px;
    white-space: normal;
}

.NotificationWindow {
    background-image: url(/Content/backgrounds/notifications.png);
    float: right;
    height: 360px;
    width: 218px;
}

.NotificationWindowContent {
    height: 300px;
    margin: 45px 10px 20px 23px;
    overflow: auto;
    padding-right: 5px;
    text-align: left;
}

    .NotificationWindowContent a {
        white-space: normal;
    }

/* #endregion */
/* #region 'Navigation' */
#navigationDiv {
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
    background-color: #eee7d9;
    color: #386603;
    padding: 0 26px;
}

/* left side of navigation bar */
.navLinkOuter {
    cursor: pointer;
    margin-right: 21px;
}

.navLinkIcon {
    position: relative;
}

.navLinkText {
    color: #386603;
    font-weight: bold;
    font-size: 14px;
}

/* right side of navigation bar */
.navCurrentlyEditingOuter {
    float: right;
    white-space: nowrap; /* required for Chrome */
}

    .navCurrentlyEditingOuter a {
        font-size: 13px;
        color: #386603;
        text-transform: capitalize;
    }

.navCurrentlyEditingAreaText {
    color: #5f5e5e;
    font-size: 13px;
}

.navCurrentlyEditingAreaValue {
    color: #5f5e5e;
    text-transform: uppercase;
}

.navCurentlyEditingDivider {
    width: 1px;
    height: 13px;
    position: relative;
    border-left: solid 1px #5f5e5e;
    margin: 0 6px;
}

.navCurentlyEditingSearchLink {
    cursor: pointer;
    color: #386603;
    font-weight: bold;
    margin-left: 14px;
}

    .navCurentlyEditingSearchLink a {
        text-decoration: none;
    }

/* redesign for dev task 3598 */
a.navCurrentlyEditingOuterAlink {
    cursor: pointer;
    color: #386603;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
}

.navCurentlyEditingSearchLink .spriteImages-searchIcon {
    position: relative;
    top: 2px;
}

.navCurrentlyEditingOuter .spriteImages-navBackIcon {
    position: relative;
    top: 1px;
    padding-right: 4px;
}

.navCurrentlyEditingOuter .spriteImages-shieldIcon {
    position: relative;
    top: 5px;
    padding-left: 2px;
}

/* #endregion */
/* #region 'chosen color mods' */
.chosen-container .chosen-drop {
    border: 1px solid #7E9C5D;
}

.chosen-container a {
    font-size: 13px;
    font-weight: bold;
}

.chosen-container-single .chosen-single {
    height: 30px;
    border: 1px solid #7e9c5d;
    border-radius: 3px;
    box-shadow: none;
    line-height: 28px;
}

    .chosen-container-single .chosen-single span {
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    .chosen-container-single .chosen-single div {
        background-color: #E1E1E1;
        border-left: solid 1px #ffffff;
    }

        .chosen-container-single .chosen-single div b {
            background: url("../Content/chosen-sprite.png") no-repeat 3px 4px;
        }

.chosen-container .chosen-results li.highlighted {
    background-color: #386603;
    background-image: none;
}

/* #endregion */
/* #region 'jqueryui color mods' */
.ui-widget-header {
    background: #386603;
    color: #ffffff;
}

@media screen and (max-width: 39.75em) {
    #navigationDiv {
        height: 89px;
        line-height: 44px;
    }

        #navigationDiv .navCurrentlyEditingOuter {
            float: none;
            display: block;
        }

        #navigationDiv .navLinkOuter {
            display: inline-block;
        }
}

@media screen and (max-width: 25em) {
    #navigationDiv .navCurentlyEditingSearchLink {
        display: none;
    }
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #e9f2d5;
    border: 1px solid #386603;
}

/* today's day */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { /*background-color:#f4f4f4;*/
    background: url("../../JQuery-UI/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #CCCCCC;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

.ui-icon-circle-triangle-e {
    background-position: -173px -151px;
    padding-left: 5px;
}

.ui-icon-circle-triangle-w {
    background-position: -195px -151px;
}

.ui-datepicker td {
    color: purple;
    background: none;
    background-color: transparent;
}

.ui-dialog {
    overflow: visible;
}

    .ui-dialog .ui-dialog-content {
        overflow: visible;
    }

/* #endregion */
/* #region ' Christine OOCSS Stuff ' */
section {
    display: block;
    margin-bottom: 2.308em;
}

    section h4 {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 1em;
    }

.callOutDiv {
    padding: 1em !important;
    background: #d9e0e5;
}

/*	table styles

*/
.table {
    border-spacing: 4px;
    margin-bottom: 5px;
    width: 100%;
    font-size: 14px;
}

    .table a {
        font-size: inherit;
    }

.table-half {
    width: 50%;
    float: left;
}

.table-grid {
    table-layout: fixed;
}

th[scope="row"]:after {
    content: ':';
}

.badge {
    display: inline-block;
    background: #a40000;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #710000;
    margin-left: 6px;
}


/*# sourceMappingURL=site.css.map */