@font-face {
    font-family: 'christopherhand';
    src: url('../fonts/comesinhandy-webfont.eot');
    src: url('../fonts/comesinhandy-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/comesinhandy-webfont.woff') format('woff'), url('../fonts/comesinhandy-webfont.ttf') format('truetype'), url('../fonts/comesinhandy-webfont.svg#christopherhandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Century Gothic W01";
    src: url("../fonts/CenturyGothic.eot?") format("eot"), url("../fonts/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic.ttf") format("truetype"), url("../fonts/CenturyGothic.svg#CenturyGothic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'centurygothic';
    src: url('../fonts/centurygothic-webfont.eot');
    src: url('../fonts/centurygothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/centurygothic-webfont.woff') format('woff'), url('../fonts/centurygothic-webfont.ttf') format('truetype'), url('../fonts/centurygothic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jennasue-webfont';
    src: url('../fonts/jennasue-webfont.eot');
    src: url('../fonts/jennasue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/jennasue-webfont.woff') format('woff'), url('../fonts/jennasue-webfont.ttf') format('truetype'), url('../fonts/jennasue-webfont.svg#jennasue-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    font-size: 100.01%;
}

html {
    font-size: 16px;
    background-color: #fbfbfb;
}

body {
    margin: 0;
    color: #636363;
    font: 1.3em/1.308em 'open_sansregular', Arial, Helvetica, sans-serif;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

.clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

.header_contianer {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #d5d5d5;
    margin: 0px;
    padding-top: 20px;
    font-family: 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.header_flow {
    background: url(../images/headr_bg_03.png) right no-repeat bottom !important;
}

.mid-con {
    max-width: 930px;
    margin: 0 auto !important;
    background: url(../images/headr_bg_03.png) no-repeat right bottom !important;
    height: 90px;
    position: relative;
    top: 0px;
}

.center-con {
    max-width: 930px;
    margin: 0 auto !important;
}

.mid-con a {
    float: left;
}




.large-link {
    font-size: 24px;
    margin: 0 10px;
}


.menu {
    height: 40px;
    float: left;
    margin-top: 10px;
}

    .menu ul {
    }

        .menu ul li {
            float: left;
            margin-right: 20px;
        }

            .menu ul li a {
                font-size: 14px !important;
                color: #333;
                margin-left: 10px;
                float: right;
                text-decoration: none;
                line-height: 40px;
            }

                .menu ul li a:hover {
                    color: #093 !important;
                }

.main_out {
    width: 100%;
    border-bottom: #f1f1f1 0px solid;
}

.banner_left {
    background-position: 515px 58px !important;
    width: 622px;
    padding-left: 20px;
    padding-right: 0px;
    float: left;
}

    .banner_left h2 {
        font-size: 47px;
        margin-top: 40px;
        font: 36px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        color: #464646;
    }

    .banner_left h1 {
        margin-top: 15px;
        color: #7ebe86;
        font: 60px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    }

    .banner_left p {
        font-size: 14px;
        margin-top: 5px;
        line-height: 25px !important;
        color: #636363;
        font: 16px 'open_sansregular', Arial, Helvetica, sans-serif;
    }

    .banner_left img {
        margin-top: 10px;
    }

.banner_left_DIY {
    background-position: 515px 58px !important;
    width: 612px;
    height: 588px;
    padding-left: 20px;
    padding-right: 10px;
    float: left;
}

    .banner_left_DIY h2 {
        font-size: 47px;
        margin-top: 40px;
        font: 36px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        color: #464646;
    }

    .banner_left_DIY h1 {
        margin-top: 15px;
        color: #7ebe86;
        font: 60px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    }

    .banner_left_DIY p {
        font-size: 14px;
        margin-top: 5px;
        line-height: 25px !important;
        color: #636363;
        font: 16px 'open_sansregular', Arial, Helvetica, sans-serif;
    }

    .banner_left_DIY img {
        margin-top: 10px;
    }

.shadow {
    position: relative;
    background-image: url(../images/shadow_03.jpg);
    top: -4px;
    left: -10px;
    height: 65px;
    width: 28px;
}

.banner_right_delivery_check {
    padding: 20px;
    border: 1px solid #e0e0e0;
    margin-top: 15px;
}

    .banner_right_delivery_check > h2 {
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .banner_right_delivery_check p + p {
        margin-top: 1rem;
    }

    .banner_right_delivery_check .form-group {
        margin-bottom: 1rem;
        display: flex;
    }

        .banner_right_delivery_check .form-group input[type="text"] {
            flex-grow: 1;
            padding: 5px 7px;
        }

    .banner_right_delivery_check .btn-wrapper .btn {
        height: 100%;
        padding: 5px 7px;
        border: 0;
        background: #548235;
        color: #fff;
        font-weight: bold;
    }

.banner_right {
    width: 278px;
    height: 348px;
    float: right;
    border: 1px solid #e0e0e0;
    margin-top: 46px;
}

.banner_right_rail {
    float: right;
    width: 282px;
}

.banner_right_content {
    position: relative;
    top: -60px;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.banner_right_bottom a:first-of-type {
    margin-left: 10px;
}

.banner_right_bottom a {
    width: 134px;
    height: 45px;
    float: right;
    border: 1px solid #e0e0e0;
    margin-top: 11px;
    display: block;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    background-color: #A6A6A6;
    text-decoration: none;
    padding: 10px 0px;
    font: 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.banner_right h2 {
    margin: 25px 20px 0px 20px !important;
    color: #707070;
    font: 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.banner_right p {
    color: #939393;
    padding-left: 20px;
    padding-top: 8px;
    font: 15px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .banner_right p span {
        color: #939393;
        line-height: 20px;
        font: 13px 'open_sansregular', Arial, Helvetica, sans-serif;
        display: block;
        margin-top: 0px;
    }



.content_area {
    padding-top: 20px;
}


.content_area2 {
    padding-top: 75px;
    width: 380px !important;
    float: left;
    margin-right: 70px;
}

    .content_area2 .con_box h2 {
        font-size: 20px !important;
    }

        .content_area2 .con_box h2 span {
            font-size: 19px !important;
        }

    .content_area2 .con_box p {
        font-size: 14px !important;
        width: 380px !important;
    }

.content_area2_right {
    margin-right: 0px;
}

.content_area h1 {
    font: 60px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    color: #787878;
    border-bottom: 0px solid #999;
    text-indent: 30px;
}

    .content_area h1 span {
        display: block;
        position: relative;
        top: 0px;
        z-index: 20;
    }

    .content_area h1 .border {
        border-top: 1px solid #BDBDBD;
        position: relative;
        top: -25px;
        z-index: 10;
        width: 780px;
        height: 15px;
    }

.content_con {
    margin-top: 10px;
}

    .content_con img {
        float: left;
    }

.con_box {
    float: left;
    margin-left: 80px;
    width: 300px;
    margin-top: 60px;
}

.con_box_left {
    margin-left: 20px;
    margin-right: 60px;
}

.set_mar {
    margin-left: 0px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.con_box h2 {
    color: #464646;
    font: 20px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .con_box h2 span {
        font-size: 23px;
        color: #7ebe86 !important;
        font-weight: bold;
    }

.con_box p {
    color: #636363;
    line-height: 24px;
    margin-top: 15px;
    font: 15px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.center_headting {
    max-width: 930px;
    height: 225px;
    margin: 120px auto 180px auto;
    background: url(../images/flying_img_03.jpg) no-repeat;
    background-position: 459px -10px;
    padding-top: 20px;
}

    .center_headting h1 {
        color: #787878;
        padding-top: 40px;
        font: 78px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    }

    .center_headting h2 {
        margin-top: 40px;
    }

        .center_headting h2 a {
            color: #63a66c;
            line-height: 80px;
            text-decoration: none;
            font-weight: normal !important;
            font: 30px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        }

.center_headting_content {
    width: 100%;
    margin-top: 100px;
}

.center_headting_content_left {
    width: 325px;
    float: left;
}

    .center_headting_content_left a {
        background-color: #7ebe86;
        color: #fff;
        display: inline-block;
        padding: 8px 0px 9px 25px;
        width: 300px;
        text-decoration: none;
        font-weight: normal !important;
        font: 20px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .center_headting_content_left a:hover {
            color: #fff;
        }

.center_headting_content_right a {
    width: 190px;
}

.center_headting_content_left span {
    color: #7ebe86;
    display: block;
    font-family: 'open_sansitalic','open_sansregular', Arial, Helvetica, sans-serif;
    margin-top: 14px;
    font-size: 16px;
    line-height: 22px;
}

.center_headting_content_center {
    width: 50px;
    margin: 0 25px;
    float: left;
    font: 24px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #A3A3A3;
    text-align: center;
    padding-top: 3px;
}

/*********  footer start *********************/

.mian_footer {
    width: 100%;
    background-color: #fbfbfb;
    border-top: 1px solid #dbdbdb;
    margin-top: 60px;
}

    .mian_footer p {
        text-align: center;
        padding-top: 100px;
        color: #999;
        font-size: 11px;
        padding-bottom: 30px;
    }

        .mian_footer p a {
            color: #999;
            font: 1em/1.1em 'centurygothic', Arial,Helvetica,sans-serif;
        }

.clear {
    clear: both;
}

.footer_inner {
    max-width: 930px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.footer_links {
    width: 250px;
    float: left;
    margin-top: 60px;
    font-family: 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.footer_inner h2 {
    color: #464646;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: normal !important;
}

a {
    text-decoration: none;
}


.links_img {
    float: left;
    margin-top: 14px;
}

.buttom_form {
    float: left;
    width: 160px;
    border: solid 1px #c1c1c1;
    color: #CCC;
    text-indent: 10px;
    line-height: 20px;
}

.form_button {
    font-size: 18px;
    color: #63a66c;
    margin-left: 10px;
    background-color: #fbfbfb;
    border: none !important;
    cursor: pointer;
}

.social_links {
    width: 200px;
    margin-top: 50px;
    margin-left: 2px;
}

    .social_links a {
        color: #464646;
        font-size: 15px;
    }

    .social_links li {
        width: 200px;
        display: block;
        margin-top: 12px;
        font-size: 20px;
        color: #999;
    }

.social_img {
    float: left;
}


.social_links span {
    float: left;
    margin-left: 10px;
    line-height: 24px;
    font: 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}




/* Meez Before New Template Styles */

/* Remove border when inside "a" element in IE. */
img {
    border-style: none;
}
/* Set default color and remove underline. */
a {
    text-decoration: none;
    color: #5cb968;
}
    /* Set underline when mouse hovered in all browsers. */
    a:hover {
        color: #4d8051;
    }
/*
 * Set default font family and font size not inherited in all browsers.
 * Improve vertical alignment in all browsers.
 * Set default text color.
 */
input,
textarea,
select {
    font: 12px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #999999;
}
/* Remove default styles in all browsers. */
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

input[type=text],
input[type=password],
input[type=file],
input[type=email],
textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

input[type="submit"] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

input[type=submit]:hover {
    cursor: pointer;
}

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    border: 0;
}
/* ---------------------------------------------------------
	Common site styles
---------------------------------------------------------*/
/* wrapper */
#wrapper {
    width: 100%;
    /*overflow:hidden;*/
    position: relative;
}
/* header */
#header {
    margin: 0 auto;
    max-width: 930px;
    position: relative;
    z-index: 5;
    padding: 21px 0 2px;
}

    #header .holder {
        width: 100%;
        position: relative;
        padding: 0 0 22px;
    }

        #header .holder:after {
            display: block;
            clear: both;
            content: '';
        }
/* logo */
.logo {
    width: 196px;
    height: 32px;
    overflow: hidden;
    float: left;
    margin-left: -3px;
    background: url(../images/logoCart.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

    .logo a {
        height: 100%;
        display: block;
    }

#header ul {
    padding: 0;
    margin: 0;
    font-family: 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    list-style: none;
}


.popup-holder-cart p {
    text-align: left;
    padding: 0px;
}
/* popup */
.popup-holder,
.popup-help {
    position: relative;
}

.popup {
    width: 326px;
    position: absolute;
    top: 20px;
    right: -18px;
    z-index: 10;
    padding: 10px 0px;
    font-size: 13px;
    line-height: 17px;
    color: #959595;
    display: none;
    z-index: 999999 !important;
    box-shadow: 0 0 15px #848484;
    background-color: #fff;
}

.page-title .popup {
    top: -14px;
    right: -12px;
}

.popup-active .popup {
    display: block;
}

.popup-help .popup {
    width: 426px;
    color: #636363;
    right: 39px;
    top: -127px;
    line-height: 16px;
    background: url(../images/bg-box06.png) no-repeat;
}

.code-form .popup {
    top: auto;
    bottom: 0;
}

.popup-big {
    width: 781px;
    padding: 29px;
    right: -33px;
    box-shadow: 0 0 15px #848484;
}

.popup-big-new {
    width: 725px;
    background-image: none;
    margin-top: 20px;
    margin-right: 29px;
    padding: 25px;
    box-shadow: 0 0 15px #848484;
    background-color: #fff;
}

.popup-holder-cart-index span.count {
    background: #7fbe87;
    border-radius: 20px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #FFF !important;
    height: 25px;
    width: 25px;
    text-align: center;
    display: inline-block;
    font-size: 15px !important;
    line-height: 23px;
    margin: -7px 0px 0px 10px;
    float: right;
    cursor: pointer;
}

.popup-frame {
    padding: 0 0 0 0;
}

.popup-big .popup-frame {
    padding: 0 0 0px;
}

.popup-big-new .popup-frame {
    padding: 0 0 0px;
    background-image: none;
}

.popup-help .popup-frame {
    background: url(../images/bg-box06.png) no-repeat 100% 100%;
}

.popup-inner {
    overflow: visible;
    padding: 0 0;
}

.popup-big .popup-inner {
    padding: 0 0px;
    overflow: hidden;
}

.popup-big-new .popup-inner {
    padding: 0 0px;
    overflow: hidden;
    background-image: none;
}

.popup-help .popup-inner {
    background: url(../images/bg-box06.png) repeat-y -438px 0;
}

.popup-form,
.popup-info {
    background: #fff;
    padding: 15px 20px;
    border: 0px solid #ccc;
}

.popup-big-new .popup-form {
    border: 0px;
}

.popup-info {
    padding: 9px 20px 7px;
}

.popup-big .popup-form {
    padding: 12px 20px 19px;
}

.popup .close,
.popup-view .close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 23px;
    right: 25px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat;
}

.popup-view .close {
    top: 31px;
    right: 37px;
}

.popup-form .row {
    position: relative;
    padding: 0 0 15px;
    z-index: 2;
    width: 100%;
}

.form-delivery .row {
    padding: 0 0 18px;
}

.popup-form .row-alt {
    padding: 6px 0 0;
}

    .popup-form .row-alt a {
        font-size: 13px !important;
    }

.popup-form .row:after {
    display: block;
    clear: both;
    content: '';
}


.popup-form .note {
    padding: 8px 0 2px;
    overflow: hidden;
    clear: both;
    display: block;
}

.popup-form .msg-error {
    color: #ed1c24;
    position: absolute;
    bottom: -2px;
    right: 0;
    display: none;
    font: 11px/14px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.popup-form msg-error a {
    color: #ed1c24;
    text-decoration: underline;
    font: 11px/14px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.form-delivery .msg-error {
    right: auto;
    left: 0;
}

.popup-form .error .msg-error {
    display: block;
}

.popup-form .btn {
    padding: 0 0 0 0px;
    font-size: 12px;
    margin: 0 0 0 1px;
    color: #5cb968;
}

.order-line {
    width: 100%;
    overflow: hidden;
    background: url(../images/divider02.png) no-repeat 0 100%;
    padding: 0px !important;
}

    .order-line .td,
    .order-line .td2 {
        float: left;
        width: 500px;
        padding: 8px 0 4px !important;
        margin: 0 20px 0 0;
    }

    .order-line .td2 {
        margin: 0;
        padding: 0;
        width: 155px;
    }

    .order-line .thead {
        color: #707070;
        float: left;
        width: 415px;
        font-size: 0.846em;
    }

        .order-line .thead strong {
            display: block;
            color: #464646;
            font: 1.455em/1.2em 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        }

    .order-line p {
        margin: 0;
    }

    .order-line .qty {
        float: right;
        width: 70px;
        padding: 3px 0 0;
        color: #636363;
        text-align: right;
        font: 1.077em/1.1em 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    }

    .order-line .status {
        float: left;
        width: 85px !important;
        margin-top: -4px;
        font: 30px/30px 'jennasue-webfont', Arial, Helvetica, sans-serif;
        color: #959595;
        text-transform: lowercase;
        text-align: left;
    }

        .order-line .status.changed {
            color: #3cb878;
        }

            .order-line .status.changed.not-placed {
                font: 14px/22px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
                text-transform: none;
                color: red;
                text-align: center;
                margin-top: 0px;
            }

    .order-line .bar {
        margin: 0;
        padding: 0;
        margin: 0px;
        font: 24px/33px 'jennasue-webfont', Arial, Helvetica, sans-serif;
        color: #959595;
        position: relative;
        top: -2px;
    }

    .order-line .discount {
        float: right;
        width: 50px;
        margin-top: -3px;
        font: 24px/33px 'jennasue-webfont', Arial, Helvetica, sans-serif;
        color: red;
        text-transform: lowercase;
    }

.line-bottom {
    overflow: hidden;
    padding: 18px 0 0;
}

.line-top {
    overflow: hidden;
    padding: 0px 0 0;
    background: url(../images/divider02.png) no-repeat 0 100%;
    width: 100%;
    margin-top: 15px;
}

    .line-top h2 {
        font: 22px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        color: #464646;
        float: left;
        clear: none;
        font-weight: bold;
    }

    .line-top .time-script {
        float: right;
        clear: none;
        color: #959595;
        white-space: nowrap;
        font: 15px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        line-height: 45px;
        margin-right: 185px;
    }

.line-top-checkout {
    color: #5cb968;
    display: inline-block;
    width: 170px !important;
    margin-left: 0px;
}

    .line-top-checkout a {
        color: #5cb968 !important;
        font-size: 20px !important;
        position: relative;
        top: -2px;
    }

.btn-checkout,
#loginaccount .btn-checkout {
    float: left;
    text-transform: none;
    color: #fff;
    padding: 6px 24px;
    font-size: 14px;
    margin: 0 25px 0 0;
    line-height: 18px;
    background: #5cb666;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .btn-checkout:hover,
    #loginaccount .btn-checkout:hover,
    #loginaccount .popup-active .btn-checkout:hover {
        color: #fff;
    }

.time-script {
    white-space: nowrap;
    color: #707070;
    float: left;
    margin-top: -6px;
    font: 36px/36px 'jennasue-webfont', Arial, Helvetica, sans-serif;
}
/* empty */
.popup .empty {
    font: 60px/60px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 17px 5px 35px;
    color: #636363;
}
/* form-delivery */
.form-delivery {
    position: relative;
    min-height: 113px;
    color: #636363;
    overflow: visible;
}

    .form-delivery .area-yes {
        margin-top: -12px;
    }

    .form-delivery p {
        z-index: 2;
        margin: 0;
        position: relative;
    }

    .form-delivery h2 {
        margin: 0 0 12px;
        color: #707070;
        font: 18px/22px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    }

    .form-delivery .area-yes h2 {
        margin: 0 0 6px;
    }

    .form-delivery h2 strong {
        color: #7ebe86;
        font: 36px/36px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    }

    .form-delivery .input-small[type="text"] {
        width: 95px;
        height: 18px;
        padding: 0 3px;
        margin: 0 10px 0 0;
    }

    .form-delivery input[type="submit"] {
        float: left;
        background: #7ebe86;
        height: 20px;
        padding: 0 7px;
    }

    .form-delivery .visual {
        position: absolute;
        bottom: -10px;
        right: 7px;
    }

    .form-delivery .visual2 {
        position: absolute;
        bottom: -10px;
        right: 37px;
    }

    .form-delivery .btn-close {
        position: absolute;
        bottom: 15px;
        left: 20px;
        padding: 2px 7px;
        color: #fff;
        background: #7ebe86;
        text-transform: none;
        font: 11px/14px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
    }
/* popup-info */
.popup-help {
    float: right;
}

    .popup-help .open {
        width: 15px;
        height: 14px;
        margin: 2px 18px 0 0;
        overflow: hidden;
        text-indent: -9999px;
        display: block;
        background: url(../images/sprite.png) no-repeat -220px -123px;
    }

    .popup-help p {
        margin: 0 0 8px;
    }

    .popup-help h2,
    .cart .title .popup-help h2 {
        font: 22px/26px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        color: #5cb666;
        margin: 0 0 8px;
    }
/* navigation */
.navigation {
    padding: 0 0 6px;
    overflow: hidden;
}

    .navigation ul {
        float: left;
    }

    .navigation .alt {
        float: right;
    }

    .navigation ul li {
        float: left;
        padding: 0 22px 0 0;
    }

    .navigation .alt li {
        padding: 0 0 0 22px;
    }

    .navigation ul a {
        color: #464646;
    }

        .navigation ul a:hover {
            text-decoration: underline;
        }

.hotline {
    padding: 0 13px 0 0;
    background: url(../images/ico02.png) no-repeat 100% 50%;
}
/* main */
#main {
    margin: 0 auto;
}

.main-holder {
    width: 100%;
}
/* intro */
.intro {
    overflow: hidden;
    padding: 0 9999px;
    margin: 0 -9999px 45px;
    background: #fdfdfd;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

    .intro .holder {
        padding: 25px 0 43px;
        position: relative;
        width: 100%;
    }

        .intro .holder:after {
            display: block;
            clear: both;
            content: '';
        }

    .intro .visual {
        position: absolute;
        bottom: 0;
        left: 359px;
    }

    .intro .close {
        position: absolute;
        top: 11px;
        right: -20px;
        width: 15px;
        height: 15px;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../images/sprite.png) no-repeat;
    }

    .intro p {
        margin: 0;
    }

    .intro .col {
        float: left;
        width: 320px;
        padding: 4px 25px 0 9px;
        font-size: 1.154em;
        line-height: 1.6em;
    }

        .intro .col h1 {
            font: 1.867em/1.2em 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
            margin: 0 0 8px;
        }

    .intro .featured {
        overflow: hidden;
    }

        .intro .featured ul {
            padding: 0;
            margin: 0;
            list-style: none;
            line-height: 1.231em;
        }

        .intro .featured strong {
            display: inline-block;
            vertical-align: middle;
            width: 182px;
            margin: 0 12px 0 0;
            padding: 0 32px 14px 0;
            font: 36px/36px 'jennasue-webfont', Arial, Helvetica, sans-serif;
            text-align: right;
            background: url(../images/arrow.png) no-repeat 100% 50%;
        }

        * + html .intro .featured strong {
            display: inline;
        }

        .intro .featured .txt {
            display: inline-block;
            width: 320px;
            padding: 5px 0 0;
            vertical-align: middle;
        }

        * + html .intro .featured .txt {
            display: inline;
        }

    .intro .area {
        float: left;
        width: 280px;
        padding: 0 30px 0 10px;
    }

    .intro .area-info {
        float: right;
        text-align: right;
        width: 180px;
        padding: 10px 40px 0 0;
        color: #959595;
        line-height: 1.255em;
    }

    .intro .area h1 {
        font: 36px/36px 'jennasue-webfont', Arial, Helvetica, sans-serif;
        margin: 0 0 8px;
    }

    .intro .area h2 {
        font: 18px/21px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        margin: 0 0 4px;
    }

    .intro .area p {
        margin: 0 0 12px;
    }
/* page-title */
.page-title {
    color: #707070;
    margin: 20px auto 0px;
    max-width: 930px;
    position: relative;
    z-index: 3;
    font: 15px/21px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .page-title:after {
        display: block;
        clear: both;
        content: '';
    }

    .page-title .holder {
        padding: 0 0 9px;
        margin: 0 0 4px;
        border-bottom: 1px solid #bdbdbd;
        overflow: hidden;
    }

    .page-title h1 {
        font: 44px/44px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        margin: 0;
        color: #464646;
    }

.date-box {
    float: left;
    clear: left;
    position: relative;
}

    .date-box .date {
        display: block;
    }

    .date-box .time-script {
        position: absolute;
        top: 0;
        left: 100%;
        margin: 0px 0 0 5px;
        padding: 0 0 0 27px;
        background: url(../images/arrow15.png) no-repeat 2px 8px;
        font: 15px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    }

.delivery {
    float: right;
    color: #7ebe86;
    padding: 0 20px 0 0;
    background: url(../images/sprite.png) no-repeat 100% -28px;
}

    .delivery:hover {
        color: #4d8051;
    }

.ratings-link {
    float: right;
    color: #7ebe86;
    padding: 0 20px 0 0;
}

    .ratings-link:hover {
        color: #4d8051;
    }
/* newsletter */
.newsletter {
    float: right;
    width: 290px;
    text-align: right;
}

    .newsletter label {
        margin: 0 0 2px;
        display: block;
    }

    .newsletter .row {
        overflow: hidden;
    }

    .newsletter input[type="text"] {
        float: left;
        width: 227px;
        height: 16px;
        padding: 0 3px;
        outline: none;
        border: 1px solid #c6c6c6;
        background: #fff;
        margin: 0;
    }

#singUpNewsletter {
    float: right;
    width: 52px;
    height: 18px;
    cursor: pointer;
    padding: 0 0 2px;
    margin: 0;
    border: 0;
    text-transform: none;
    background: #7ebe86;
    color: #fff;
    font: 11px/16px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.newsletter-txt-msg {
    margin-top: -8px;
    font: 30px/30px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    color: #7ebe86;
    text-align: left;
    position: absolute;
    bottom: 0px;
    left: -15px;
}
/* items content */
#items-content > div:first-child {
    margin-top: 2.1875rem;
}
/* section */
.section {
    margin: 0;
}
/* grouphead */
.grouphead {
    padding: 0 0 9px;
    text-transform: lowercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .grouphead h2 {
        font: 50px/50px 'jennasue-webfont', Arial, Helvetica, sans-serif;
        margin: 0;
        text-transform: lowercase;
    }

    .grouphead .title-details {
        padding: 0 0 23px;
        color: #959595;
        font: 32px/32px 'jennasue-webfont', Arial, Helvetica, sans-serif;
        background: url(../images/arrow03.png) no-repeat 87% 100%;
        text-transform: lowercase;
    }
/* item-block */
.item-block {
    position: relative;
    width: 100%;
    padding: 0 0 29px;
}

    .item-block .recipe-image {
        max-width: 327px;
    }

}

.item-block .recipe-video {
    max-width: 327px;
}

.item-block .larger-image {
    position: absolute;
    z-index: 10;
    max-width: 50vw;
}

.item-block .hidden-image {
    display: none;
}

.item-block-holder:after {
    display: block;
    clear: both;
    content: '';
}

.item-block-active .item-block-holder {
    padding: 0 0 25px;
    width: 100%;
}

.item-block .description {
    float: left;
    width: 570px;
    position: relative;
}

    .item-block .description .counter {
        background: #7fbe87;
        border-radius: 20px;
        font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
        color: #FFF !important;
        height: 17px;
        width: 17px;
        text-align: center;
        display: inline-block;
        font-size: 11px !important;
        line-height: 16px;
        position: absolute;
        top: 6px;
        left: -25px;
    }

.item-block .description-holder h2 {
    font: 1.4em/1.2em 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif !important;
    margin: 0 0 7px;
    color: #464646;
}

.item-block p {
    margin: 0 0 13px;
    font: 13px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.item-block a {
    font: 13px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.item-block .opener {
    font-size: 14px;
    padding: 0 0 0 0px;
    color: #7ebe86;
}

.item-block-active .opener {
    padding: 0 0 0 0px;
    display: inline-block;
    margin: 0 0 7px;
    position: relative;
    z-index: 6;
    color: #7ebe86;
}

.open-tips {
    padding: 0 0 0 0px;
    line-height: 16px;
    color: #7ebe86;
    margin-top: 20px !important;
    display: block;
}

.item-block-slide .open-tips {
    padding: 0 0 0 0px;
}

.description-holder {
    position: relative;
}

.item-block .mask {
    display: none;
}

.description .slide {
    color: #7d7d7d;
    font-size: 12px;
    position: relative;
    width: 100%;
    line-height: 13px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

.description .slide-holder {
    padding: 0 0 11px;
    width: 100%;
    position: relative;
}

    .description .slide-holder:after {
        display: block;
        clear: both;
        content: '';
    }

.description .col,
.cart .order-line .col {
    float: left;
    max-width: 400px;
    margin: 0 0px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #d8d8d8;
}

    .description .col .box,
    .cart .order-line .col .box {
        float: left;
        width: 132px;
        padding: 0 10px 0 0;
    }

    .cart .order-line .col .box {
        width: 139px;
    }

    .description .col .box2 {
        width: 116px;
    }

    .cart .order-line .col .box2 {
        width: 118px;
    }

    .description .col .box3 {
        padding: 0;
        width: 130px;
    }

.description .col-alt,
.cart .order-line .col-alt {
    float: left;
    width: 150px;
    padding: 10px 0 0;
    border-top: 1px solid #d8d8d8;
    margin-left: 20px;
}

.cart .order-line .col-alt {
    margin: 0 20px 0 0;
}

.cart .order-line .col-alt2 {
    float: left;
    padding: 10px 0 0;
    border-top: 1px solid #d8d8d8;
    width: 90px;
}

.cart .order-line .col,
.cart .order-line .col-alt,
.cart .order-line .col-alt2 {
    padding: 6px 0 0;
}

.description ul,
.cart .order-line ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.description .list,
.cart .order-line .list {
    padding: 2px 0 0;
}

    .description .list li,
    .cart .order-line .list li {
        padding: 0 0 11px 13px;
        background: url(../images/ico03.png) no-repeat;
    }
/* switch-list */
.switch-list li,
.check-list li {
    width: 100%;
    position: relative;
    padding: 0 0 6px;
    overflow: hidden;
    vertical-align: top;
}
/* check-list */
.check-list,
.description .check-list {
    padding: 0 0 6px;
}

.cart .order-line .check-list {
    padding: 0 0 4px;
}

.check-list label {
    display: block;
    line-height: 16px;
    overflow: hidden;
    text-align: right;
}

.switch-list label {
    display: block;
    line-height: 16px;
    overflow: hidden;
    text-align: left;
}

.switch {
    float: left;
    width: 26px;
    height: 13px;
    margin: 2px 2px 0 0;
    position: relative;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat -202px 0;
}

    .switch.no-issue {
        background-position: -272px 0;
    }

    .switch.locked {
        background-position: -238px 0;
    }

    .switch.active {
        background-position: -167px 0;
    }

    .switch span {
        position: absolute;
        top: 0;
        left: 2px;
        width: 13px;
        height: 13px;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../images/sprite.png) no-repeat -306px 0;
    }

    .switch.active span {
        left: auto;
        right: 2px;
    }

    .switch.no-issue span,
    .switch.locked span {
        display: none;
    }

.check-list label span {
    width: 67px;
    float: left;
}

.check-list label em {
    float: left;
    width: 15px;
    font-style: normal;
}

.check-list label strong {
    font-weight: normal;
    width: 40px;
}

.btn-add,
.member-login,
.btn-update {
    display: block;
    color: #fff;
    padding: 4px 0 5px;
    background: #5cb666;
    text-align: center;
    text-transform: uppercase;
    font: 12px/16px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.btn-container {
    width: 100%;
    text-align: center;
    margin: 5px;
}

.btn-gcm-purchase {
    display: block;
    color: #fff;
    padding: 5px 30px !important;
    margin: 0px 0px 10px 130px !important;
    background: #5cb666;
    text-transform: uppercase;
    font: 12px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.btn-gc-purchase {
    display: block;
    color: #fff;
    padding: 5px !important;
    margin: 0px auto !important;
    background: #5cb666;
    text-align: center;
    text-transform: uppercase;
    font: 12px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.btn-gc-cancel {
    display: block;
    color: #959595;
    padding: 5px !important;
    margin: 0px auto !important;
    background: #e5e5e5;
    text-align: center;
    text-transform: uppercase;
    width: 100px !important;
    font: 12px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.giftcard-area h2 {
    padding: 0px;
    width: 100%;
    text-align: center;
}

.giftcard-area p {
    width: 100%;
}

.giftcard-area label {
    font-size: 12px;
    width: 130px;
    text-align: right;
    display: inline-block;
    clear: none;
}

    .giftcard-area label.alt {
        width: 50px;
    }

.giftcard-area .lg-imput {
    width: 220px !important;
    clear: none;
    margin-right: 0px !important;
}

.giftcard-area .sm-imput {
    width: 100px !important;
    clear: none;
}

.giftcard-area .home_form {
    padding: 5px !important;
    margin: 0px !important;
    text-align: left !important;
}

.giftcard-area .add-text {
    font-size: 12px;
}

.giftcard-area .cc-types {
    position: absolute;
    right: 0px;
    top: -10px;
    width: 130px;
}

.giftcard-area .zip-label {
    width: 50px;
}

.giftcard-area .message-box-gc {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin: 0px !important;
    display: none;
    width: 100%;
    color: #ed1c24;
    font-size: 14px;
    line-height: 20px;
    padding: 22px 11px;
}

.giftcard-area .validation-summary-errors {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin: 0px !important;
    width: 100%;
    color: #ed1c24;
    font-size: 14px;
    line-height: 20px;
    padding: 22px 11px;
}

.giftcard-area a.signin {
    background-color: rgb(191, 96, 96);
    color: #fff;
    padding: 5px 25px;
    font-size: 12px;
}

.giftcard-area h2:first-of-type {
    margin-top: 0px !important;
}

.giftcard-area .lblMonth {
    width: 30px !important;
    padding-right: 40px;
}

.giftcard-area .lblYear {
    width: 30px !important;
}

.member-login {
    text-transform: none;
    background: #bf6060;
    font-size: 11px;
}

.btn-update {
    font-size: 14px;
    text-transform: none;
}

.confirm-box .btn-add {
    background: #bd8cbf;
    text-transform: none;
    max-width: 104px;
    font: 14px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.btn-add:hover,
.member-login:hover,
.btn-update:hover {
    color: #fff;
}

.item-block .details {
    float: right;
    margin-right: -9px;
    padding: 0 9px 0 13px;
    width: 327px;
    color: #959595;
    background: url(../images/bg-box02.png) no-repeat;
}

    .item-block .details .holder {
        border: 1px solid #e5e5e5;
        padding: 18px 20px 0;
    }

.details .frame {
    overflow: hidden;
    position: relative;
    padding: 0 0 16px;
}

.item-block-active .details .frame {
    padding: 0 0 19px;
}

.details .side {
    float: left;
    width: 150px;
    padding: 0 0 18px;
}

.details .side-alt {
    border-left: 1px solid #e5e5e5;
    width: 110px;
    padding: 0 0 0 15px;
    min-height: 75px;
}

.details .side h2 {
    font: 14px/17px 'CenturyGothicW01-Italic', 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #b7b7b7;
    margin: 0 0 2px;
}

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

.details .tips {
    font-family: 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .details .tips li {
        padding: 0 0 5px;
    }

        .details .tips li a {
            color: #959595;
        }

.details .panel {
    position: absolute;
    bottom: 16px;
    left: 0;
    font-size: 12px;
}

.item-block-active .details .panel {
    bottom: 19px;
}

.details .panel a {
    float: left;
    color: #959595;
    margin: 0 5px 0 0;
    font-size: 12px;
}

    .details .panel a:hover,
    .details .download:hover {
        color: #4d8051;
    }

.details .download {
    color: #959595;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 13px;
}

.details .panel .label {
    float: left;
    font-size: 10px;
    line-height: 10px;
    background: #d0d0d0;
    color: #fff;
    padding: 0 1px 1px;
    margin: 2px 2px 0 0;
    text-transform: uppercase;
}

.details .menudetails {
    color: #a3a3a3;
    font: 24px/24px 'jennasue-webfont', Arial, Helvetica, sans-serif;
}

    .details .menudetails li {
        vertical-align: top;
        margin: 0 0 -5px;
        width: 100%;
    }

    * + html .details .menudetails li {
        margin: -2px 0 -7px;
    }

.details .row {
    text-align: right;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 0 6px;
    overflow: hidden;
    color: #b7b7b7;
    border-top: 1px solid #e5e5e5;
}

    .details .row:first-child {
        padding: 3px 0 6px;
        border: 0;
    }

    .details .row p {
        margin: 0;
    }

        .details .row p em {
            font-style: normal;
            display: block;
            font-family: 'open_sansitalic','open_sansregular', Arial, Helvetica, sans-serif;
        }

.details .time {
    margin: -px 0 0;
    float: left;
    word-spacing: -3px;
    font: 29px/30px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    font-weight: lighter;
}

* + html .details .time {
    margin: -7px 0;
}

    .details .time span {
        display: inline !important;
        text-align: right;
        float: left;
        color: #C4C4C4;
        margin-top: 2px;
    }

    .details .time sub {
        display: inline !important;
        vertical-align: top;
        font-size: 12px;
        line-height: 15px;
        position: relative;
        top: 15px;
        margin-left: 5px;
    }

.whisks,
.details .whisks {
    float: left;
    margin: 3px 0 0 4px;
}

    .whisks li {
        float: left;
        width: 18px;
        height: 21px;
        margin-right: -4px;
        background: url(../images/sprite.png) no-repeat -83px 0;
    }

        .whisks li a {
            display: block;
            overflow: hidden;
            height: 21px;
            width: 18px;
            text-indent: -9999px;
            background: url(../images/sprite.png) no-repeat -55px 0;
        }

.details .slide {
    border-top: 1px solid #e5e5e5;
    padding: 15px 0 16px;
    line-height: 1.231em;
}

.item-block .details .slide p {
    margin: 0 0 7px;
}
/* confirm-box */
.confirm-box {
    padding: 0 0 0 32px;
    color: #bd8cbf;
    margin-top: -3px;
    background: url(../images/arrow07.png) no-repeat 0 4px;
}

    .confirm-box h3 {
        margin: 0 0 8px;
        font: 16px/20px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    }
/* qtycount */
.qtycount {
    padding: 0 0 10px;
    overflow: hidden;
}

    .qtycount select {
        float: left;
        width: 32px;
    }

    .qtycount label {
        float: left;
        width: 57px;
    }

    .qtycount em {
        font-style: normal;
        width: 19px;
        float: left;
    }

    .qtycount strong {
        float: left;
        font-weight: normal;
        width: 40px;
    }
/* choose-box */
.choose-box {
    width: 570px;
    line-height: 17px;
    font-size: 13px;
}

    .choose-box h3, .popup-box h3 {
        font: 16px/20px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        margin: 0 0 6px;
    }

    .choose-box h4 {
        font: 13px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
        margin: 0 0 14px;
    }

.popup-box .member-login {
    margin-top: 8px !important;
    padding: 4px 10px !important;
}

.choose-box p {
    margin: 0 0 11px;
}

.choose {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    line-height: 16px;
}

    .choose li {
        overflow: hidden;
        vertical-align: top;
        padding: 0 0 11px;
        display: block;
    }

        .choose li span {
            background: url(../images/arrow16.png) no-repeat 0px 2px;
            font: 13px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
            display: inline-block;
            margin-top: 12px;
            padding-left: 30px;
        }

    .choose a {
        color: #fff;
        float: left;
    }

        .choose a em {
            width: 41px;
            float: left;
            margin: 0 8px 0 0;
            font-style: normal;
            text-align: center;
            padding: 2px 0;
            color: #fff;
            font-size: 14px;
            line-height: 16px;
            background: #acacac;
        }

    .choose .btn-yes {
        width: 155px;
        text-align: left;
        background: #7ebe86;
        padding: 4px 20px;
        margin-right: 15px;
        margin-top: 6px;
    }

    .choose .btn-all {
        width: 155px;
        text-align: left;
        background: #acacac;
        padding: 4px 20px;
        margin-right: 15px;
        margin-top: 6px;
    }

.choose-sign {
    padding: 0;
    margin: 0;
    background: url(../images/arrow08.png) no-repeat 93% 100%;
    list-style: none;
    font-size: 12px;
    line-height: 16px;
}

    .choose-sign li {
        overflow: hidden;
        vertical-align: top;
        padding: 0 0 11px;
        display: block;
    }

    .choose-sign a {
        color: #666;
        float: left;
    }

        .choose-sign a em {
            width: 41px;
            float: left;
            margin: 0 8px 0 0;
            font-style: normal;
            text-align: center;
            padding: 2px 0;
            color: #fff;
            font-size: 14px;
            line-height: 16px;
            background: #acacac;
        }

    .choose-sign .btn-yes-sign em {
        background: #7ebe86;
    }

    .choose-sign .btn-yes-sign span {
        color: #00a651;
    }

.slide-section {
    clear: both;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
    border: 1px solid #ccd2cd;
    border-width: 1px 0;
    position: relative;
    background: #f4fcf5;
    overflow: hidden !important;
    color: #666;
}

    .slide-section .holder {
        padding: 18px 0 24px;
        position: relative;
        width: 100% !important;
    }

        .slide-section .holder:after {
            display: block;
            clear: both;
            content: '';
        }

    .slide-section .close {
        position: absolute;
        top: 10px;
        right: -20px;
        padding: 0 20px 0 0;
        color: #898989;
        font-size: 12px;
        line-height: 15px;
        background: url(../images/sprite.png) no-repeat 100% -73px;
    }

    .slide-section img {
        display: block;
    }

.slide-section, .slide-section-ingredient-options {
    clear: both;
    padding: 0 0px !important;
    width: 100%;
    border: 1px solid #ccd2cd;
    border-width: 1px 0;
    position: relative;
    margin: 0 0px !important;
    background: #f4fcf5;
    overflow: hidden;
    color: #666;
}

    .slide-section .holder, .slide-section-ingredient-options .holder {
        padding: 18px 0 24px;
        position: relative;
        width: 100%;
    }

        .slide-section .holder:after, .slide-section-ingredient-options .holder:after {
            display: block;
            clear: both;
            content: '';
        }

    .slide-section .close, .slide-section-ingredient-options .close {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0 20px 0 0;
        color: #898989;
        font-size: 12px;
        line-height: 15px;
        background: url(../images/sprite.png) no-repeat 100% -73px;
    }

    .slide-section img, .slide-section-ingredient-options img {
        display: block;
    }

.slide-section-ingredient-options {
    width: 940px;
}
/* steps */
.steps {
    overflow: hidden;
    border-bottom: 1px solid #c8c8c8;
    color: #d3d3d3;
    padding: 0 0 20px;
    margin: -25px 0 25px;
    font: 16px/24px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .steps ul {
        padding: 0;
        margin: 0 -40px 0 0;
        list-style: none;
    }

    .steps li {
        float: left;
        padding: 0 36px 0 2px;
    }

    .steps a {
        color: #d3d3d3;
    }

    .steps .active a {
        color: #828282;
    }

    .steps a:hover {
        color: #5cb968;
    }

    .steps strong {
        float: left;
        font-weight: normal;
    }

    .steps span {
        float: left;
        margin: 0 8px 0 0;
        width: 26px;
        height: 26px;
        color: #fff;
        text-align: center;
        background: url(../images/sprite.png) no-repeat -108px -123px;
    }

    .steps .active span {
        background-position: -144px -123px;
    }

    .steps a:hover span {
        background-position: -181px -123px;
    }
/* cart */
.cart {
    padding: 0 0 40px;
}

.cart-title {
    overflow: hidden;
    padding: 0 0 15px;
}

    .cart-title h2 {
        font: 2.769em/1.2em 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
        margin: 0;
        color: #464646;
    }

    .cart-title .total-box {
        float: right;
        width: 392px;
        font-size: 1.077em;
        color: #464646;
        padding: 12px 0 0;
    }

        .cart-title .total-box strong {
            float: left;
            font-weight: normal;
            padding: 4px 0 0;
        }

        .cart-title .total-box .price {
            padding: 0 0 0 8px;
        }

        .cart-title .total-box .btn,
        .total-line .btn,
        .heading .btn {
            width: 144px;
            padding: 5px 0 6px;
            margin: 0 40px 0 0;
            background: #5cb666;
            text-align: center;
            float: left;
            color: #fff;
            font-size: 14px;
            line-height: 16px;
        }

.cart-holder {
    background: url(../images/divider03.png) repeat-y 100% 0;
    width: 100%;
}

    .cart-holder:after {
        display: block;
        clear: both;
        content: '';
    }
/* cart-section */
.cart-section {
    padding: 0 0 15px;
}

.cart .title {
    height: 1%;
    padding: 0 0 6px 4px;
    margin: 0 0 10px;
    position: relative;
    z-index: 4;
    background: url(../images/divider01.png) no-repeat 0 100%;
}

    .cart .title h2 {
        margin: 0;
        font: 36px/36px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    }

    .cart .title .col-title {
        float: right;
        padding: 16px 0 0;
        width: 208px;
    }

        .cart .title .col-title strong {
            font: 12px/16px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
            float: left;
            color: #959595;
        }

.cart-section .order-line {
    overflow: visible;
    position: relative;
    padding: 0 0 11px;
    margin: 0 0 10px;
}

    .cart-section .order-line:after,
    .cart .title:after {
        display: block;
        clear: both;
        content: "";
    }

    .cart-section .order-line .area-col,
    .total-line .area-col,
    .container-line .area-col {
        float: left;
        width: 685px;
    }

        .cart-section .order-line .area-col .td {
            padding: 6px 0;
        }

    .cart-section .order-line .thead strong {
        margin: 0 0 2px;
    }

.order-line .open {
    float: left;
    font-size: 12px;
    padding: 0 0 0 0px;
    margin: 0 7px 0 0;
}

.order-active .open {
    font-family: 'open_sansitalic', 'open_sansregular', Arial, Helvetica, sans-serif;
    padding: 0 0 0 0px;
}

.cart-section .order-line .area-data,
.total-line .area-data,
.container-line .area-data {
    float: right;
    width: 182px;
    font-size: 11px;
    line-height: 13px;
    color: #959595;
    padding: 10px 20px 11px 23px;
}

    .cart-section .order-line .area-data.first {
        background: url(../images/bg-box05.png) no-repeat;
        width: 182px;
        padding: 23px 33px 19px 31px;
        margin: -13px -12px 0 0;
    }

.cart-section .order-line .area-col .top {
    overflow: hidden;
}

.deleted-item .thead strong,
.deleted-item .thead,
.deleted-item .qty {
    color: #a2a2a2;
}

.deleted-item .status {
    color: #d8d8d8;
}

.cart-section .order-line .area-data .tbody {
    padding: 0 0 2px;
    overflow: hidden;
}

.cart-section .order-line .area-data .tfoot {
    position: absolute;
    bottom: 6px;
    width: 188px;
    right: 17px;
}

.cart-section .order-line .area-data .td {
    padding: 0;
    float: left;
    width: 62px;
    margin: 0;
}

.cart-section .order-line .area-data .td2 {
    width: 56px;
}

.order-line .area-data .red,
.total-line .area-data .red {
    color: #f26c4f;
}

.order-line .area-data .green,
.total-line .area-data .green {
    color: #3cb878;
}

.cart-section .order-line .area-data .tfoot .td {
    margin: 0 24px 0 0;
    width: 120px;
}

.cart-section .order-line .area-data .tfoot .td2 {
    margin: 0;
    width: 44px;
}

.cart-section .order-line .area-data .a-right {
    text-align: right;
}

.order-line .slide {
    font-size: 12px;
    line-height: 13px;
    width: 100%;
    position: relative;
}

    .order-line .slide:after {
        content: '';
        display: block;
        clear: both;
    }

.function {
    font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
}

    .function li {
        vertical-align: top;
        width: 100%;
        overflow: hidden;
        padding: 0 0 7px;
    }

        .function li a {
            float: left;
            padding: 0 0 0 0px;
        }

        * + html .function li a {
            background-position: 0 5px;
        }
/* total-line */
.total-line {
    width: 100%;
}

    .total-line:after {
        display: block;
        clear: both;
        content: '';
    }

    .total-line .top {
        padding: 0 0 13px;
        overflow: hidden;
    }

    .total-line h2 {
        font: 36px/36px 'jennasue-webfont',Arial,Helvetica,sans-serif;
        margin: 0;
    }

    .total-line .area-col {
        padding: 16px 0 0;
    }

    .total-line .area-data {
        min-height: 74px;
        border-bottom: 1px solid #eaeaea;
        padding: 14px 20px 19px 23px;
    }

    .total-line .btn {
        float: right;
        margin: 13px 0 0;
    }

    .total-line .btns-line {
        width: 100%;
        font-size: 0.923em;
    }

        .total-line .btns-line:after {
            display: block;
            clear: both;
            content: "";
        }

.btn-back {
    float: left;
    padding: 0 0 0 0px;
}

.code-form {
    float: right;
}

    .code-form h2 {
        color: #707070;
        margin: 0 0 12px;
        font: 18px/22px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    }

    .code-form .msg-error {
        right: auto;
        left: 0;
    }

    .code-form .row {
        padding: 0 0 20px;
    }

    .code-form input[type="text"] {
        float: left;
        width: 161px;
        padding: 0 5px;
        height: 18px;
        line-height: 18px;
        color: #999999;
        margin: 0 10px 0 0;
    }

    .code-form input[type="submit"] {
        float: left;
        background: #ec008c;
        line-height: 18px;
        height: 20px;
        width: 56px;
        padding: 0 0 1px;
    }

    .code-form .popup-form {
        min-height: 115px;
    }

    .code-form .visual {
        position: absolute;
        bottom: 20px;
        right: 45px;
    }
/* table-total */
.total-line .table-total,
.table-data {
    margin: 0 0 0 auto;
    width: 180px;
}

    .table-total .tbody,
    .table-data .tbody {
        padding: 0 0 4px;
        overflow: hidden;
    }

.table-total .tfoot {
    padding: 3px 0 0;
    overflow: hidden;
    background: url(../images/divider04.png) no-repeat 100% 0;
}

.table-total .td,
.table-data .td {
    float: left;
    width: 130px;
}

.table-total .td2,
.table-data .td2 {
    width: 40px;
    padding: 0 0 0 10px;
}

.table-total .a-right,
.table-data .a-right {
    text-align: right;
}
/* empty-box */
.empty-box h2 {
    font: 4.615em/1.2em 'jennasue-webfont',Arial,Helvetica,sans-serif;
    margin: -10px 0 14px;
}

.btns-box {
    font-size: 14px;
    overflow: hidden;
}
/* container-line */
.container-line {
    color: #959595;
    overflow: hidden;
    padding: 0 0 19px;
}

    .container-line .head {
        padding: 0 0 2px;
        overflow: hidden;
    }

    .container-line h2 {
        font: 36px/36px 'jennasue-webfont',Arial,Helvetica,sans-serif;
        margin: 0;
        float: left;
        color: #7da7d9;
        padding: 0 37px 0 0;
        background: url(../images/arrow11.png) no-repeat 100% 15px;
    }

.promo-code h2 {
    background: url(../images/arrow10.png) no-repeat 100% 15px;
    color: #ec008c;
}

.promo-code {
    color: #ec008c;
    line-height: 1.333em;
    font-size: 1.154em;
}

.order-ajstment {
    font-size: 1.154em;
}

.table-data {
    padding-top: 27px;
    color: #7da7d9;
}

.promo-code .table-data {
    color: #ec008c;
    padding-top: 32px;
}

.table-data strong {
    font-weight: normal;
    font-size: 12px;
}

.container-line p {
    margin: 0;
}
/* ---------------------------------------------------------
   Custom form styles
---------------------------------------------------------*/
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
}

.rad-area {
    background: url(../images/sprite.png) no-repeat -142px 0;
    margin: 2px 8px 0 0;
    float: left;
    width: 11px;
    height: 11px;
}

.chk-area {
    border: 1px solid #808080;
    margin: 2px 8px 0 0;
    float: left;
    width: 10px;
    height: 10px;
}

.subscriptions .chk-area,
.item-list .chk-area {
    width: 8px;
    height: 8px;
    margin: 3px 8px 0 0;
    border: 1px solid #b2b2b2;
}

.lightbox .rad-area {
    margin: 4px 10px 0 0;
}

.lightbox .chk-area {
    margin: 4px 8px 0 0;
}

.rad-checked {
    background-position: -341px 0;
}

.chk-checked {
    background: #7ebe86;
}

.subscriptions .chk-checked,
.item-list .chk-checked {
    background: #bedec2;
    border: 1px solid #98b89c;
}

.lightbox .rad-checked,
.lightbox .chk-checked {
    background-position: -341px 0;
}

.select-area {
    position: relative;
    overflow: hidden;
    cursor: default;
    float: left;
    color: #636363;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer !important;
}

    .select-area .center {
        white-space: nowrap;
        padding: 0 0 0 14px;
    }

    .select-area .select-opener {
        background: url(../images/sprite.png) no-repeat -62px -121px;
        position: absolute;
        height: 6px;
        width: 11px;
        left: 0;
        top: 6px;
        cursor: pointer !important;
    }

.select-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    z-index: 2000;
    width: 42px !important;
    margin-left: -5px;
    color: #636363;
}

    .select-options .drop-holder {
        border: 1px solid #d8d8d8;
        overflow: hidden;
        font-size: 12px;
        line-height: 16px;
        height: 1%;
    }

    .select-options ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .select-options ul li {
            width: 100%;
            float: left;
        }

        .select-options ul a {
            text-decoration: none;
            display: block;
            cursor: pointer;
            color: #636363;
            padding: 0 5px;
            height: 1%;
            text-align: center;
        }

            .select-options ul a:hover {
                color: #777;
            }
/* tooltip */
.btn-box {
    position: relative;
}

.hover-tooltip {
    background: #fffafe url(../images/img04.jpg) no-repeat 100% 0;
    border: 2px solid #bd8cbf;
    color: #b074b3;
    font-size: 12px;
    line-height: 15px;
    padding: 15px 45px 15px 20px;
    width: 240px;
    margin: 0 0 0 20px;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 100%;
}

    .hover-tooltip .arrow {
        width: 26px;
        height: 40px;
        position: absolute;
        background: url(../images/sprite.png) no-repeat 0 -121px;
        top: 50%;
        margin-top: -20px;
        left: -22px;
    }

    .hover-tooltip p {
        margin: 0 0 8px;
    }
/* lightbox */
.lightbox-container {
    height: 0;
    position: relative;
    overflow: hidden;
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.lightbox {
    width: 760px;
    margin: 16px auto;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 0 15px #848484 !important;
}

.lightbox-small {
    width: 274px;
}

.lightbox-small2 {
    width: 326px;
    padding: 19px;
    background-color: #fff;
    box-shadow: 0 0 15px #848484 !important;
}

.lightbox .holder {
    padding: 0px;
}

.lightbox-small .holder {
    background: url(../images/bg-box07.png) no-repeat 100% 100%;
}

.lightbox-small2 .holder {
    padding: 0;
}

.lightbox .frame {
    padding: 0px;
    overflow: hidden;
}

.lightbox-small .frame {
    background: url(../images/bg-box07.png) repeat-y -328px 0;
}

.lightbox-small2 .frame {
    padding: 0px;
}

.lightbox .inner {
    padding: 0px;
    background: #fff;
    border: 0px solid #ccc;
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

.lightbox-small .inner {
    padding: 12px 19px 14px;
}

.lightbox h2 {
    font: 1.692em/1.2em 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    margin: 0 0 8px;
    color: #464646;
}

.lightbox-small h2 {
    font-size: 1.231em;
    color: #959595;
    margin: 0 0 24px;
}

.lightbox-small2 h2 {
    font-size: 1.231em;
    color: #959595;
    margin: 0 0 24px;
}

.lightbox p {
    margin: 0 0 24px;
}

.lightbox .line-invalid {
    display: block;
    color: #ed1c24;
    font-size: 12px;
    margin: -14px 0 16px;
}
/* form-list */
.form-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .form-list li {
        vertical-align: top;
        overflow: hidden;
        padding: 15px 0 17px;
        border-top: 1px solid #d8d8d8;
    }

        .form-list li:first-child {
            border: 0;
            padding: 0 0 16px;
        }

    .form-list .col {
        float: left;
        width: 180px;
        margin-right: 40px;
    }

    .form-list .col2 {
        width: 280px;
        margin-right: 40px;
    }

    .form-list .col3 {
        width: 180px;
    }

    .form-list label {
        display: block;
        padding: 0 0 2px;
    }

    .form-list .txt {
        overflow: hidden;
    }

    .form-list .note {
        padding: 0 0 0 0px;
        display: block;
        margin-left: 0px;
        font-size: 0.923em;
        color: #959595;
        line-height: 1.333em;
    }

    .form-list .note-red {
        background: url(../images/ico04.png) no-repeat 0 6px;
    }

.lightbox .row-line {
    padding: 0 0 18px;
    overflow: hidden;
}

.lightbox .row-line-alt {
    padding: 0 0 35px;
}

.preferences-content {
    width: 130px;
    float: left;
    margin-right: 5px;
}

.lightbox .row-line ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .lightbox .row-line ul li {
        vertical-align: top;
        padding: 0 0 5px;
    }

.lightbox .row-line label {
    overflow: hidden;
    display: block;
}

.lightbox .label-alt {
    float: left;
    width: 120px;
}

.lightbox .row-line label em {
    display: block;
    padding: 3px 0 0;
    font: 0.923em/1.158em 'open_sansitalic', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.lightbox .row-line textarea {
    float: left;
    width: 486px;
    max-width: 486px;
    min-width: 486px;
    height: 53px;
    padding: 5px 10px;
    overflow: auto;
    margin: 5px 0 0;
    border: 1px solid #aaa;
}

.lightbox .btn-holder {
    margin-left: -5px;
    overflow: hidden;
}

.lightbox-small .btn-holder {
    margin: 0;
}

.lightbox .btn-holder a {
    float: left;
    color: #fff;
    text-align: center;
    background: #7ebe86;
    padding: 4px 10px 6px;
    min-width: 62px;
    font-size: 14px;
    line-height: 17px;
}

.lightbox-small .btn-holder a {
    padding: 3px 10px 5px;
}

.lightbox .btn-holder .btn-del {
    background: #a33535;
}

.lightbox .btn-holder .close {
    float: right;
    width: 30px;
    background: #7ebe86;
}

.lightbox .btn-holder .back {
    float: left;
    width: 30px;
    background: #acacac;
    text-align: center;
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
    background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

















.header-area {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
}
/* panel */
.panel {
    padding: 13px 0 16px 3px;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}

    .panel .date {
        font-size: 1.3em;
        line-height: 1.15em;
        color: #5cb968;
        text-transform: lowercase;
    }
    /* step-list */
    .panel .step-list {
        float: right;
        font-size: 1.08em;
        line-height: 1.4em;
        color: #aaa;
        padding: 0;
        margin: 0;
        list-style: none;
    }

.step-list li {
    float: left;
    margin: 0 0 0 31px;
    padding: 0 0 0 29px;
    background: url(../images/arrow12.png) no-repeat 0 6px;
}

    .step-list li.active {
        color: #5cb968;
        background: url(../images/arrow13.png) no-repeat 0 6px;
    }

    .step-list li a {
        color: #aaa;
    }
/* account-form */
.account-block {
    color: #6e6e6e;
    font-size: 1.08em;
    line-height: 1.2em;
}

    .account-block .text-p {
        margin: 20px 0px 60px 0px;
        color: #939393;
        font: 14px 'open_sansregular', Arial, Helvetica, sans-serif;
    }

    .account-block .btn-green-home {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 160px !important;
        font: 14px 'open_sansregular', Arial, Helvetica, sans-serif;
    }

.form {
    font-size: 16px;
    line-height: 19px;
}

.account-block .block {
    padding: 30px 0 0 9px;
}

    .account-block .block:after {
        clear: both;
        content: "";
        display: block;
    }

.panel h1,
.account-block h1 {
    color: #464646;
    font: 2.1em/1.2em 'centurygothic','open_sansregular',Arial,Helvetica,sans-serif !important;
    margin: 0 0 11px;
    position: relative;
}

.panel h1 {
    font-size: 3.4em;
}

.panel h2,
.account-block h2 {
    margin: 0 0 30px;
    font: 1.43em/1.09em 'centurygothic','open_sansregular',Arial,Helvetica,sans-serif;
    position: relative;
}

.account-block h2 {
    font-size: 1.25em;
}

.account-block .block-holder {
    padding: 28px 0;
    overflow: hidden;
}
/* photo */
.account-block .photo {
    float: right;
    margin: -45px -10px 0 10px;
    width: 443px;
}

.account-block .photo-2 {
    margin-top: -21px;
}

.account-block .photo img {
    display: block;
    margin: 0 auto;
}

.account-block .photo-3 {
    margin-top: 55px;
}

.account-block .photo .caption {
    display: block;
    color: #868686;
    line-height: 20px;
    margin: -9px auto 0;
    max-width: 257px;
    font: 1.14em/1.25em 'centurygothic', Arial, Helvetica, sans-serif;
}

.account-block .form .photo .caption {
    font-size: 1em;
}

.account-block .holder {
    width: 465px;
    float: right;
}

.account-block .account-form .holder {
    padding: 3px 5px 0 0;
}

.form:after,
.form .row:after {
    content: '';
    display: block;
    clear: both;
}

.form .row {
    padding: 0 0 6px;
}

.form .row-holder {
    padding: 0 0 19px;
}

.form label {
    color: #7e7e7e;
    float: left;
    width: 147px;
    font-size: 0.8em;
    line-height: 1.3em;
    text-align: right;
    margin: 3px 9px 0 0;
}

.form .row-4 label {
    width: auto;
}

    .form .row-4 label.alt {
        margin: 0 24px 0 12px;
        font-size: 0.7em;
        line-height: 1.9em;
    }

.form input[type="text"],
.form input[type="password"],
.form input[type="email"] {
    float: left;
    color: #999999;
    background: #fff;
    border: 1px solid #c4c4c4;
    padding: 2px 4px 3px;
    margin: 0;
    width: 255px;
    box-shadow: none;
}

.form .error input[type="text"],
.form .error input[type="password"],
.form .error input[type="email"] {
    border-color: #f4777b;
    border-width: 2px;
    margin: -1px;
}

.form .row .short {
    width: 155px;
    margin: 0 10px 0 0;
}

.form .error.row .short {
    margin: -1px 9px -1px -1px;
}

.form .row .short-2 {
    width: 85px;
}

.form .row .short-3 {
    margin: 0 7px 0 0;
    width: 24px;
    text-align: center;
}

.form .error input.short-3[type="text"] {
    margin: -1px 5px -1px -1px;
}

.form .row .short-4 {
    width: 115px;
}

.form .row .short-5 {
    width: 35px;
    text-align: center;
}

.form .row .short-6 {
    width: 57px;
}

.form .add-text {
    float: left;
    color: #7e7e7e;
    font-size: 0.7em;
    margin: 1px 0 0 10px;
}

.form em.add-text {
    font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
    font-style: normal;
}

.form .notification .add-text {
    margin-left: 14px;
}

.form textarea {
    float: left;
    color: #7e7e7e;
    background: #fff;
    border: 1px solid #c4c4c4;
    padding: 3px 8px;
    margin: 0;
    width: 300px !important;
    max-width: 300px;
    height: 67px;
    overflow: auto;
}

.form input[type="submit"] {
    margin: 0 0 16px;
}

.account-block .btn-green,
.form input[type="submit"] {
    display: block;
    border: none;
    color: #fff;
    background: #7fbe87;
    margin: 0 0 33px;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 27px;
    height: 27px;
    text-align: center;
    width: 82px;
}

    .form input[type="submit"]:hover {
        cursor: pointer;
    }

.form .row-2 {
    padding: 10px 0 10px 156px;
}

    .form .row-2:after {
        clear: both;
        content: "";
        display: block;
    }

.form .row-3,
.form .row-4 {
    float: left;
}

.form .note {
    color: #b9b9b9;
    font-size: 0.68em;
    line-height: 1.2em;
}
/* message-box */
.message-box {
    display: none;
    max-width: 930px;
    color: #ed1c24;
    font-size: 14px;
    line-height: 20px;
    background: #fffafa;
    padding: 22px 11px;
    border-bottom: 1px solid #e6e4e5;
}

    .message-box h1 {
        color: #ed1c24;
        font: 21px/24px 'Century Gothic W01','open_sansregular',Arial,Helvetica,sans-serif;
        margin: 0 0 21px;
    }

    .message-box .login {
        display: inline-block;
        color: #fff;
        background: #a23634;
        padding: 2px 17px 3px;
        margin: 0 0 0 8px;
    }

.form .success {
    margin: 0 0 -10px;
    overflow: hidden;
}

    .form .success dt {
        float: left;
        font-weight: bold;
        text-align: right;
        text-align: right;
        margin: 0 10px 0 0;
        width: 145px;
    }

    .form .success dd {
        margin: 0 0 10px;
        float: left;
    }
/* update-info */
.update-info {
    padding: 0 0 18px 2px;
    overflow: hidden;
}

    .update-info .change {
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 14px;
    }

.account-block .email {
    color: #72b477;
}

.account-block p {
    margin: 0 0 14px;
}

.fail-block h1 {
    font-size: 37px;
    line-height: 43px;
}

.fail-block h2 {
    margin: 0 0 12px;
}

.fail-block {
    line-height: 26px;
}

.account-block .fail-block p {
    margin: 0 0 24px;
}

.account-block .btn-grey {
    display: inline-block;
    vertical-align: top;
    background: #898989;
    padding: 2px 5px 3px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 14px 5px 16px;
}

.fail-block .box {
    margin: 0 0 94px;
    overflow: hidden;
}

.fail-block .mark {
    color: #00a953;
}

.account-form .row-check {
    margin: 0 0 9px;
    overflow: hidden;
}

    .account-form .row-check label {
        width: auto;
        margin: 0;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        float: none;
        line-height: 16px;
    }

.account-block .popup {
    top: -150px;
    left: 82px;
}

.form .popup input[type="text"],
.form .popup input[type="password"],
.container input[type="text"],
.container input[type="password"] {
    width: 236px;
    height: 22px;
    color: #999999;
    display: block;
    margin: 0 0 15px;
    float: none;
}

.form .popup .input-placeholder-text,
.container .input-placeholder-text {
    color: #d3d3d3;
    padding: 6px 4px;
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.form .popup .input-holder {
    position: relative;
}

.form .popup .input-placeholder-text {
    top: 2px;
}

.form .popup input.error,
.container input.error {
    border: 1px solid #ff9292;
    font-size: 12px;
    line-height: 17px;
}

.account-block .popup .row-holder,
.container .row-holder {
    overflow: hidden;
    padding: 7px 0 0;
}

.account-block .popup .link,
.container .link {
    float: left;
    font-size: 11px;
    padding-left: 0px;
}

.form .popup input[type="submit"],
.container input[type="submit"] {
    float: right;
    background: #7fbe87;
    margin: 0;
    font-size: 11px;
    line-height: 13px;
    width: 51px;
    height: 19px;
}
/* payment-form */
.payment-form .block-area {
    padding: 33px 0 0 9px;
    overflow: hidden;
}

.panel.alt {
    padding: 13px 0 12px 3px;
    border-bottom: 1px solid #b2b2b2;
}

.payment-form h2 {
    color: #727272;
    font: 1.25em/1.15em 'centurygothic','open_sansregular',Arial,Helvetica,sans-serif;
    margin: 0 0 27px;
}

    .payment-form h2 em {
        font-size: 0.55em;
        display: inline-block;
        vertical-align: middle;
    }

.payment-form .block {
    padding: 0 0 30px;
}

    .payment-form .block:after {
        content: '';
        display: block;
        clear: both;
    }

.form select {
    float: left;
    color: #909090;
    width: 166px;
}

.form .select {
    width: 53px;
    margin: 0 57px 0 0;
}

.form .row-4 .select {
    margin: 0;
}

.form .select2 {
    width: 53px;
}

.form .select2 {
    width: 68px;
}

.form .row-3 label {
    width: auto;
    margin-right: 12px;
}

.form .row-check.alt {
    overflow: hidden;
    padding: 0 0 6px 156px;
}

    .form .row-check.alt label {
        width: auto;
        margin: 0;
        font-size: 0.7em;
    }

body.inner {
    background: #fbfbfb;
}

    body.inner #wrapper {
        background: #fff;
    }

.lightbox-info {
    width: 405px;
    color: #969696;
}

    .lightbox-info .holder {
    }

    .lightbox-info .frame {
        padding: 0px;
        overflow: hidden;
    }

    .lightbox-info .inner {
        border: 0;
        width: 392px;
    }

    .lightbox-info p {
        margin: 0 0 14px;
    }

    .lightbox-info h2 {
        color: #7ebe81;
        margin: 0 23px 19px 0;
        padding: 0 0 3px;
        border-bottom: 1px solid #bfbfbf;
        font: 1.8em 'centurygothic','open_sansregular',Arial,Helvetica,sans-serif;
    }

.row-holder dl.email {
    margin: 0 0 9px;
    overflow: hidden;
    color: #7e7e7e;
}

.row-holder .email dt {
    float: left;
    font-size: 0.8em;
    line-height: 1.3em;
    width: 147px;
    text-align: right;
    margin-right: 9px;
}

.row-holder .email dd {
    color: #7e7e7e;
    font-size: 0.75em;
    line-height: 1.3em;
}

    .row-holder .email dd a {
        color: #7d7d7d;
    }

.payment-form .notification {
    padding-top: 36px;
}

.notification input[type="text"] {
    font-size: 11px;
}

.form .notification .row-holder {
    padding: 0 0 10px;
}

.payment-form .notification h2 {
    margin: 0 0 22px;
}

.buttons {
    padding: 17px 0 12px;
}

    .buttons:after {
        clear: both;
        content: "";
        display: block;
    }

    .buttons .cancel {
        float: left;
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        width: 82px;
        height: 27px;
        background: #acacac;
        text-align: center;
        margin: 0 10px 0 -92px;
    }
/* subscriptions */
.subscriptions {
    margin: -10px 0 0;
}

    .subscriptions h3 {
        font: 0.88em/1.1em 'open_sanssemibold', Arial, Helvetica, sans-serif;
        margin: 0 0 5px -10px;
    }

        .subscriptions h3 a {
            color: #7ebe86;
        }

    .subscriptions ul {
        margin: 0 0 22px;
        padding: 0;
        list-style: none;
        color: #7d7d7d;
        line-height: 15px;
    }

    .subscriptions li {
        overflow: hidden;
    }

        .subscriptions li .title {
            font-size: 13px;
            float: left;
            width: 272px;
            border-bottom: 1px solid #ececec;
            padding: 8px 0 7px;
        }

    .subscriptions a {
        color: #7d7d7d;
    }

    .subscriptions li .holder {
        float: left;
        width: 240px;
        border-bottom: 1px solid #ececec;
        padding: 8px 0 7px;
    }

    .subscriptions li label {
        font-size: 11px;
        line-height: 15px;
        width: auto;
        margin: 0 0 0 4px;
        min-width: 94px;
        text-align: left;
    }

        .subscriptions li label em {
            font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
            font-style: normal;
        }

.form .password input[type="text"],
.form .password input[type="password"] {
    width: 155px;
}

.heading {
    padding: 34px 0 20px;
    position: relative;
    border: 0;
    overflow: visible;
}

    .heading h1 {
        margin: 0 0 15px;
    }

    .heading h2 {
        font-size: 1.85em;
        margin: 0 0 31px;
    }

    .heading .visual {
        position: absolute;
        left: 22px;
        bottom: -60px;
    }

    .heading .btn {
        float: none;
        display: inline-block;
    }

.inner .header-area {
    overflow: visible;
}

.page-title.alt {
    padding: 24px 0 3px;
    margin: 10px 30px 20px 30px;
}

    .page-title.alt h1 {
        font-size: 2.93em;
        line-height: 1.1em;
        margin: 0 0 6px;
    }

    .page-title.alt .holder {
        position: relative;
        padding: 20px 0 0 59px;
        overflow: visible;
    }

    .page-title.alt .visual {
        position: absolute;
        bottom: 0;
        left: 4px;
    }

    .page-title.alt .holder .row {
        overflow: hidden;
        margin: -7px 0 0;
    }

        .page-title.alt .holder .row :after {
            clear: both;
            content: "";
            display: block;
        }

    .page-title.alt .holder span {
        float: left;
        font-size: 1.067em;
        line-height: 1.1em;
        width: 264px;
        padding-right: 10px;
    }

    .page-title.alt .holder a {
        font-size: 0.8em;
        line-height: 1.5em;
    }

        .page-title.alt .holder a strong {
            font: 2em/1.1em 'open_sansbold', Arial, Helvetica, sans-serif;
            float: left;
            margin: 0 10px 3px 0;
        }
/* item-section */

    .item-section h2 {
        color: #7ebe86;
        font: 2.77em/1.1em 'jennasue-webfont', Arial, Helvetica, sans-serif;
        padding: 0 0 4px 6px;
        margin: 0 0 20px;
        border-bottom: 1px solid #ececec;
    }

.item-list {
    margin: -4px 0 0;
    padding: 0;
    list-style: none;
}

    .item-list li {
        border-bottom: 1px solid #ececec;
        padding: 18px 0 8px;
    }

        .item-list li:first-child {
            padding-top: 0;
        }

.item-section h3 {
    color: #464646;
    font: 1.3em 'centurygothic','open_sansregular',Arial,Helvetica,sans-serif;
    margin: 0 0 12px;
}

.item-list li .holder {
    overflow: hidden;
    padding: 2px;
}

.item-list li .rating {
    float: left;
    margin: -2px 18px 0 0;
}

.item-list li label {
    padding-left: 4px;
}

.item-section textarea {
    color: #7e7e7e;
    background: #fff;
    border: 1px solid #c4c4c4;
    padding: 3px 8px;
    margin: 0 0 10px;
    width: 306px !important;
    max-width: 306px;
    height: 67px;
    display: block;
    overflow: auto;
}

.item-section input[type="submit"] {
    display: block;
    border: none;
    color: #fff;
    background: #acacac;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    height: 19px;
    width: 54px;
}
/* container */
.container {
    position: relative;
    padding: 55px 260px 0 0;
    font: 1.14em/1.7em 'centurygothic', Arial,Helvetica,sans-serif;
}

    .container h1 {
        font-size: 2.75em;
        margin: 0 0 6px;
    }

    .container h2 {
        font-size: 1.5em;
        margin: 0 0 30px;
    }

    .container p {
        margin: 0 0 7px;
    }

    .container .form {
        width: 246px;
        padding-top: 22px;
    }

    .container .item {
        position: absolute;
        right: 50px;
        bottom: -60px;
        color: #959595;
        font: 0.8em/1.23em 'open_sansitalic', Arial, Helvetica, sans-serif;
        width: 130px;
        padding: 0 65px 35px 0;
    }

        .container .item img {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .container .item span {
            display: block;
            text-align: right;
        }

        .container .item h3 {
            font: 2.77em/1.1em 'jennasue-webfont', Arial, Helvetica, sans-serif;
            color: #7ebe86;
            margin: 0 0 6px;
        }

    .container .visual {
        position: absolute;
        left: 0;
        bottom: -60px;
    }

.popup-view {
    width: 659px;
    color: #464646;
    padding: 0px 0 0;
    z-index: 999999 !important;
    background-color: #fff;
}

    .popup-view .popup-frame {
        padding: 0 0 0px;
    }

    .popup-view .popup-inner {
        padding: 26px 62px 18px 72px;
    }

    .popup-view h2 {
        font: 3.39em/1.1em 'centurygothic', Arial, Helvetica, sans-serif;
        margin: 0 0 15px;
    }

.info-row {
    margin: 0 0 4px;
}

    .info-row:after {
        clear: both;
        content: "";
        display: block;
    }

.page-title.alt .holder .info-row span {
    padding-right: 15px;
    width: auto;
    line-height: 1.2em;
}

.info-row strong {
    padding-left: 14px;
}

.page-title.alt .holder .info-row a {
    font: 1.067em/1.1em 'open_sanssemibold', Arial, Helvetica, sans-serif;
    color: #4ca657;
}
/* order-list */
.order-list {
    margin: 0;
    padding: 0 20px 34px 0;
    list-style: none;
}

    .order-list li {
        padding: 16px 0;
        border-bottom: 1px solid #eaeaea;
        overflow: hidden;
    }

    .order-list .frame,
    .review-block .order-list .frame {
        float: left;
        width: 417px;
    }

    .order-list .green {
        color: #7ebe86 !important;
    }

.page-title.alt .holder .order-list .order,
.review-block .order {
    float: right;
    color: #464646;
    font: 1.08em/1.1em 'centurygothic', Arial, Helvetica, sans-serif;
}

    .page-title.alt .holder .order-list .order:hover,
    .review-block .order:hover {
        color: #5cb666;
    }

.order-list h3 {
    margin: 0 0 5px;
    font: 1.23em/1.1em 'centurygothic', Arial, Helvetica, sans-serif;
}

.page-title.alt .holder .order-list li span,
.review-block .order-list li span {
    color: #707070;
    font: 0.79em 'open_sansregular', Arial, Helvetica, sans-serif;
    padding: 0;
}

.info-row .add {
    float: left;
    padding: 0 0 27px 4px;
    position: relative;
    font: 2.77em/1.1em 'jennasue-webfont', Arial, Helvetica, sans-serif;
}

.info-row .add2 {
    float: left;
    padding: 0 0 27px 4px;
    position: relative;
    font: 1.4em/1.1em 'open_sansregular', Arial, Helvetica, sans-serif;
}

.page-title.alt .holder .info-row .add a {
    color: #7ebe86;
    font: 1em 'jennasue-webfont', Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.page-title.alt .holder .info-row .btn,
.review-block .info-row .btn {
    float: right;
    color: #fff;
    background: #5cb666;
    height: 22px;
    padding: 5px 27px 0;
    margin-top: 9px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
/* option-block */
.option-block {
    padding: 43px 0 0 10px;
    font: 1.54em/1.1em 'centurygothic', Arial,Helvetica,sans-serif;
}

    .option-block.alt {
        padding-bottom: 40px;
    }

    .option-block p {
        margin: 0 0 12px;
    }

    .option-block .choose {
        font: 0.7em/2.1em 'open_sansregular', Arial, Helvetica, sans-serif;
        padding: 26px 0 21px;
        float: left;
        width: 534px;
        background: none;
    }

        .option-block .choose a em {
            width: 57px;
            height: 23px;
            line-height: 22px;
            margin-right: 17px;
            padding-left: 25px;
            text-align: left;
            cursor: pointer;
        }

.choose-holder {
    overflow: hidden;
}

    .choose-holder .question {
        float: left;
        width: 280px !important;
        padding: 13px 0 44px;
        color: #7ebe86;
        font: 1.8em/1.1em 'jennasue-webfont', Arial, Helvetica, sans-serif;
        background: url(../images/arrow08.png) no-repeat 128px 100%;
    }

.option-block .slide-section {
    padding: 10px 9999px 7px;
}

    .option-block .slide-section:before,
    .option-block .slide-section:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: #e5ece6;
    }

    .option-block .slide-section:after {
        top: auto;
        bottom: 0;
    }

    .option-block .slide-section img {
        margin-left: -27px;
    }

.message-box.green {
    overflow: hidden;
    background: #fcfefb;
    padding-bottom: 31px;
}

    .message-box.green h1 {
        color: #636363;
    }

.message-box .authorization {
    float: left;
    margin: 0 22px 0 115px;
}

.message-box.green .btn {
    float: left;
    color: #fff;
    background: #7fbe87;
    height: 23px;
    padding: 2px 16px 0;
    margin-top: -4px;
}
/* twocolumns */
.twocolumns {
    overflow: hidden;
    padding: 36px 0 0;
}

.columns {
    overflow: hidden;
}

.twocolumns h2 {
    font: 3.38em/1.1em 'centurygothic', Arial,Helvetica,sans-serif;
    color: #464646;
    margin: 0 0 28px;
}
/* review-block */
.review-block {
    float: left;
    width: 504px;
    color: #464646;
}

    .review-block .order-list {
        padding-right: 0;
        padding: 18px 0 40px;
    }

        .review-block .order-list h3 {
            margin: 0 0 2px;
        }

    .review-block .info-row .btn {
        float: left;
        margin: 0;
    }

    .review-block .items {
        float: right;
        color: #707070;
        font: 0.92em/1.1em 'open_sanssemibold', Arial,Helvetica,sans-serif;
        padding-top: 8px;
    }

        .review-block .items span {
            color: #7ebe86;
        }

.twocolumns .column {
    float: right;
    width: 250px;
}

.info-box {
    padding: 0 0 15px;
    color: #707070;
    font-size: 0.92em;
    line-height: 1.17em;
}

    .info-box h3 {
        color: #4ca657;
        font: 1.335em/1.1em 'centurygothic', Arial,Helvetica,sans-serif;
        margin: 0 0 4px;
    }

    .info-box .holder {
        margin: 0 0 25px 0 !important;
        width: 250px !important;
    }

        .info-box .holder.payment-info {
            padding-top: 10px;
        }

        .info-box .holder a {
            color: #7ebe86;
        }



        .info-box .holder span {
            display: block;
        }

        .info-box .holder .payment-info {
            display: inline;
        }

        .info-box .holder span strong {
            font: 1.6em/1em 'open_sansbold', Arial, Helvetica, sans-serif;
        }

        .info-box .holder.alt span {
            font-size: 0.85em;
            margin: 0 0 4px;
        }

    .info-box .email {
        color: #707070;
    }
/* user-block */
.user-block {
    padding: 23px 0 10px;
    font: 13px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
}

    .user-block h2 {
        font: 1.85em/1.1em 'centurygothic', Arial,Helvetica,sans-serif;
        margin: 0 0 15px;
    }

    .user-block .column {
        float: left;
        width: 220px;
        padding-right: 60px;
    }

    .user-block .view {
        font-size: 0.92em;
    }

    .user-block table, .user-block .slide-holder table {
        color: #707070;
        border-collapse: collapse;
        width: 665px;
        border-top: 1px solid #ececec;
        margin: 0 0 0px;
    }

        .user-block table td, .user-block .slide-holder table td {
            height: 30px;
            padding: 0 10px 0 12px;
            background: url(../images/separator.png) no-repeat 0 50%;
            border-bottom: 1px solid #ececec;
        }

        .user-block table .first, .user-block .slide-holder table .first {
            width: 380px !important;
            padding-left: 0;
            background: none;
        }

        .user-block table .second, .user-block .slide-holder .second {
            width: 160px;
            color: #7ebe86;
        }

        .user-block table .price, .user-block .slide-holder .price {
            width: 50px;
            padding-left: 20px;
        }

        .user-block table strong, .user-block .slide-holder table strong {
            font-weight: bold;
            font-family: 'open_sanssemibold';
        }

            .user-block table strong a, .user-block .slide-holder strong a {
                color: #4ca657;
            }

    .user-block td a, .user-block .slide-holder td a {
        color: #7ebe86;
    }


/* footer */
.clear {
    clear: both;
}

.footer {
    background: url(../images/footer_top_border.gif) repeat-x #fbfbfb;
    width: 100%;
    font-family: 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    font-size: 12px;
    padding-top: 47px;
    padding-bottom: 100px;
}

    .footer ul {
        list-style: none;
    }

    .footer .footer_col_1 {
        float: left;
        width: 195px;
        margin-left: 25px;
        margin-right: 65px;
    }

.wrap {
    width: 980px;
    margin: 0 auto;
    max-width: 100%;
}

.wrap-bg {
    width: 100%;
    background: url(../images/body_bg.jpg) top center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.footer .footer_col_1 h1 {
    width: 195px;
}

.footer .footer_col_2 {
    float: left;
    margin-right: 65px;
    width: 210px;
}

    .footer .footer_col_2 ul li {
        background: url(../images/quick_links_bullets.gif) 0 5px no-repeat;
        margin-bottom: 11px;
        font-size: 14px;
        padding-left: 14px;
    }

    .footer .footer_col_2 ul + h1 {
        padding-top: 20px;
    }

    .footer .footer_col_2 span {
        margin: 16px 0 7px 0;
        display: block;
    }

    .footer .footer_col_2 ul li a {
        color: #a53939;
    }


.footer .footer_col_3 {
    float: left;
    width: 120px;
}

.footer a.fb_footer, .footer a.twitter_footer, .footer a.pin_footer, .footer a.blog_footer, .footer a.email_footer {
    display: block;
    font-size: 18px;
    padding-left: 38px;
    line-height: 27px;
    margin-bottom: 12px;
    color: #4c4c4c;
}

.footer a.fb_footer {
    background: url(../images/fb_icon.jpg) left no-repeat;
}

.footer a.pin_footer {
    background: url(../images/pinterest_icon.jpg) left no-repeat;
}

.footer a.blog_footer {
    background: url(../images/blog_icon.jpg) left no-repeat;
}

.footer a.email_footer {
    background: url(../images/email_icon.jpg) left no-repeat;
}

.footer a.twitter_footer {
    background: url(../images/twitter_icon.jpg) left no-repeat;
}

.footer h1 {
    font-size: 21px;
    background: url(../images/footer_h1_bg.gif) repeat-x bottom;
    color: #4c4c4c;
    padding-bottom: 12px;
    margin-bottom: 18px;
    font-weight: normal;
}

.footer a.sign_up {
    background: url(../images/bullet_2.jpg) 0px 6px no-repeat;
    font-size: 24px;
    color: #5cb968;
    padding-left: 17px;
    padding-bottom: 0px;
    vertical-align: middle;
}

.footer a:hover.sign_up, .footer .footer_col_2 ul li a:hover {
    color: #4c4c4c;
}


.footer .copyright {
    text-align: center;
    padding-top: 100px;
    font-size: 11px;
    color: #979797;
}

.copyright2 {
    text-align: center;
    padding-bottom: 70px;
    font-size: 11px;
    text-align: center;
}

    .copyright2 a {
        color: #979797;
    }

/* Ratings */
.rating-selector {
    display: inline;
    float: left;
    margin-right: 3px;
}

    .rating-selector span {
        display: inline-block;
        cursor: pointer;
        width: 17px;
        height: 18;
        margin-right: 3px;
    }

        .rating-selector span.on {
            background: url(../images/bg-rating-hover.png) no-repeat;
        }

        .rating-selector span.current {
            background: url(../images/bg-rating-on.png) no-repeat;
        }

        .rating-selector span.off {
            background: url(../images/bg-rating-off.png) no-repeat;
        }

        .rating-selector span.hover {
            background: url(../images/bg-rating-hover.png) no-repeat;
        }

.rating-remove {
    float: left;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 18;
    margin-right: 20px;
    background: url(../images/bg-rating-remove.png) no-repeat;
}

    .rating-remove:hover {
        background: url(../images/bg-rating-remove-hover.png) no-repeat;
    }

.rating-remove-on {
    background: url(../images/bg-rating-remove-hover.png) no-repeat;
}
/* popup-ko */
.input-placeholder-text {
    padding: 5px 0px 0px 5px;
}

.popup-ko-holder,
.popup-ko-help {
    position: relative;
}

.popup-ko {
    width: 326px;
    position: absolute;
    top: 20px;
    left: 200px;
    z-index: 10;
    padding: 19px 0 0;
    font-size: 13px;
    line-height: 17px;
    color: #959595;
    background: url(../images/bg-box.png) no-repeat;
    z-index: 999999;
}

.page-title .popup-ko {
    top: -14px;
    right: -12px;
}

.popup-ko-active .popup-ko {
    display: block;
}

.popup-ko-help .popup-ko {
    width: 426px;
    color: #636363;
    right: 39px;
    top: -127px;
    line-height: 16px;
    background: url(../images/bg-box06.png) no-repeat;
}

.code-form .popup-ko {
    top: auto;
    bottom: 0;
}

.popup-ko-big {
    width: 781px;
    padding: 29px 0 0;
    right: -33px;
    background: url(../images/bg-box03.png) no-repeat;
}

.popup-ko-frame {
    padding: 0 0 19px;
    background: url(../images/bg-box.png) no-repeat 100% 100%;
}

.popup-ko-big .popup-ko-frame {
    padding: 0 0 29px;
    background: url(../images/bg-box03.png) no-repeat 100% 100%;
}

.popup-ko-help .popup-ko-frame {
    background: url(../images/bg-box06.png) no-repeat 100% 100%;
}

.popup-ko-inner {
    overflow: hidden;
    padding: 0 19px;
    background: url(../images/bg-box.png) repeat-y -337px 0;
}

.popup-ko-big .popup-ko-inner {
    padding: 0 29px;
    overflow: hidden;
    background: url(../images/bg-box03.png) repeat-y -805px 0;
}

.popup-ko-help .popup-ko-inner {
    background: url(../images/bg-box06.png) repeat-y -438px 0;
}

.popup-ko-form,
.popup-ko-info {
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #ccc;
}

.popup-ko-info {
    padding: 9px 20px 7px;
}

.popup-ko-big .popup-ko-form {
    padding: 12px 20px 19px;
}

.popup-ko .close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 23px;
    right: 25px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat;
}

.popup-ko-form .row {
    position: relative;
    padding: 0 0 15px;
    z-index: 2;
    width: 100%;
}

.form-delivery .row {
    padding: 0 0 18px;
}

.popup-ko-form .row-alt {
    padding: 6px 0 0;
}

.popup-ko-form .row:after {
    display: block;
    clear: both;
    content: '';
}

.popup-ko-form input[type="text"],
.popup-ko-form input[type="password"] {
    float: left;
    width: 234px;
    border: 1px solid #c6c6c6;
    height: 17px;
    padding: 5px;
    line-height: 17px;
    background: #fff;
    margin: 0;
}

.popup-ko-form .error input[type="text"], .popup-ko-form .error input[type="password"] {
    border-color: #ff9292;
}

.popup-ko-form input[type="submit"] {
    padding: 0 7px 2px;
    border: 0;
    height: 19px;
    color: #fff;
    background: #7ebe86;
    cursor: pointer;
    text-transform: uppercase;
    font: 11px/17px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
    margin: 0;
}

.popup-ko-form .note {
    padding: 8px 0 2px;
    overflow: hidden;
    clear: both;
    display: block;
}

.popup-ko-form .msg-error-ko {
    color: #ed1c24;
    position: absolute;
    bottom: -2px;
    right: 0;
    font: 11px/14px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.form-delivery .msg-error-ko {
    right: auto;
    left: 0;
}

.popup-ko-form .error .msg-error-ko {
    display: block;
}

.popup-ko-form .btn {
    padding: 0 0 0 0px;
    font-size: 12px;
    margin: 0 0 0 1px;
    color: #5cb968;
}

#ZipFailForm .error {
    color: #ed1c24 !important;
}

.user_log_in > a {
    z-index: 1000;
    right: 0px;
    text-align: right;
    white-space: nowrap;
    padding-left: 10px;
    float: right;
    position: relative;
}

.user_log_in > ul {
    display: none;
    position: absolute;
    width: 128px;
    background: #ffffff;
    border: 1px solid #b2b2b2;
    right: -10px;
    top: -10px;
    z-index: 1;
    padding: 40px 10px 10px 10px !important;
}

.user_log_in:hover > ul {
    display: block;
}

.user_log_in > ul > li {
    padding: 0px !important;
    width: 128px;
    display: block !important;
    float: none;
}

    .user_log_in > ul > li > a {
        font-size: 12px !important;
        color: #7ebe86;
        float: none !important;
        display: block !important;
        width: 100%;
        text-align: right;
        position: relative;
        right: 10px;
        margin-bottom: 8px;
    }

.account-block .msg-error {
    color: #ed1c24;
    position: absolute;
    bottom: -2px;
    right: 0;
    display: none;
    font: 11px/14px 'open_sanssemibold', 'open_sansregular', Arial, Helvetica, sans-serif;
}

#loginaccount a.sign_up {
    font-size: 24px;
    color: #5cb968;
    padding-left: 17px;
    padding-bottom: 0px;
    vertical-align: middle;
}

/************* HOTLINE PANELS STYLES ********************/
#hotline_top {
    width: 240px;
    height: 250px;
    box-shadow: 0 0 15px #848484;
    background-color: #fff;
    position: relative;
    margin: 8px 300px -344px 0px;
    z-index: 2000;
    padding-left: 40px;
    float: right;
    padding-top: 20px;
}

#hotline_bottom {
    width: 240px;
    height: 250px;
    box-shadow: 0 0 15px #848484;
    background-color: #fff;
    position: absolute;
    margin: -0px 0px 0px 200px;
    z-index: 2000;
    padding-left: 40px;
    float: right;
    padding-top: 20px;
}

.hotline-close {
    float: right;
    margin: -5px 15px 0px 0px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.hotline-content {
    margin: 0px 0px 0px 0px;
    width: 213px;
    background-color: #ffffff;
    border: 0px solid #b2b2b2;
}

.dinnerhotlinesubhead {
    font: normal normal normal 16px/1.3em 'open_sansregular', Arial, Helvetica, sans-serif;
}

.dinnerhotlinehours {
    font: normal normal normal 12px/1.3em 'open_sansregular', Arial, Helvetica, sans-serif;
}

.dinnerhotlinetextline {
    color: #7ebe86;
    font: normal normal normal 16px/1.3em 'Century Gothic' !important;
}

.clickhotline {
    color: #7ebe86;
    font: normal normal normal 14px/1.3em 'open_sansregular', Arial, Helvetica, sans-serif;
}

.subcaption {
    font: normal normal normal 11px/1em 'Droid Sans' !important;
    display: inline;
    color: #616161;
}

.mdescript {
    width: 320px;
    text-align: center;
    margin: 0px auto 25px auto;
    clear: both;
    z-index: 501;
    position: relative;
}

a.menunavlnk {
    color: #707070;
    font: normal normal normal 11px/1em 'Droid Sans';
    text-decoration: none;
}

    a.menunavlnk:hover {
        color: #790000;
        text-decoration: none;
    }


.item-content-notes {
    margin-top: 100px;
    margin-bottom: 10px;
    position: relative;
}

    .item-content-notes h2 {
        font: 55px/55px 'jennasue-webfont', Arial, Helvetica, sans-serif !important;
        margin: 0;
        margin-bottom: 30px;
        padding-bottom: 0px !important;
        border-bottom: 1px solid #bdbdbd;
    }

    .item-content-notes ul {
        list-style: none;
        margin-bottom: 30px;
    }

        .item-content-notes ul li {
            font: 1.2em 'open_sansregular', Arial, Helvetica, sans-serif;
            list-style: none;
            margin: 15px 0px;
            padding-left: 25px;
            background: url(../images/tick.png) no-repeat;
        }

    .item-content-notes span.ready {
        font: 42px 'jennasue-webfont', Arial, Helvetica, sans-serif !important;
        font-weight: normal;
        margin: 0;
        float: none;
    }

    .item-content-notes img {
        margin: 0px 35px 0px 5px;
    }

    .item-content-notes a.btn-checkout-notes {
        float: none;
    }


.blockOverlay {
    background-color: #fff !important;
}

.blockMsg {
    background-color: transparent !important;
    border: 0px !important;
}

.view-order-index {
    border: 0px;
    cursor: pointer;
    color: #464646;
    font: 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif !important;
    font-weight: lighter;
}

    .view-order-index span {
        background: #7fbe87;
        border-radius: 20px;
        font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
        color: #FFF !important;
        height: 25px;
        width: 25px;
        text-align: center;
        display: inline-block;
        margin-left: 10px;
        font-size: 15px !important;
        margin-top: -0px;
        line-height: 22px;
    }

.checkout-index {
    cursor: pointer;
    margin-left: 10px;
}

a.after-steps {
    font: 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    font-weight: lighter;
    margin: 0;
    color: #5cb968;
    margin-left: 20px;
    background: url(../images/button_09.jpg) no-repeat right -1px;
    padding-right: 30px;
    cursor: pointer;
}

/* Menu Slider*/
.menu-item-slide {
    max-width: 930px;
    height: 240px;
    margin-bottom: 0px;
    /*cursor: pointer;*/
    position: relative;
}

    .menu-item-slide img {
        /*width: 930px;*/
        height: 240px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.0;
        z-index: 100;
    }

        .menu-item-slide img.active {
            z-index: 10;
            opacity: 1.0;
        }

        .menu-item-slide img.last-active {
            z-index: 9;
        }

/* Welcome Bar */
.welcome-bar {
    background-color: #7ebe87;
    padding: 25px 0px;
    cursor: pointer;
    border: 1px solid #096;
}

.welcome-bar-content {
    width: 850px;
    margin: 0 auto;
    font-family: 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    text-align: left;
    color: #fff;
    cursor: pointer;
}

.welcome-message {
    font-size: 19px;
}

.welcome-login {
    margin-left: 40px;
    font-size: 15px;
}

    .welcome-login a {
        color: #fff;
        font-weight: bold;
    }

/* Index Custom Preferences */
.index-custom-preference {
    color: #7ebe86;
    font: 85px 'jennasue-webfont', Arial, Helvetica, sans-serif;
    padding: 50px 0px 0px 0px;
    border-color: Red;
}

    .index-custom-preference span {
        border-color: Red;
    }

.allergy-header {
    color: #7ebe86;
    margin-bottom: 10px;
    padding-bottom: 0px;
    font: 18px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.allergy-description {
    font-family: 'OpenSans';
}

.green-certification {
    max-height: 75%;
    max-width: 100%;
    position: absolute;
    left: 70%;
    top: 20%;
}

#yelp-biz-badge-rrc-0zaoza-WXpWaln3cjkExIw a {
    float: right;
    padding-right: 75px;
}

#yelp-biz-badge-rrc-0zaoza-WXpWaln3cjkExIw img {
    height: 53px;
    width: 115px;
}

#yelp-biz-badge-rrc-0zaoza-WXpWaln3cjkExIw.yelp-lg {
    text-align: center;
}

    #yelp-biz-badge-rrc-0zaoza-WXpWaln3cjkExIw.yelp-lg a {
        height: 88px;
        width: 200px;
        float: none;
        padding-right: 0px;
    }

    #yelp-biz-badge-rrc-0zaoza-WXpWaln3cjkExIw.yelp-lg img {
        height: 88px;
        width: 200px;
    }

/************* HOMEPAGE VIDEO MODAL ********************/

.diy-image-trigger, .homepage-featured-video-trigger {
    cursor: pointer;
}

.homepage-featured-video {
    display: flex;
    justify-content: flex-start;
    padding: 10px 20px;
}

    .homepage-featured-video img {
        margin: 0;
    }

        .homepage-featured-video img.homepage-featured-video-trigger {
            margin-left: 20px !important;
            cursor: pointer;
        }

.homepage-featured-video-modal, .diy-image-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 999;
    display: none;
}

    .homepage-featured-video-modal.active, .diy-image-modal.active {
        display: flex;
    }

.homepage-featured-video-modal-inner {
    box-shadow: 0 0 15px #848484;
    background-color: #fff;
    padding: 30px;
    position: relative;
}

.homepage-featured-video-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
}

.banner_right_bottom-menu {
    padding: 20px;
    border: 1px solid #e0e0e0;
    margin-top: 15px;
}

.banner_right_bottom_diy {
    height: 280px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 1px solid #e0e0e0;
    margin-top: 15px;
}

.banner_right_bottom_diy_img {
    margin: auto;
    width: 230px;
}

.banner_right_bottom_diy_cta {
    font-weight: bold;
    width: 230px;
    padding: 6px;
    padding-left: 52px;
    padding-right: 52px;
    color: #fff;
    font-size: 20px;
    background-color: #548235;
}

    .banner_right_bottom_diy_cta:hover {
        cursor: pointer;
        color: #aaaaaa;
    }

.banner_right_bottom-menu .download-text {
    margin: 0 0 10px 0;
    color: #707070;
    font: 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
}

.banner_right_bottom-menu ul {
    float: left;
}

.banner_right_bottom-menu img {
    float: right;
}

.banner_right_bottom-menu ul li a {
    color: #707070;
    font: 16px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.home-recipe-list-item {
    padding-bottom: 5px;
}

.recipe-image, .recipe-video {
    vertical-align: text-bottom;
}

.banner_right_bottom_diy_authors {
    color: #636363 !important;
    font-weight: bold !important;
    display: inline !important;
}

.banner_right_bottom_diy_authors_by {
    color: grey !important;
    display: inline !important;
}

.banner_right_bottom_diy_authors_image {
    margin-bottom: -10px;
    margin-left: 6px;
}

/*==============DIY KICKSTARTER PAGE======================*/

.diy_header {
    width: 400px;
}

.diy_header_img {
    width: 410px;
    margin-left: 0px !important;
}

.diy_main_img_one {
    width: 1000px;
    margin-left: -16px !important;
    float: left;
}

.diy_banner_right_img_owl {
    width: 270px;
}

@media (max-width: 979px) {
    .diy_cta_container {
        width: 100%;
        text-align: center;
    }
}

.diy_cta_link {
    background-color: #548235;
    padding: 5px;
    font-size: 20px;
    padding-left: 25px;
    line-height: 100px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}

    .diy_cta_link:hover {
        cursor: pointer;
        color: #aaaaaa;
    }

.diy_kickstarter_banner_right {
    height: 490px;
    width: 280px;
}

.diy_banner_right_u {
    line-height: 40px;
    font-size: 14px !important;
    display: inline !important;
    font-weight: bold !important;
    text-decoration: underline;
}


/*=================DIY PURCHASE PAGE=================*/

.diy_purchase_plan_header {
    padding-bottom: 15px;
    position: relative;
    line-height: 30px;
    font-size: 28px;
    color: #000;
}

.diy_purchase_header_img {
    width: 400px;
    margin-bottom: 30px;
}

.diy_purchase_plan_sub_header {
    padding-top: 20px;
    position: relative;
    line-height: 30px;
    font-size: 22px;
}

.diy_purchase_plan_sub_header_border_top {
    border-top: solid 1px grey;
    padding-top: 20px;
    position: relative;
    line-height: 30px;
    font-size: 22px;
}

.diy_purchase_plan_sub_header_border_bottom {
    border-bottom: solid 1px grey;
    padding-top: 20px;
    position: relative;
    line-height: 30px;
    font-size: 22px;
}

.diy_purchase_plan_cta {
    margin: 20px auto 0px auto;
    width: 200px;
    display: block;
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #548235;
    color: #fff;
    text-align: center;
}

    .diy_purchase_plan_cta:hover {
        cursor: pointer;
        color: #aaaaaa;
    }

.diy_purchase_plan_barn {
    /*background-size: 400px 300px;*/
    padding: 20px;
    margin-bottom: 50px;
    height: 300px;
    width: 300px;
}

.diy_purchase_plan_snow {
    /*background-size: 400px 300px;*/
    padding: 20px;
    position: relative;
    margin-bottom: 50px;
    height: 400px;
    width: 300px;
}

.diy_purchase_plan_golden {
    /*background-size: 400px 300px;*/
    padding: 20px;
    position: relative;
    margin-bottom: 50px;
    height: 440px;
    width: 300px;
}

.diy_banner_right {
    border: none !important;
    padding: 20px;
    height: 400px;
    margin-top: -1550px;
}

.diy_purchase_plan_modal_container {
    display: none !important; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.diy_purchase_plan_modal {
    background-color: #548235;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 30px;
    border: 1px solid #888;
    width: 550px; /* Could be more or less, depending on screen size */
}

.menu_select_modal_container {
    display: none !important; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.menu_select_modal {
    background-color: #548235;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 30px;
    border: 1px solid #888;
    width: 550px; /* Could be more or less, depending on screen size */
    text-align: center;
    color: #ffffff;
}

    .menu_select_modal h2 {
        font-size: 30px;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .menu_select_modal a {
        color: #ffffff;
        font-size: 20px;
        text-decoration: underline;
        line-height: 25px;
        cursor: pointer;
    }

        .menu_select_modal a:hover {
            color: #cccccc;
        }

.diy_purchase_modal_header {
    margin-bottom: 30px;
    color: #fff;
    font-size: 30px;
    text-align: center
}

.diy_purchase_modal_header_underline {
    margin-bottom: 30px;
    text-decoration: underline;
    color: #fff;
    font-size: 30px;
    text-align: center
}

.diy_purchase_modal_disclaimer {
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    width: 500px;
    margin: auto;
}

.diy_purchase_modal_purchase_btn {
    background-color: #fff;
    color: #000;
    font-size: 35px;
    font-weight: bold;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

    .diy_purchase_modal_purchase_btn:hover {
        cursor: pointer;
        color: #aaaaaa;
    }

.diy_purchase_modal_cancel_btn {
    line-height: 100px;
    color: #fff;
    text-decoration: underline;
    font-size: 22px;
}

    .diy_purchase_modal_cancel_btn:hover {
        cursor: pointer;
        color: #aaaaaa;
    }

.diy_purchase_modal_btn_container {
    margin-top: 30px;
    line-height: 100px;
}

.diy_banner_right_p {
    line-height: 40px;
    display: inline !important;
}

.diy_banner_right_b {
    font-weight: bold;
}

.meez_cooler_image {
    padding-top: 20px;
}

.diy_banner_right_header {
    color: black !important;
    padding-bottom: 80px !important;
    font-size: 30px !important;
    width: 500px;
    font-weight: bold;
    transform: rotate(352deg);
    font: after 18px 'Century Gothic W01', 'open_sansregular', Arial, Helvetica, sans-serif;
    margin-left: -50px !important;
    margin-top: 10px !important;
}

/*=============HOMEPAGE HEADER IMAGE====================*/
.homepage_header_img {
    width: 500px;
    margin-left: -12px !important;
    margin-top: 20px;
    margin-bottom: -10px;
}

.homepage_slider_img {
    float: right;
    margin-bottom: 200px;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.recipe-rating {
    font: 14px 'open_sansregular', Arial, Helvetica, sans-serif;
}


/*=============PROMO HEADER====================*/
.promo-banner-area {
    display: flex;
}

.promo-banner-area h2 {
    margin-top: 10px;
    margin-left: 30px;
    font-size: 42px;
}

.promo-banner-area img {
    width: 385px;
}

.promo-area-section{
    margin-top: 50px;
}

.promo-area-section p {
    font-size: 30px;
    margin-right: 85px;
    line-height: 35px !important;
    margin-top: 25px;
}