﻿.downarrowpointer {
    background: none;
}

.rightarrowpointer {
    position: absolute;
    padding-top: 9px;
    left: 100px;
    border: 0;
}

*:first-child + html .rightarrowpointer {
    position: absolute;
    padding-top: 5px;
    left: 100px;
    border: 0;
}

.ddiframeshim {
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}

.banner {
    position: relative;
    box-shadow: 0 0px 5px rgba(1, 1, 1, 0.5);
    -moz-box-shadow: 0 0px 5px rgba(1, 1, 1, 0.5);
    -webkit-box-shadow: 0 0px 5px rgba(1, 1, 1, 0.5);
    behavior: url(PIE.htc);
    z-index: 0;
}

.email_notification {
    border-bottom: 3px double #bfbfbf;
    padding: 15px 0;
}

    .email_notification .left, .email_notification .center {
        width: 300px;
        background: url(/cx/images/mail_seperator01.gif) 100% 50% no-repeat;
        padding-right: 10px;
        float: left;
        text-align: right;
        min-height: 69px;
    }

        .email_notification .left img {
            margin-left: 10px;
        }

    .email_notification .center {
        width: 380px;
        padding: 15px 15px 0 15px;
        text-align: left;
    }

    .email_notification .right {
        width: 290px;
        float: right;
        margin-left: 10px;
        padding-top: 25px;
    }

.accordion_txt {
    line-height: 18px;
    font-size: 13px;
    margin: 15px;
}

    .accordion_txt:last-child {
        margin-bottom: 0;
    }

#divClients {
    color: #a3a3a3;
    font-size: 16px;
    text-transform: uppercase;
    float: left;
    margin: 0px 5px 0px 0px !important;
}

    #divClients td {
        text-align: center;
    }

/* ---------------------- ACCORDION PORTION ---------------------- */
.accordion_panel {
    margin-top: 15px;
}

    .accordion_panel .headerbar.unselect a {
        font-size: 24px;
        color: #fff;
        background: #020000 url(/cx/images/arw1_collapse.png) 5px 50% no-repeat;
        border: 1px solid #020000;
        padding: 3px 3px 3px 1.3em;
        display: block;
        margin-top: 2px;
    }

    .accordion_panel .headerbar.select a {
        font-size: 24px;
        color: #fff;
        background: #020000 url(/cx/images/arw1_expand.png) 5px 50% no-repeat;
        border: 1px solid #020000;
        padding: 3px 3px 3px 1.3em;
        display: block;
        margin-top: 2px;
    }

.submenu {
    border: 1px solid #020000;
    border-top: 0;
}

/* ---------------------- VERTICAL SLIDER ---------------------- */
/*
.scroll_div{background: White; margin-top:15px; padding:35px; position:relative;}
.scroll_img{float:left; margin:0 15px 5px 0;}
*/

.scroll_div {
    background: White;
    margin-top: 20px;
    position: relative;
}

.scroll_img {
    float: left;
    margin: 0 15px 0 0;
}

b, strong, strong a {
    font-size: inherit;
    font-weight: bold;
    font-family: inherit;
}

#divMycustomscroll {
    /* Typical fixed height and fixed width example */
    height: 200px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #ebebeb;
}

#divMycustomscroll1 {
    /* Typical fixed height and fixed width example */
    height: 267px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: White;
}

.contentwrapper {
    color: #666;
    font-size: 17px;
    line-height: 22px;
}

.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.vscrollerbar {
    background: url(/cx/images/drag_bg1.jpg) 0 0 no-repeat;
    width: 10px;
    height: 21px !important;
}

.vscrollerbarbeg {
    background: url(/cx/images/drag_bg1.jpg) 0 0 no-repeat;
    width: 10px;
    height: 16px !important;
}

.vscrollerbarend {
    background: url(/cx/images/drag_bg1.jpg) 0 0 no-repeat;
    width: 10px;
    height: 5px !important;
}

.vscrollerbase {
    background: url(/cx/images/slider_bg1.png) 0 0 no-repeat;
    width: 10px;
}

#divMycustomscroll {
    background: none;
    height: 200px;
    margin-top: 40px;
}

    #divMycustomscroll .title {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #divMycustomscroll .vscrollerbar {
        background: url(/cx/images/drag_bg2.jpg) 0 0 no-repeat;
        width: 10px;
        height: 21px !important;
    }

    #divMycustomscroll .vscrollerbarbeg {
        background: url(/cx/images/drag_bg2.jpg) 0 0 no-repeat;
        width: 10px;
        height: 16px !important;
    }

    #divMycustomscroll .vscrollerbarend {
        background: url(/cx/images/drag_bg2.jpg) 0 0 no-repeat;
        width: 10px;
        height: 5px !important;
    }

    #divMycustomscroll .vscrollerbase {
        background: url(/cx/images/slider_bg2.png) 0 0 no-repeat;
        width: 10px;
    }

    #divMycustomscroll .contentwrapper, #divMycustomscroll b {
        color: #a09e9f;
        font-size: 14px;
    }

/* ---------------------- PRODUCT LISTING PAGE ---------------------- */
.product_listing {
}

    .product_listing h3 {
        padding-bottom: 5px;
        background: url(/cx/images/h3_bg.jpg) 0 50% repeat-x;
    }

        .product_listing h3 span {
            font-size: 30px;
            background: #fff;
            padding-right: 10px;
            font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif;
        }

/*.list_view_container{width:755px; margin:10px auto 0; position:relative;}*/
/*.list_view_container{width:930px; margin:10px auto 0; position:relative; border:solid 1px black;}*/
.list_view_container {
    width: 100%;
    margin: 10px auto 0;
    position: relative;
}

