/*  add-ring-case-1  */
.step-section { position: relative; margin: 0 0 25px 145px; }

.step-1 { float: left; background: url(../images/flow-first-active.png) no-repeat; width: 332px; height: 25px; position: relative; }

.step-2 { float: left; background: url(../images/flow-second-active.png) no-repeat; width: 22px; height: 25px; position: relative; }

.step-3 { float: left; background: url(../images/flow-third.png) no-repeat; width: 332px; height: 25px; position: relative; }

    .step-3.active { background: url(../images/flow-third-active.png) no-repeat; }

.step-section span { display: inline-block; font-size: 14px; color: #fff; font-weight: 700; width: 20px; text-align: center; line-height: 22px; }

.step-2 span { width: 21px; }

.step-section em { font-style: normal; position: absolute; left: -145px; top: -24px; width: 300px; text-align: center; display: inline-block; color: #929292; font-size: 12px; text-transform: uppercase; }

.step-3 em { left: auto; right: -140px; }

.step-section .active em { color: #c69c5a; }

.tabs-flow { border-bottom: 1px solid #d8d8d8; padding: 0 0 0 6px; margin: 0 0 25px; }

    .tabs-flow li { float: left; width: 308px; height: 68px; padding: 10px 7px; position: relative; background: #fff; margin-right: 5px; border: 1px solid #d8d8d8; border-bottom: none; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); }

        .tabs-flow li.active { margin-bottom: -1px; padding-bottom: 11px; }

        .tabs-flow li.disable-flow { border-color: #efefef; }

.left-photo { float: left; width: 58px; }

.info-right { float: right; width: 228px; font-size: 12px; margin: 2px 0 0; }

.double-line .info-right { margin-top: 12px; }

.single-line .info-right { margin-top: 21px; }

.big-image .left-photo { width: 60px; padding-top: 4px; text-align: center; }

.left-photo.right { text-align: right; }

.big-image .info-right { width: 235px; }

.tabs-flow .tall { padding-top: 10px; height: 64px; }

    .tabs-flow .tall .info-right { margin-top: 7px; }

.info-right strong { display: block; line-height: 1.2; font-weight: 600; font-size: 14px; margin: 0 0 3px; }

.info-right span { display: block; color: #8a8a8a; line-height: 1.2; }

.disable-flow .info-right a,
.disable-flow .info-right a:hover { text-decoration: none; }

.disable-flow .info-right a,
.disable-flow .info-right strong,
.disable-flow .info-right span { color: #c8c8c8; }

.flow-links { }

    .flow-links a { color: #c69c5a; text-transform: uppercase; font-size: 10px; display: inline-block; margin-right: 7px; }
/*  add-ring-case-1  end */

.select-cart a { padding-left: 20px !important; }

    .select-cart a span { background: url(../images/tick-cart.png) left center no-repeat !important; padding-left: 36px !important; }
/*Bread Crumb*/
.breadcrumb-wrap { border-bottom: 1px solid #ebe8eb; padding-top: 22px; margin: 0 0 45px; }

.breadcrumb { padding: 0 17px 20px; }

    .breadcrumb ul { background: url(../images/breadcrumb-icon.png) left center no-repeat; padding-left: 16px; }

    .breadcrumb li { float: left; color: #8b8b8b; font-size: 12px; margin-right: 4px; }

    .breadcrumb a { color: #8b8b8b; text-decoration: none; vertical-align: middle; display: inline-block; }

    .breadcrumb span,
    .breadcrumb strong { display: inline-block; vertical-align: middle; }

.popup-form { width: 290px !important; }

.select-shipping { background: linear-gradient(to bottom, #DCDCDC, #FFFFFF) repeat-x scroll 0 0 #FFFFFF; border: 1px solid #C0C0C0; border-radius: 3px 3px 3px 3px; color: #626262; font-size: 12px; padding: 0 0 0 6px; /*width: 198px;*/ }

.method-section { }

    .method-section li { float: left; width: 310px; margin: 0 20px 20px 0; }

        .method-section li:last-child { margin-right: 0; }

    .method-section div.divName { text-align: center; display: block; border: 1px solid #d8d8d8; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }

    .method-section .divSubName { margin: 0; padding: 30px 0 20px 0; height: 34px; }

        .method-section .divSubName.google { padding: 29px 0 21px 0; }

    .method-section div.divName:hover,
    .method-section li.active div.divName { border: 3px solid #c69c5a; margin: -2px; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); box-shadow: 0 2px 5px rgba(0,0,0, 0.3); }

/*  pagination-style  */
.view-left { float: left; margin-left: 30px; }

.pagination { padding: 5px 10px 0 0; }

    .pagination li { float: left; margin-left: 15px; }

    .pagination a { color: #c3c3c3; font-weight: bold; text-decoration: none; font-size: 14px; display: inline-block; line-height: 1; padding: 0 2px 2px 1px; text-transform: uppercase; border-bottom: 1px solid transparent; }

        .pagination li.active a,
        .pagination a:hover { color: #c69c5a; border-bottom: 1px solid #c69c5a; }

    .pagination li.prev-pag { border-right: 1px solid #cccccc; padding-right: 15px; padding-bottom: 1px; }

        .pagination li.prev-pag a,
        .pagination li.next-pag a { font-size: 13px; border: none; padding: 0; }

            .pagination li.prev-pag a:hover,
            .pagination li.next-pag a:hover { color: #616161; }

.fr { float: right; }

.fl { float: left; }

/*new banner*/
.home-slider-wrap { position: relative; margin: 0 auto; text-align: center; min-width: 995px; background: #f4f2ee url(../images/slider-patren.png) center top; }

    .home-slider-wrap li { position: relative; }

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

.text-overlay { position: absolute; left: 50%; bottom: 90px; margin-left: -480px; text-align: left; font-style: italic; }

    .text-overlay h3 { font-size: 21px; color: #4c4c4c; font-style: italic; margin: 0 0 3px; }

    .text-overlay h2 { font-size: 52px; color: #4c4c4c; font-weight: 600; line-height: 1; margin: 0 0 14px; }

    .text-overlay p { font-size: 16px; color: #787373; }

.view-collection { display: inline-block; color: #ff8212; font-weight: 600; font-size: 16px; text-decoration: none; background: url(../images/collection.png) left bottom no-repeat; padding-bottom: 17px; }

.slider-top-shadow,
.slider-bot-shadow { position: absolute; left: 0; top: 0; height: 4px; width: 100%; background: url(../images/slider-top.png) repeat-x; }

.slider-bot-shadow { top: auto; bottom: 0; background: url(../images/slider-bot.png) center bottom repeat-x; }
/*.home-slider-wrap
{
    position: relative;
    max-width: 1640px;
    margin: 0 auto;
    text-align: center;
    min-width: 995px;
}

    .home-slider-wrap li
    {
        position: relative;
    }

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

.text-overlay
{
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: -480px;
    text-align: left;
    font-style: italic;
}

    .text-overlay h3
    {
        font-size: 24px;
        color: #4c4c4c;
        font-style: italic;
        margin: 0 0 3px;
    }

    .text-overlay h2
    {
        font-size: 60px;
        color: #4c4c4c;
        font-weight: 600;
        line-height: 1;
        margin: 0 0 14px;
    }

    .text-overlay p
    {
        font-size: 18px;
        color: #787373;
    }

.view-collection
{
    display: inline-block;
    color: #ff8212;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    background: url(../images/collection.png) left bottom no-repeat;
    padding-bottom: 17px;
}*/

/*home page search dropdown*/
.select-shadow,
.select-option { /*-moz-box-shadow: 0 5px 5px rgba(0,0,0, 0.8); -webkit-box-shadow: 0 5px 5px rgba(0,0,0, 0.8);*/ box-shadow: 0 2px 6px rgba(0,0,0, 0.5); }

.mh-321 { min-height: 321px; }

.stone-title { padding: 10px 13px; }

    .stone-title strong { color: #4D4D4D; display: block; margin: 0 0 1px; }

    .stone-title span { color: #4D4D4D; line-height: 1.2; padding: 0 0 3px; }

.select-gallery { padding: 0 4px 0 10px; }

    .select-gallery li { float: left; width: 39px; margin: 0 2px 2px 0; }

    .select-gallery a { padding: 0; display: block; border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

    .select-gallery img { display: block; padding: 3px; height: auto; width: auto; }

    .select-gallery a:hover { border-color: #c69c5a; }

.metal-dropdown { }

    .metal-dropdown .white-gold-top { padding-top: 0; }

    .metal-dropdown ul { margin: 0 12px; }

    .metal-dropdown .metal-h { border-bottom: 1px solid #cccccc; margin-bottom: 5px; }

    .metal-dropdown a { padding: 0; }

    .metal-dropdown img { padding: 0; height: auto; width: auto; }

    .metal-dropdown .white-gold-top li { width: 46px; }

    .metal-dropdown .gold-bot { padding-top: 5px; }

        .metal-dropdown .gold-bot .long-field { width: 75px; }

        .metal-dropdown .gold-bot ul { margin: 0; }

.white-gold-top { padding: 10px 0 0; }

    .white-gold-top li { float: left; width: 50px; text-align: center; font-size: 13px; color: #4d4d4d; line-height: 1.6; padding: 0 5px 7px 0; }

        .white-gold-top li.first-item { padding-top: 12px; }

    .white-gold-top a { display: inline-block; padding: 1px; border: 3px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

        .white-gold-top a:hover { border-color: #c69c5a; }

    .white-gold-top img { display: block; margin: 0 auto; }

    .white-gold-top span { font-weight: 600; }

.gold-bot { border-top: 1px solid #cccccc; margin: 0 15px; }

    .gold-bot .long-field { width: 70px; }

.stone-info-bot { padding-bottom: 0; }

.bridal-set { margin-top: 50px; }

/*  default-pages-style-start like (about-us, contact-us, privacy-policy etc)  */
/* about-page  */
.default-pages { padding: 0 0 30px; }

.page-title { text-align: center; padding: 0 0 15px; }

    .page-title h2 { background: url(../images/drop-bdr.jpg) center 22px repeat-x; width: 480px; margin: 0 auto 10px; font-weight: 400; }

    .page-title span { display: inline-block; background: #fff; padding: 0 20px; }

    .page-title p span { display: block; }

.default-pages h3 { font-weight: 600; color: #616161; font-size: 18px; margin: 0 0 5px; }

.default-pages p { color: #616161; }

.default-pages a { color: #C69C5A; }

.yellow-box { text-align: center; padding: 10px 0 30px; }

.tick-list { padding: 5px 0 10px; }

    .tick-list li { background: url(../images/tick-icon.png) left 5px no-repeat; padding: 0 0 17px 35px; color: #616161; line-height: 1.3; }

.review-form p { padding: 0 0 12px; }

.textarea-popup,
.select-sex { border: 1px solid #cccccc; width: 250px; font-size: 13px; padding: 6px 10px 8px; height: 90px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); box-shadow: inset 0 0 2px #ccc; }

.select-sex { height: auto; width: 80px; padding: 5px 10px 7px; }

.field-mid { width: 160px; margin-left: 6px; }

.review-star { padding: 0 0 25px; }

    .review-star img { vertical-align: middle; }

    .review-star span { display: inline-block; vertical-align: middle; background: #e3e3e3; color: #828282; padding: 2px 5px 3px; line-height: 1; font-weight: 600; font-size: 12px; margin-left: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.error-404 { text-align: center; color: #5d5d5d; font-size: 160px; line-height: 1; font-weight: 300; margin: 0 0 50px; }

.error-icon { text-align: center; margin: 0 0 22px; }

.error-info { width: 800px; margin: 0 auto; text-align: center; padding-bottom: 20px; }

    .error-info p { color: #5d5d5d; font-weight: 600; line-height: 1.3; font-size: 18px; }

    .error-info a { color: #c69c5a; }

    .error-info span { display: block; }

.error-shopping { text-align: center; border-top: 2px solid #e0e0e0; padding: 40px 0 70px; }

    .error-shopping .btn-brown { padding: 13px 20px 13px 20px; }

        .error-shopping .btn-brown span { background: url(../images/arrow-left-btn.png) left center no-repeat; padding: 0 0 0 30px; }

.shopping-cart-empty { text-align: center; border-top: 2px solid #e0e0e0; padding: 30px 0 20px; font-size: 18px; color: #5d5d5d; }

    .shopping-cart-empty span,
    .shopping-cart-empty img { display: inline-block; vertical-align: middle; margin: 0 3px; }

.count-wrap { margin: 0 5px 15px; }

    .count-wrap .count-field { border: none; background: #F3F3F3; font-size: 12px; color: #999999; padding: 5px 12px 6px; width: 100%; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn-brown { background: #cd9339; display: inline-block; padding: 10px 20px 10px 30px; color: #fff; text-decoration: none; font-size: 18px; text-transform: uppercase; font-weight: 600; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

    .btn-brown span { display: inline-block; background: url(../images/arrow-right-btn.png) right center no-repeat; padding-right: 30px; }




.chat-wrap { position: fixed; right: 25px; bottom: 25px; width: 312px; overflow: hidden; z-index: 99; background: url(../images/popup-noice.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); }

.chat-header { background: #5f5f5f; padding: 10px 15px 10px; }

.chat-icon { float: left; margin-right: 8px; }

.chat-header h2 { float: left; color: #fff; font-size: 13px; line-height: 1.2; margin: 4px 0 0; font-weight: 600; }

.chat-cancel { float: right; margin: 2px 0 0; display: block; }

.trijewels-advantages-wrap { font-size: 13px; color: #555; padding: 10px 0 20px; }

.trijewels-advantages { padding: 0 0 25px; }

    .trijewels-advantages li { color: #555; background: url(../images/tick-sitemap.png) left 4px no-repeat; padding: 0 0 12px 25px; }

    .trijewels-advantages a,
    .trijewels-advantages span { color: #CD9339; }

.trijewels-advantages-wrap p { padding: 0 0 10px; }

.advantage-chat { display: inline-block; background: url(../images/brown-live-chat.png) no-repeat left center; padding-left: 21px; background-size: 17px auto; text-decoration: none; }

.advantage-email { display: inline-block; background: url(../images/brown-envelop.png) no-repeat left center; padding-left: 18px; background-size: 14px auto; text-decoration: none; margin: 0 2px; }

.advantage-phone { display: inline-block; background: url(../images/brown-number.png) no-repeat left center; padding-left: 17px; text-decoration: none; margin: 0 2px; }

.rating-img { margin: -2px 4px 0 6px !important; }

.review-Star td.left { width: 30%; vertical-align: top !important; }

.review-Star span { float: left; background: url(/images/star.gif) repeat-x; height: 16px; }

    .review-Star span.pv { background-position: 0 -32px; }

    .review-Star span.nv { background-position: right 0; }

    .review-Star span.rate { background: #333 !important; border-radius: 0.2em; padding: 1px 3px; color: White; margin-left: 5px; }

    .review-Star span.pvc { background: #EBBA21; float: left; height: 16px; }

    .review-Star span.nvc { background: #EDEBEC; float: left; height: 16px; }


    .text-overlay{
    bottom:auto;
     top:17%;
}