/*.list_view{width:184px; height:200px; float:left; margin-right:5px; padding-bottom:30px; display:inline-block; text-align:center; position:relative;}*/
.list_view {
    width: 249px;
    height: 200px;
    float: left;
    margin-right: 5px;
    padding-bottom: 30px;
    display: inline-block;
    text-align: center;
    position: relative;
}

    .list_view * {
        position: relative;
        z-index: 1;
    }

    .list_view.fourth, .showcase_box.third {
        margin-right: 0;
    }

    .list_view .quick_shop {
        margin: 0 10px 5px 10px;
        padding: 2px 30px;
        background: #000;
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        cursor: pointer;
    }

        .list_view .quick_shop:hover {
            color: #cbb778;
        }

    .list_view .title {
        color: Black !important;
        margin: 0 31px;
        display: block;
        font-size: 13px;
    }

        .list_view .title:hover, .body_right .more_prod_desc .pre_title:hover, .celebr_content a:hover, .press_release a:hover, .news_content a:hover {
            text-decoration: underline;
        }

    .list_view .price {
        font-weight: bold;
        display: block;
    }

.yes {
    visibility: visible;
}

.no {
    visibility: hidden;
}

/* ---------------- QUICK SHOP PANEL -----------------*/
/*width:450px; left:0; top:0; z-index:2; background:#fff; padding:20px; box-shadow:5px 5px 5px rgba(1, 1, 1, 0.5); -moz-box-shadow:5px 5px 5px rgba(1, 1, 1, 0.5); -webkit-box-shadow:5px 5px 5px rgba(1, 1, 1, 0.5); behavior:url(PIE.htc);*/
/*.quick_popup, #thank_you {width:32%; left:33%; top:30%; z-index:2; background:#fff; padding:10px; box-shadow:3px 3px 9px rgba(0, 0, 0, 0.3); position:fixed;}*/
/*.quick_popup, #thank_you {width:450px; left:33%; top:30%; z-index:2; background:#fff; padding:10px; box-shadow:3px 3px 9px rgba(0, 0, 0, 0.3); position:fixed;}*/

.quick_popup, #thank_you {
    width: 450px;
    left: 33%;
    top: 30%;
    z-index: 2;
    background: #fff;
    padding: 10px;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
    position: fixed;
}

.oldie .quick_popup {
    border: 5px solid #e2e2e2;
}

.popup_close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1003;
    background: url(/cx/images/popup_close.gif) 0 0 no-repeat;
    display: block;
    width: 15px;
    height: 15px;
}

.quick_popup .info {
    border-bottom: 1px solid #404040;
    padding-bottom: 10px;
}

.quick_popup .img_preview {
    width: 37%; /*184px;*/
    float: left;
    margin-right: 6px;
}

    .quick_popup .img_preview img, .list_view img {
        width: 170px;
    }

.quick_popup .txt_preview {
    width: 61%; /*260px;*/
    float: left;
    text-align: left;
}

.quick_popup .pre_title {
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.quick_popup .pre_price {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.quick_popup .pre_text {
    font-size: 11px;
    line-height: 16px;
    margin-top: 30px;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

    .quick_popup .pre_text ul {
        padding-left: 25px
    }

    .quick_popup .pre_text li {
        list-style-type: disc;
    }

.quick_popup .error_text {
    color: Red;
    font-weight: bold;
}

.see_more {
    font-size: 11px;
    text-decoration: underline;
    margin-top: 15px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.color_pallette .txt {
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
}

.color_pallette .colors a {
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    display: inline-block;
    margin-bottom: 2px;
    text-align: left;
}

    .color_pallette .colors a.select, .color_pallette .colors a:hover {
        border: 3px solid #cbb778;
    }

.option_div .txt {
    line-height: 15px;
    text-align: left;
    vertical-align: middle;
}

.option_div .options a {
    width: 70px;
    height: 15px;
    border: solid 1px Black;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
}

    .option_div .options a.select, .option_div .options a:hover {
        border: 3px solid #cbb778;
    }

.quick_popup .cmb_bx, .order .cmb_bx {
    width: 50px;
    padding: 3px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.quick_popup .add_bag, .body_left .add_bag {
    background: #cbb778;
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.quick_popup .unavailable_add_bag {
    background: Silver;
    padding: 5px 10px;
    font-size: 11px;
    color: Black;
    vertical-align: middle;
    cursor: default;
}

/* popup colors and options */
.quick_popup .option_text {
    background-position: center;
    color: Black;
    background-color: White;
    border-style: solid;
    border-width: 1px;
    margin: 5px 5px 5px 5px;
}

.quick_popup .unavailable_option {
    background-position: center;
    color: Black;
    background-color: Silver;
    border-style: solid;
    border-width: 1px;
    margin: 5px 5px 5px 5px;
}

.quick_popup .unavailable_color {
    background: url(/cx/images/unavailable_gold_x.png);
    display: inline-block;
    background-position: center;
    z-index: 9999;
    width: 20px;
    height: 20px;
}

.quick_popup .available_color {
    background: url(/cx/images/blank_overlay_29x29.png);
    display: inline-block;
    background-position: center;
    z-index: 9999;
    width: 20px;
    height: 20px;
}

.quick_popup .browpen_deep {
    background: url(/cx/imagesMakeup/BrowPen-Swatch-Deep.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .browpen_light {
    background: url(/cx/imagesMakeup/BrowPen-Swatch-Light.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_xtreme_black {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-XtremeBlack.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_midnight_blue {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-MidnightBlue.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_plum {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Plum.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_xpresso {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Xpresso.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_golden_olive {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-GoldenOlive.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_black_pearl {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-BlackPearl.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_graphite {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Graphite.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_velvet_teal {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-VelvetTeal.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_truffle {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Truffle.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_rose_gold {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-RoseGold.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_sapphire {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Sapphire.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_cognac {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Cognac.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .glideliner_xtreme_gold {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Xtreme-Gold.png);
    background-position: center;
    z-index: 1;
}

.quick_popup .skin_renewing_concealer_neutral {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Neutral.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .skin_renewing_concealer_fair {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Fair.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .skin_renewing_concealer_beige {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Beige.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .skin_renewing_concealer_mocha {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Mocha.jpg);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_aquamarine {
    background: url(/cx/imagesMakeup/BodyCrystal-Aquamarine-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_crystal {
    background: url(/cx/imagesMakeup/BodyCrystal-Crystal-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_jet {
    background: url(/cx/imagesMakeup/BodyCrystal-Jet-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_light_rose {
    background: url(/cx/imagesMakeup/BodyCrystal-Light-Rose-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_light_siam {
    background: url(/cx/imagesMakeup/BodyCrystal-Light-Siam-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_peridot {
    background: url(/cx/imagesMakeup/BodyCrystal-Peridot-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_sapphire {
    background: url(/cx/imagesMakeup/BodyCrystal-Sapphire-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.quick_popup .bodycrystal_topaz {
    background: url(/cx/imagesMakeup/BodyCrystal-Topaz-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}
/* popup colors and options */

/* ---------------- SINGLE PRODUCT -----------------*/
.single_product table {
    width: 500px;
    border: none 1px black;
    width: 500px;
}

.single_product .pre_title {
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.single_product .pre_price {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.single_product .pre_img {
    height: 250px;
    width: 250px;
}

.single_product .add_bag {
    background: #cbb778;
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.single_product .unavailable_add_bag {
    background: Silver;
    padding: 5px 10px;
    font-size: 11px;
    color: Black;
    vertical-align: middle;
    cursor: default;
}

.single_product .unavailable_option {
    background-position: center;
    color: Black;
    background-color: Silver;
    border-style: solid;
    border-width: 1px;
    margin: 5px 5px 5px 5px;
}

.single_product .unavailable_color {
    background: url(/cx/images/unavailable_gold_x.png);
    display: inline-block;
    background-position: center;
    z-index: 9999;
    width: 20px;
    height: 20px;
}

.single_product .available_color {
    background: url(/cx/images/blank_overlay_29x29.png);
    display: inline-block;
    background-position: center;
    z-index: 9999;
    width: 20px;
    height: 20px;
}

.single_product .error_text {
    color: Red;
    font-weight: bold;
}

.single_product .text_link {
    vertical-align: middle;
    font-size: 12px;
    text-decoration: underline;
    font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
}

.single_product .pre_text {
    vertical-align: middle;
    font-size: 12px;
    font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
}

/* ---------------- APPLICATION PRODUCTS -----------------*/
.showcase_div {
    padding: 10px 50px 0;
}

h1, h1 pre {
    color: #d5c591;
    font-size: 60px;
    line-height: 60px;
    margin: 0 0 12px 3px;
}

    h1 br {
        line-height: 0;
        height: 0;
        overflow: hidden;
    }

h2 {
    color: #4e4a4a;
    font-size: 28px;
    line-height: 36px;
    margin: 0 5px 0 3px;
}

h4 {
    background: #e6e7e8;
    padding: 0 10px 0 23px;
    color: #4e4a4a;
    font-size: 36px;
    margin: 20px 5px 14px 2px;
}

/*p{color:#161616; font-size:20px; line-height:24px; margin-top:20px;}*/

.showcase_left, .showcase_right1 {
    width: 665px;
    float: left;
    padding: 0 10px 0 5px;
}

.showcase_right, .showcase_left1 {
    width: 230px;
    padding-right: 10px;
    float: right;
    text-align: center;
}

.showcase_left p, .showcase_left p a, .showcase_right1 p, .bullet01 li, .bullet01 li a {
    color: #4e4a4a;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 20px;
}

    .showcase_left p a {
        margin: 0;
    }

    .showcase_left p:last-child, .showcase_right1 p:last-child {
        margin-bottom: 34px;
    }

.showcase_right1 {
    float: right;
    padding: 0 5px 0 10px;
}

.showcase_left1 {
    float: left;
    padding: 0 0 0 10px;
}

.showcase_box {
    width: 220px;
    float: left;
    margin: 30px;
    text-align: center;
}

    .showcase_box .product_img {
        margin-bottom: 15px;
    }

    .showcase_box .link_txt, .breadcrumb a, .breadcrumb_icon a {
        background: #fff url(/cx/images/arw3.png) 98% 50% no-repeat;
        border: 1px solid #c9c9cb;
        width: 175px;
        height: 21px;
        line-height: 19px;
        font-size: 11px;
        color: #939395;
        display: inline-block;
    }

        .showcase_box .link_txt:hover, .breadcrumb a:hover, .breadcrumb a.select, .breadcrumb_icon a:hover, .breadcrumb_icon a.select {
            background: #949599 url(/cx/images/arw4.png) 98% 50% no-repeat;
            color: #fff;
        }

.breadcrumb_icon {
    margin-bottom: 30px;
}

.breadcrumb_icon {
    height: 130px;
}

    .breadcrumb a, .breadcrumb_icon a {
        display: inline-block;
        width: 110px;
        text-align: center;
    }

        .breadcrumb a span.thumb_img, .breadcrumb_icon a span.thumb_img {
            width: 120px;
            height: 110px;
            text-align: center;
            margin: 15px auto 0;
            display: block;
        }

.bullet01 {
    margin: 0 0 20px 30px;
}

    .bullet01 li {
        background: url(/cx/images/bullet01.gif) 0 10px no-repeat;
        padding-left: 15px;
        margin-bottom: 0;
    }

/* ------------------- SITEMAP -------------------- */
.sitemap_title {
    font-size: 14px;
    color: #58595b;
    font-weight: bold;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.sitemap_title_link {
    font-size: 14px;
    color: #58595b;
    font-weight: bold;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    text-decoration: underline;
}

.sitemap_link_bold {
    font-size: 12px;
    color: #58595b;
    font-weight: bold;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.sitemap_link {
    font-size: 12px;
    color: #58595b;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

/* ------------------- PRODUCT DETAILS PAGE -------------------- */
.body_left {
    width: 710px;
    margin: 30px 35px 30px 30px;
    float: left;
}

    .body_left .desc_left {
        width: 330px;
        float: left;
        text-align: center;
    }

        .body_left .desc_left img.pre_img {
            margin: 0 auto 20px auto;
            display: block;
        }

    .body_left .pre_title {
        font-size: 18px !important;
        color: #58595b;
        font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .body_left h1 {
        font-size: 30px;
        color: #58595b;
    }

    .body_left .pre_price {
        font-size: 14px !important;
        font-weight: bold;
        font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif !important;
    }

    .body_left .pre_text {
        margin-top: 0;
    }

        .body_left .pre_text ul {
            padding-left: 25px
        }

        .body_left .pre_text li {
            list-style-type: disc;
            font-size: 13px;
            line-height: 18px;
            font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
        }

        .body_left .pre_text p {
            font-size: 13px;
            line-height: 18px;
            margin-top: 15px;
            font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
        }

    .body_left .color_pallette, .body_left .order, .body_left .info {
        margin-top: 20px;
    }

        .body_left .color_pallette .colors {
            padding-top: 10px;
        }

    .body_left .option_div, .body_left .order, .body_left .info {
        margin-top: 20px;
    }

        .body_left .option_div .options {
            padding-top: 10px;
        }

        .body_left .order .box1, .body_left .order .box2, .body_left .order .box3 {
            float: left;
            width: 33%;
            vertical-align: middle;
        }

        .body_left .order .box2 {
            text-align: center;
        }

        .body_left .order .box3 {
            text-align: right;
        }

    .body_left .error_text {
        color: Red;
        font-weight: bold;
    }

    .body_left .info {
        border: 1px solid #eeefef;
        background: #fff;
        padding: 10px;
        padding-bottom: 0;
    }

.less_info, .more_info, .less_info1, .more_info1 {
    background: url(/cx/images/arw5.png) 0 30% no-repeat;
    padding: 0 0 7px 12px;
    color: #4c2432;
    font-size: 13px;
    display: block;
    font-size: 11px;
    cursor: pointer;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.more_info, .more_info1 {
    background: url(/cx/images/arw6.png) 0 30% no-repeat;
}

.bullet02, .bullet03 {
    padding: 5px 0 10px 0;
    border-top: 1px solid #eeefef;
}

    .bullet02 li {
        background: url(/cx/images/bullet02.gif) 0 10px no-repeat;
        padding-left: 10px;
        line-height: 20px;
        color: #828384;
        font-size: 11px;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    .bullet03 li {
        line-height: 20px;
        color: #828384;
        font-size: 11px;
    }

.collapse_body {
    padding: 5px 0 10px 0;
}

    .collapse_body ul {
        padding-left: 14px
    }

    .collapse_body li {
        list-style: disc;
    }

.body_left .desc_right {
    width: 360px;
    float: left;
    margin-left: 20px;
}

.body_right {
    width: 200px;
    margin: 30px 10px 0 0;
    padding-left: 20px;
    float: left;
    border-left: 1px solid #a59198;
}

    .body_right .title {
        color: #4c2432;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .body_right .more_prod_container, .we_love_title {
        margin-bottom: 25px;
    }

    .body_right .more_prod_img {
        width: 100px;
        float: left;
        margin-right: 10px;
    }

        .body_right .more_prod_img img {
            width: 100px;
            border: solid 1px Black;
        }

    .body_right .more_prod_desc {
        width: 80px;
        float: left;
        padding-top: 10px;
    }

        .body_right .more_prod_desc .pre_title, .body_right .more_prod_desc .pre_price {
            font-size: 11px;
            margin-bottom: 5px;
            display: block;
            font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
        }

        .body_right .more_prod_desc .pre_price {
            font-weight: bold;
            font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
        }

.learn_more {
    background: url(/cx/images/arw6.png) 100% 50% no-repeat;
    color: #4c2432;
    padding-right: 10px;
    margin-top: 15px;
    display: inline-block;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.unavailable_add_bag {
    background: Silver;
    padding: 5px 10px;
    font-size: 11px;
    color: Black;
    vertical-align: middle;
    cursor: default;
}

.unavailable_color {
    background: url(/cx/images/unavailable_gold_x.png);
    display: inline-block;
    background-position: center;
    z-index: 9999;
    width: 20px;
    height: 20px;
}

.available_color {
    background: url(/cx/images/blank_overlay_29x29.png);
    display: inline-block;
    background-position: center;
    z-index: 9999;
    width: 20px;
    height: 20px;
}

/* ------------------------ JO's INSIGHT POPUP ----------------------- */
#divJos_insight {
    background: #fff url(/cx/images/jo_popup_bg.gif) 0 100% repeat-x;
    width: 450px;
    height: 250px;
    padding: 15px;
    position: relative;
}

    #divJos_insight .jos_img {
        margin: 0 auto;
        display: block;
        position: absolute;
        width: 450px;
        height: 148px;
        top: 3px;
        z-index: 2;
    }

.insight_left {
    width: 215px;
    float: left;
    padding-top: 10px;
    margin: 125px 0 12px 5px;
}

.insight_right {
    width: 215px;
    float: right;
    padding-top: 10px;
    margin: 125px 0 12px;
}

.insight_title {
    color: #ccb67a;
    font-size: 15px;
}

.insight_txt {
    color: #959597;
    font-size: 13px;
    line-height: 18px;
}

.ui-effects-transfer {
    border: 2px dotted gray;
}

#divJos_insight .txt_bx1 {
    width: 97px;
    height: 16px;
    border: 1px solid #b6b6b6;
    padding: 3px;
    color: #999;
    margin-right: 9px;
    vertical-align: middle;
}

#divJos_insight .txt_bx2 {
    width: 140px;
    height: 16px;
    border: 1px solid #b6b6b6;
    padding: 3px;
    color: #999;
    margin-right: 9px;
    vertical-align: middle;
}

/* ------------------------ DIRECTORY PAGE ----------------------- */
#directory {
    background: #a59f8f;
    padding: 15px 110px;
}

    #directory .email_notification {
        padding: 5px 0;
        border: 0;
        background: #fff;
    }

        #directory .email_notification .left {
            width: 390px;
            background: url(/cx/images/mail_seperator02.gif) 100% 50% no-repeat;
            padding-right: 20px;
            float: left;
            text-align: right;
            min-height: 60px;
        }

        #directory .email_notification .right {
            width: 385px;
            float: right;
            padding-top: 15px;
            margin-left: 25px;
        }

    #directory .txt_bx1 {
        width: 100px;
        margin: 0 2px 2px 0;
        font-size: 10px;
        padding: 2px;
    }

    #directory .txt_bx2 {
        width: 130px;
        margin-bottom: 0;
    }

    #directory .join_now {
        font-size: 13px;
    }

    #directory h1 {
        color: #fff;
        font-size: 47px;
        line-height: 48px;
        margin-bottom: 0;
        text-align: center;
    }

    #directory h5 {
        color: #5e5b4a;
        font-size: 17px;
        text-align: center;
    }

    #directory .body_portion {
        padding-top: 10px;
    }

#locatorIframe {
    background: #fff;
    margin: 15px 0;
}

#directory p, #directory p a {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    margin-top: 0;
}

/* ---------------------- WHAT TO EXPECT ------------------------- */
#divWhat_to_expect, #divWhat_to_expect .scroll_div {
    background: #020000;
    margin: 0;
}

#divWhat_to_expect {
    padding: 20px 35px 35px 35px;
}

    #divWhat_to_expect .video {
        width: 470px;
        float: left;
        margin-right: 30px;
    }

    #divWhat_to_expect .right_panel {
        width: 370px;
        float: right;
    }

/* ---------------- CELEB PAGE ----------------------- */
.celeb_left, .celeb_right {
    width: 440px;
    float: left;
    margin-top: 30px;
}

.celeb_right {
    float: right;
}

    .celeb_left .title, .celeb_right .title {
        color: #fff;
        font-size: 23px;
        background: #cbb778;
        padding: 5px;
        margin-bottom: 15px;
    }

.celeb_left .news_left {
    width: 110px;
    margin-right: 10px;
    float: left;
}

    .celeb_left .news_left img {
        border: 1px solid #dfdfdf;
        padding: 4px;
        width: 100px;
        height: 100px;
    }

.celeb_left .news_right {
    width: 320px;
    float: right;
}

.news_title {
    color: #58595b;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 900;
}

.news_txt {
    color: #58595b;
    font-size: 13px;
    height: 80px;
    line-height: 16px;
    overflow: hidden;
}

.news_right a.style {
    padding: 5px 20px 5px 10px;
    border: 2px solid #cbb778;
    color: #cbb778;
    background: url(/cx/images/top_arw4.gif) 95% 50% no-repeat;
    display: inline-block;
    margin-top: 5px
}

.archives li {
    padding: 5px;
    background: #fff url(/cx/images/arw3.png) 95% 50% no-repeat;
}

    .archives li a {
        font-size: 14px;
        font-weight: 900;
        color: #959595;
    }

    .archives li.alt {
        background: #ebebeb url(/cx/images/arw3.png) 95% 50% no-repeat;
    }

/* --------------------------- SHOPPING CART ---------------------------- */
.summary_result {
    margin: 50px auto;
    width: 790px;
}

.summary_result_crt_checkout {
    margin: 10px auto;
    width: 720px;
}

.summary_result_crt {
    margin: 10px auto;
    width: 960px;
}

.summary_result_checkout {
    margin: 10px auto;
    width: 790px;
}

.summary_result h1 {
    text-align: center;
}

.order_table, .price {
    margin-bottom: 10px;
}

.heading td {
    background: #161616;
    border: 1px solid #7D7F7C;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.headingtotal td {
    border: 1px solid #7D7F7C;
    color: #000;
    font-weight: bold;
    padding: 5px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.qty_bx {
    width: 30px;
    padding: 2px;
    border: 1px solid #bcbcbc;
}

.receipt_summary_result_crt {
    margin: 10px auto;
    width: 600px;
}

.receipt_heading td {
    border: 1px solid #7D7F7C;
    padding: 5px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.receipt_headingtotal td {
    border: 1px solid #7D7F7C;
    padding: 5px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.list1 td, .list2 td, .row2 {
    background: #fff;
    font-size: 13px;
    border: 1px solid #7D7F7C;
    padding: 5px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.list2 td {
    background: #dcdcdc;
}

.total td {
    background: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.info td {
    font-size: 15px;
    padding: 5px 0;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.return {
    font-size: 18px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    margin: 15px 0 10px 0;
    display: inline-block;
}

.continue_shopping {
    background: url(/cx/images/continue_shopping.jpg) 0 0 no-repeat;
    width: 118px;
    height: 18px;
    display: inline-block;
}

.day, .terms_cond a {
    color: #1931ae;
    font-family: inherit;
}

.btn01 {
    background: #ded2a2 url(/cx/images/btn01.gif) 0 100% repeat-x;
    border: 1px solid #C3BCA2;
    color: #fff;
    font-size: 18px;
    padding: 5px 25px;
    margin-top: 15px;
    margin-right: 25px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.btnctnshp {
    background: #161616;
    border: 1px solid #C3BCA2;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    margin-top: 15px;
    margin-right: 25px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.btn02 {
    background: #ded2a2 url(/cx/images/btn01.gif) 0 100% repeat-x;
    height: 53px;
    border: 1px solid #C3BCA2;
    color: #fff;
    font-size: 18px;
    line-height: 53px;
    padding: 0 40px;
    margin-top: 15px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.chk_bx {
    vertical-align: middle;
    margin-right: 5px;
}

#bill_info {
    margin-top: 50px;
}

    #bill_info .summary_box {
        padding: 0px;
        border: 0px solid #c7c7c7;
        min-height: 400px;
        height: 400px;
        height: auto !important;
    }

    #bill_info .box01 {
        float: left;
        width: 50%;
    }

    #bill_info .box02 {
        float: left;
        width: 49%;
        margin-left: 1%;
    }

    #bill_info h2 {
        color: #ab9549;
        font-size: 18px;
        line-height: 30px;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
        margin: 0 0 10px 0;
    }

    #bill_info h3 {
        color: #ab9549;
        font-size: 16px;
        margin: 0 0 10px;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    #bill_info p, #bill_info .info_txt {
        color: #ab9549;
        font-size: 13px;
        margin: 0 0 10px 0;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
        line-height: 18px;
    }

    #bill_info .info_txt {
        margin-bottom: 0;
        margin: 0 5px;
        display: inline-block;
        font-size: 11px;
    }

    #bill_info .form_label {
        vertical-align: middle;
        text-align: right;
        font-size: 10px !important;
    }

    #bill_info .form_field {
        vertical-align: top;
        font-size: 12px;
    }

    #bill_info .billing_form {
        padding: 20px 20px !important;
    }

.billing_form {
    padding: 20px 53px 20px 53px !important;
}

    .billing_form .title_info {
        margin-left: 28%;
    }

    .billing_form td {
        padding: 5px;
        color: #333;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    .billing_form .form_label {
        vertical-align: middle;
        text-align: right;
        font-size: 14px !important;
    }

    .billing_form .form_data {
        vertical-align: middle;
        font-size: 16px !important;
    }

    .billing_form .form_field {
        vertical-align: top;
        font-size: 12px;
    }
    /*.billing_form .form_field{vertical-align:top; font-size:12px; padding: 2px; border: 1px solid #bcbcbc;}*/
    .billing_form .txt_bx1 {
        width: 210px;
        padding: 2px;
        border: 1px solid #bcbcbc;
    }

    .billing_form .txt_bx2 {
        width: 100px;
        padding: 2px;
        border: 1px solid #bcbcbc;
    }

    .billing_form .txt_bx {
        width: 60px;
        padding: 2px;
        border: 1px solid #bcbcbc;
    }

    .billing_form .cmb_bx1, .billing_form .cmb_bx2, .billing_form .cmb_bx3, .billing_form .cmb_bx4 {
        width: 170px;
        padding: 2px;
        border: 1px solid #bcbcbc;
    }

    .billing_form .cmb_bx2 {
        width: 190px;
    }

    .billing_form .cmb_bx3 {
        width: 100px;
    }

    .billing_form .cmb_bx4 {
        width: 60px;
    }

    .billing_form .cmb_bx {
        width: 215px;
        padding: 2px;
        border: 1px solid #bcbcbc;
    }

    .billing_form .cmb_bx_free {
        padding: 2px;
        border: 1px solid #bcbcbc;
    }

    .billing_form .error_text {
        color: Red;
        font-weight: bold;
    }

    .billing_form h1 {
        color: Black;
        font-size: 24px !important;
        line-height: 20px !important;
        font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
        margin: 0 0 10px 0;
    }

    .billing_form h2 {
        color: Black;
        font-size: 20px !important;
        line-height: 20px !important;
        font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
        margin: 0 0 10px 0;
    }

    .billing_form h3 {
        color: Black;
        font-size: 18px !important;
        line-height: 20px !important;
        font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
        margin: 0 0 10px 0;
    }

    .billing_form li {
        list-style-type: disc;
        margin-left: 20px;
        vertical-align: middle;
        font-size: 14px !important;
        font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .billing_form .text_body {
        vertical-align: middle;
        font-size: 14px;
        font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .billing_form .text_link {
        vertical-align: middle;
        font-size: 14px;
        text-decoration: underline;
        font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .billing_form .text_bold {
        vertical-align: middle;
        font-size: 22px !important;
        font-family: HelveticaNeue Light, Arial, Verdana, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .billing_form .text_italics {
        vertical-align: middle;
        font-size: 14px;
        font-style: italic;
        font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .billing_form .text_bold_italics {
        vertical-align: middle;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        font-family: Arial, Verdana, HelveticaNeue Light, HelveticaNeue Thin, SwissThin, Helvetica, sans-serif !important;
    }

    .billing_form .image_inline {
        border: solid 1px grey;
        margin: 5px 5px 5px 5px;
    }

.payment_icons {
    margin-top: 10px;
}

    .payment_icons img {
        margin: 0 10px 10px 0;
    }

#tt {
    position: absolute;
    display: block;
    background: #444;
    padding: 15px;
    border-radius: 10px;
}

#ttcont {
    color: #fff;
}

#bill_info .terms_txt p {
    color: #333;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
}

    #bill_info .terms_txt p.important {
        color: #000;
    }

.txt_area1 {
    width: 450px;
    border: 1px solid #383838;
    padding: 5px;
    overflow: auto;
    font-size: 14px;
    vertical-align: middle;
}

.billing_form .txt_area1 {
    border: 1px solid #bcbcbc;
}

.terms_cond {
    margin: 10px 0 10px 0;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

    .terms_cond b {
        font-weight: bold;
    }

    .terms_cond img {
        vertical-align: middle;
    }

.last {
    border-bottom: 0;
    margin-bottom: 0;
}

.submit_btn {
    background: url(/cx/images/submit_btn.jpg) 0 0 no-repeat;
    width: 54px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
}

.reset_btn {
    background: url(/cx/images/reset_btn.jpg) 0 0 no-repeat;
    width: 45px;
    height: 18px;
    display: inline-block;
}

.fgrPass {
    color: #a6a6a6;
    font-size: 13px;
    margin: 0 0 10px 0;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    line-height: 14px;
    text-decoration: underline;
}

.helpClick {
    color: #a6a6a6;
    font-size: 13px;
    margin: 0 0 10px 0;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    line-height: 14px;
    text-decoration: underline;
    cursor: pointer;
}

/* -------------------- ABOUT JO PAGE -------------------- */
#about_jo {
    margin: 40px 10px 10px;
}

    #about_jo h1 {
        color: #cbb778;
        font-size: 58px;
    }

    #about_jo h2, #what_expect h2 {
        color: #444546;
        font-size: 26px;
        line-height: 30px;
    }

    #about_jo h3, #what_expect h3 {
        color: #cbb778;
        font-size: 48px;
        margin: 50px 10px 0;
    }

    #about_jo p, #what_expect p {
        color: #58585a;
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 30px 10px;
    }

.jo_img {
    width: 250px;
    float: left;
    margin-right: 5px;
}

.jo_intro {
    float: left;
    padding-top: 50px;
}

#about_jo .box01, #what_expect .box01 {
    width: 490px;
    float: left;
    margin-top: 30px;
}

#about_jo .box02, #what_expect .box02 {
    width: 500px;
    float: left;
    margin-top: 30px;
}

/* -------------------- CELEBRITIES PAGE -------------------- */
.celebr_title {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

.celebr_content, .celebr_content a, .press_release, .press_release a, .news_content, .news_content a {
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

    .celebr_content a, .press_release a, .news_content a {
        color: #00e;
    }

.press_release {
    margin-top: 10px;
}

.celebr_image, .news_image {
    text-align: center;
    padding-top: 20px;
    font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
}

em {
    font-style: italic;
    font-size: inherit;
    font-family: inherit;
}

.news_content, .news_image {
    text-align: left;
}

.press_div {
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

.txt_center {
    text-align: center;
}

    .txt_center img {
        margin-bottom: 20px;
    }

.img_container {
    min-height: 200px;
    height: 200px;
    height: auto !important;
    margin-right: 30px;
    display: inline-block;
    font-size: 14px;
    color: #111;
}

/* ------------------------ WHAT TO EXPECT PAGE --------------------- */
#body.what_expect {
    padding: 0;
}

#what_expect .container01 {
    padding: 205px 30px 0 630px;
    height: 455px;
    background: #fff url(/cx/images/what_to_expect.jpg) 0 0 no-repeat;
}

#what_expect h1 {
    color: #6d6e71;
    font-size: 75px;
    text-transform: uppercase;
}

#what_expect .search_txt {
    color: #6d6e71;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}

#what_expect .txt_bx1 {
    width: 250px;
    padding: 4px 5px;
    vertical-align: middle;
    margin-right: 5px;
    border: 1px solid #a7a9ac;
    color: #888;
}

#what_expect .search_btn {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    background: url(/cx/images/top_arw2.gif) 100% 50% no-repeat;
}

#what_expect .discover_txt {
    font-size: 29px;
    text-align: center;
    color: #585858;
    line-height: 34px;
    padding: 0 120px;
}

    #what_expect .discover_txt a {
        color: #cbb778;
        font-size: inherit;
        text-decoration: underline;
    }

#what_expect h3 {
    text-transform: uppercase;
}

#what_expect h2 {
    padding-left: 10px;
    margin: 0 0 15px 0;
}

#what_expect .box01 {
    width: 490px;
    margin-right: 20px;
}

#what_expect .box02 {
    width: 530px;
}

#what_expect .txt_center {
    margin-top: 30px;
}

/* ------------------------ THANK YOU --------------------- */
#thank_you, #thank_you1 {
    z-index: 9999;
}

    #thank_you .left_container, #thank_you1 .left_container {
        width: 65%;
        float: left;
    }

    #thank_you .right_container, #thank_you1 .right_container {
        width: 35%;
        float: right;
    }

    #thank_you h2, #thank_you1 h2 {
        margin-bottom: 15px;
    }

#thank_you {
    border: 5px solid #e2e2e2;
}

    #thank_you .center_container, #thank_you1 .center_container {
        text-align: center;
        font-size: 14px;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

.popup_close1 {
    background: #cbb778;
    padding: 5px 10px;
    margin: 15px 0;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    vertical-align: middle;
}

/*.hidden_link{display:none;}*/

/*----------receipt body------------*/
.receiptbody {
    margin: 20px 210px;
}

    .receiptbody .printview {
        padding: 10px 0px;
        width: 600px;
    }

    .receiptbody .orderdetail {
        padding: 5px 0px;
        color: #161616;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    .receiptbody .orderno {
        float: left;
    }

    .receiptbody .orderdat {
        float: right;
        margin-right: 10px;
    }

    .receiptbody .details {
        padding: 10px 0px;
        color: #161616;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    .receiptbody .notes {
        float: left;
    }

        .receiptbody .notes p {
            color: #161616;
            font-size: 14px;
            line-height: 16px;
            margin-top: 5px;
        }

    .receiptbody .barcode {
        float: right;
        margin-right: 10px;
    }

    .receiptbody .maildetails {
        Padding: 10px 0px;
        border-bottom: 1px solid;
    }

/*----------receipt body------------*/
.receiptbody_print {
    margin: 10px 10px
}

    .receiptbody_print .printview {
        padding: 10px 0px;
        width: 600px;
    }

    .receiptbody_print .orderdetail {
        padding: 5px 0px;
        color: #161616;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    .receiptbody_print .orderno {
        float: left;
    }

    .receiptbody_print .orderdat {
        float: right;
        margin-right: 10px;
    }

    .receiptbody_print .details {
        padding: 10px 0px;
        color: #161616;
        font-family: Arial, Verdana, HelveticaNeue Thin, HelveticaNeue Light, SwissThin, Helvetica, sans-serif;
    }

    .receiptbody_print .notes {
        float: left;
    }

        .receiptbody_print .notes p {
            color: #161616;
            font-size: 14px;
            line-height: 16px;
            margin-top: 5px;
        }

    .receiptbody_print .barcode {
        float: right;
        margin-right: 10px;
    }

    .receiptbody_print .maildetails {
        Padding: 10px 0px;
        border-bottom: 1px solid;
    }

.maildetails {
    Padding: 10px 0px;
    border-bottom: 1px solid;
}

.ordersummary {
    Padding: 10px 0px;
}

.divreceiptsummaryresult {
    width: 710px;
}

.shptyp {
    color: #ab9549;
    font-family: inherit;
}

/*------------color pickers-----------*/
.browpen_deep {
    background: url(/cx/imagesMakeup/BrowPen-Swatch-Deep.gif);
    background-position: center;
    z-index: 1;
}

.browpen_light {
    background: url(/cx/imagesMakeup/BrowPen-Swatch-Light.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_xtreme_black {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-XtremeBlack.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_midnight_blue {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-MidnightBlue.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_plum {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Plum.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_xpresso {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Xpresso.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_golden_olive {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-GoldenOlive.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_black_pearl {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-BlackPearl.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_graphite {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Graphite.gif);
    background-position: center;
    z-index: 1;
}

.glideliner_velvet_teal {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-VelvetTeal.jpg);
    background-position: center;
    z-index: 1;
}

.glideliner_truffle {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Truffle.jpg);
    background-position: center;
    z-index: 1;
}

.glideliner_rose_gold {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-RoseGold.jpg);
    background-position: center;
    z-index: 1;
}

.glideliner_sapphire {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Sapphire.jpg);
    background-position: center;
    z-index: 1;
}

.glideliner_cognac {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Cognac.jpg);
    background-position: center;
    z-index: 1;
}

.glideliner_xtreme_gold {
    background: url(/cx/imagesMakeup/Glideliner-Swatch-Xtreme-Gold.png);
    background-position: center;
    z-index: 1;
}

.skin_renewing_concealer_neutral {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Neutral.jpg);
    background-position: center;
    z-index: 1;
}

.skin_renewing_concealer_fair {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Fair.jpg);
    background-position: center;
    z-index: 1;
}

.skin_renewing_concealer_beige {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Beige.jpg);
    background-position: center;
    z-index: 1;
}

.skin_renewing_concealer_mocha {
    background: url(/cx/imagesMakeup/Skin-Renewing-Concealer-Swatch-Mocha.jpg);
    background-position: center;
    z-index: 1;
}

.bodycrystal_aquamarine {
    background: url(/cx/imagesMakeup/BodyCrystal-Aquamarine-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_crystal {
    background: url(/cx/imagesMakeup/BodyCrystal-Crystal-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_jet {
    background: url(/cx/imagesMakeup/BodyCrystal-Jet-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_light_rose {
    background: url(/cx/imagesMakeup/BodyCrystal-Light-Rose-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_light_siam {
    background: url(/cx/imagesMakeup/BodyCrystal-Light-Siam-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_peridot {
    background: url(/cx/imagesMakeup/BodyCrystal-Peridot-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_sapphire {
    background: url(/cx/imagesMakeup/BodyCrystal-Sapphire-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.bodycrystal_topaz {
    background: url(/cx/imagesMakeup/BodyCrystal-Topaz-ColorSwatch.gif);
    background-position: center;
    z-index: 1;
}

.option_text {
    background-position: center;
    color: Black;
    background-color: White;
    border-style: solid;
    border-width: 1px;
    margin: 5px 5px 5px 5px;
}

.unavailable_option {
    background-position: center;
    color: Black;
    background-color: Silver;
    border-style: solid;
    border-width: 1px;
    margin: 5px 5px 5px 5px;
}

.customer_notes {
    padding: 5px;
    border: 1px solid #bcbcbc;
}

.promo_code_box {
    margin-left: 10px;
    width: 90px;
    padding: 5px;
    border: 1px solid #bcbcbc;
}

.checkout_error {
    color: Red;
    font-weight: bold;
    text-align: center;
}