* {
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    a {
        /*color: #fff;*/
    }

    li {
        list-style: none;
    }
    /*fonts*/
    @font-face {
        font-family: 'AvenirBook-Regular';
        src: url('../fonts/AvenirBook-Regular.eot');
        src: url('../fonts/AvenirBook-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirBook-Regular.woff') format('woff'), url('../fonts/AvenirBook-Regular.ttf') format('truetype'), url('../fonts/AvenirBook-Regular.otf') format('opentype'), url('../fonts/AvenirBook-Regular.svg#AvenirBook-Regular') format('svg');
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+0020-FB02;
    }

    @font-face {
        font-family: 'Avenir-Medium';
        src: url('../fonts/Avenir-Medium.eot');
        src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.ttf') format('truetype'), url('../fonts/Avenir-Medium.otf') format('opentype'), url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+0020-FB02;
    }

    @font-face {
        font-family: 'ArialMT-Regular';
        src: url('../fonts/ArialMT-Regular.eot');
        src: url('../fonts/ArialMT-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ArialMT-Regular.woff') format('woff'), url('../fonts/ArialMT-Regular.ttf') format('truetype'), url('../fonts/ArialMT-Regular.otf') format('opentype'), url('../fonts/ArialMT-Regular.svg#ArialMT-Regular') format('svg');
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+0020-F002;
    }

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

    /*fonts*/

    body {
        font-family: 'AvenirBook-Regular';
    }

    #wrapper, .header-inner, .left-main, .left-search, .search-main, .left-abc, .left-listname, .left-listname > ul, .left-listname-number, .right-innerul, .right-innermain, .product-featuremain, .product-feature, .right-innermain-rightul > li, .copyright {
        float:left;       
        width: 100%;
        position: relative;
    }

    .container {
        margin: 0 auto;
        padding:0px;
        max-width: 100%;
        min-width: 1000px;
        /*overflow: hidden;*/
        width: 1440px;
    }

    #header {
        background-color: grey;
        float: left;
        height: 60px;
        max-width: 100%;
        width: 1440px;
    }

    .logo {
        float: left;
        /*width: 310px;*/        
        padding-top: 8px;
    }

    .logo-text img {
        width: 75px;
    }

    .logo-text a {
        color: #fff;
    }
    .help h2,h4 {
         font-family: 'Avenir-Medium' !important;
                font-size: 18px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                color:#000000;
    }
    .help p {         
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        color: #262626;        
    }
    /*
.header-inner {
  padding-left: 52px;
  padding-right: 33px;
}*/
    .menu-main {
        float: right;
        padding: 0px;
        width: auto;
        padding-right: 33px;
        line-height: 60px;
    }

        .menu-main ul {
            float: left;
            width: auto;
        }

            .menu-main ul li {
                float: left;
                width: auto;
                display: inline-block;
            }

        .menu-main li a {
            color: #fff;
            font-family: 'Avenir';
            font-size: 15px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0.9px;
        }

        .menu-main ul.menu-right-ul li {
            padding-left: 10px;
        }

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

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

            .menu-left-ul > li:last-child {
                margin-right: 0px;
            }
     .logo .logo-text {
            color: #fff;
            font-family: 'Avenir';
            font-size: 15px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0.9px;
        }   
    /*header bar end here*/



    /*left side start here*/
    .left {
        background-color: #eeeeee;
        float: left;
        padding-top: 30px;
        width: 33%;
        min-height: 850px;        
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .left-main {
        padding-left: 29px;
        padding-right: 21px;
        width: calc(100% - 50px);
        padding-bottom: 20px;
    }

    .complex_searches h4, .fragrance_family > h4, .selectradiusSelect {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.86;
        letter-spacing: 0.6px;
        color: rgba(23, 25, 29, 0.87);
        float: left;
        width: 100%;
        margin-bottom: 10px;
        text-transform: none;
    }

    select.selectradiusSelect {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-bottom:10px;
    }

    .right {
        background: #fff none repeat scroll 0 0;
        float: left;
        width: 67%;
    }

    .right-main {
        float: left;
        padding-left: 30px;
        padding-top: 30px;
        width: calc(100% - 30px);
        min-height: 800px;
    }
    /*select.selectradiusSelect::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #6d6d6d;
  float: left;
  height: 0;
  left: 170px;
  margin-left: 8px;
  margin-top: 9px;
  position: absolute;
  top: -3px;
  width: 0;
}*/
    select.selectradiusSelect {
        -moz-appearance: none;
        background: #eeeeee url("../images/drop_arrow.png") no-repeat scroll 45% 10px / 15px;
        border: medium none;
        font-family: "Roboto";
        font-weight: bold;
        font-size: 16px;
        width: 100%;
        height:33px;        
        outline:0px;
    }
    select.selectradiusSelect::-ms-expand {
        display: none;
    }
    .title-text {
        float: left;
        padding-left: 10px;
        width: auto;
    }

    .left-search {
        border-radius: 2px;
        background-color: #fafafa;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        border-style: solid;
        border-width: 0px;
        border-image-source: linear-gradient(NaNdeg, #ffffff, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
        border-image-slice: 1;
    }

    .search-main > li {
        display: inline-block;
        float: left;
        width: auto;
    }

    .searchicon {
        float: left;
        padding: 18px 15px 0;
        width: auto;
    }

        .searchicon img {
            height: 16px;
            width: 16px;
        }

    .search-main input {
        border: 0 none;
        height: 50px;
        padding-right: 10px;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        color: rgba(110, 116, 127, 0.87);
        background: none;
        padding-left:10px;
        outline:none;        
    }

    .search-main > li:first-child {
        width: 90%;
    }
    /*Modified by vinay 19/10/2016
    .search-main > li {
        width: 75%;
    }
*/
        .search-main > li:last-child {
            width: 10%;
        }

            .search-main > li:last-child a {
                font-size: 16px;
                font-weight: bold;
                color: rgba(49, 53, 60, 0.87);
            }

    .left-abc li {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        float: left;
        letter-spacing: 6.6px;
    }

    .left-abc a {
        color: rgba(49, 53, 60, 0.87);
        float: left;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }

    .left-abc {
        margin-bottom:20px;
    }


    .left-listname a, .box_list_list table tr td, .gender_list ul li a, .gender_list ul li a {
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.93;
        text-align: left;
        color: #262626;
    }

    .left-listname li.active a {
        color: #ff379b;
    }

    .left-abc li.active a {
        color: #3599ff;
    }

    li.page_select a {
        background: #3599ff none repeat scroll 0 0;
        border-radius: 2px;
        color: #ffffff !important;
        padding-left: 5px;
    }

    .left-listname img {
        float: left;
        margin-top: 4px;
        position: absolute;
        left: 0;
    }

    .box_list_list table tr td {
        line-height: 1.1;
        font-family: 'Roboto', sans-serif;
    }

    .left-abc > ul {
        display: inline-block;
        margin: 0 auto;
        padding-left: 10px;
        width: auto;
    }

    .left-listname li {
        float: left;
        padding-left: 30px;
        position: relative;
        width: 100%;
    }

    .print_link_top.fontsize li {
        font-size: 13px;
    }

    .left-listname a {
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.93;
        text-align: left;
        color: #262626;
    }

    .left-abc > ul {
        display: inline-block;
        margin: 0 auto;
        padding-left: 0px;
        width: auto;
    }

    .left-listname li {
        float: left;
        padding-left: 30px;
        position: relative;
        width: calc(100% - 17px);
        white-space: nowrap;
    }

        .left-listname li ul.jstree-children li {
            padding-left: 0;
            position: relative;
        }

    .jstree-default > .jstree-container-ul > .jstree-node {
        padding-left: 0;
    }

    .jstree-default .jstree-leaf > .jstree-ocl {
        position: absolute;
    }

    .jstree-anchor > .jstree-themeicon {
        margin-right: 8px;
    }

    .m::before {
        background-image: url("../images/m.png");
        background-size: 16px auto;
        content: "neeraj";
        display: list-item;
        font-size: 0;
        height: 16px;
        left: 10px;
        position: absolute;
        top: 6px;
        width: 16px;
    }

    .f::before {
        background-image: url("../images/f.png");
        background-size: 16px auto;
        content: "neeraj";
        display: list-item;
        font-size: 0;
        height: 16px;
        left: 10px;
        position: absolute;
        top: 6px;
        width: 16px;
    }

    .s::before {
        background-image: url("../images/s.png");
        background-size: 16px auto;
        content: "neeraj";
        display: list-item;
        font-size: 0;
        height: 16px;
        left: 10px;
        position: absolute;
        top: 6px;
        width: 16px;
    }

    .left-listname-number {
        margin: 20px 0 10px;
    }

        .left-listname-number li {
            display: inline-block;
            font-family: Roboto;
            font-size: 15px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.93;
            text-align: left;
        }

        .left-listname-number ul.pagenumberul li, ul.pagenumberul li {
            padding-left: 0;
            padding-right: 3px;
            width: auto;
        }

    .left-listname ul.pagenumberul a, ul.pagenumberul a {
        font-size: 15px;
        font-weight: bold;
        margin: 0px !important;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-right: 5px;
    }

    .left-listname-number li a {
        color: rgba(49, 53, 60, 0.87);
    }

    .left-listname-number > ul {
        padding-left: 0px;
    }

    h1.right-title {
        font-family: 'Avenir-Medium';
        font-size: 36px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.78;
        text-align: left;
        color: #000000;
    }

    .right-innerul {
        margin-top: 18px;
    }

        .right-innerul ul li {
            font-family: 'Avenir-Medium';
            font-size: 18px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.56;
            float: left;
            display: inline-block;
            margin-right: 15px;
            color: rgba(23, 25, 29, 0.87);
        }

            .right-innerul ul li a {
                color: rgba(23, 25, 29, 0.87);
                text-decoration: underline;
            }
            .right-innerul ul li:nth-child(2) {
                color: rgba(23, 25, 29, 0.67);
            }
            .right-innerul ul li:nth-child(2) a {
                color: rgba(23, 25, 29, 0.67);
            }
            .right-innerul ul li:nth-child(1), .right-innerul ul li:nth-child(2) {
                margin-right: 25px;
                position: relative;
                z-index: 99;
            }

            .right-innerul ul li:nth-child(3) {
                margin-right: 11px;
                position: relative;
                z-index: 99;
            }

            .right-innerul ul li:nth-child(4) {
                margin-right: 11px;
                position: relative;
                z-index: 99;
            }

            .right-innerul ul li:nth-child(5) {
                margin-right: 21px;
                position: relative;
                z-index: 99;
            }

    .right-innermain {
        margin-top: 35px;
    }

    .right-innerul ul li a:hover {
        text-decoration: underline;
    }

    .right-innermain-left {
        float: left;
        width: 30%;
    }

    .right-innermain-right {
        float: left;
        padding-right: 10px;
        width: calc(70% - 10px);
    }

    .right-innermain-left > img {
        display: inline-block;
        height: 287px;
    }

    .right-innermain-left .sm {
        min-height: 287px;
        height: 287px;
        white-space: nowrap;
    }

        .right-innermain-left > div span {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .right-innermain-left > div img {
            vertical-align: middle;
        }

    .product-featuremain {
        margin-top: 38px;
    }

        .product-featuremain > li strong, .product-feature strong {
            font-size: 18px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.44;
            color: rgba(23, 25, 29, 0.87);
            font-family: 'Avenir-Medium';
            display: inline-block;
        }

    .product-feature {
        margin-top: 19px;
    }

        .product-featuremain > li, .product-feature > li, .gender_list ul li a {
            font-size: 16px;
            font-family: 'AvenirBook-Regular';
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.63;
            color: rgba(49, 53, 60, 0.87);
        }

            .product-feature > li a {
                color: rgba(49, 53, 60, 0.87);
                text-decoration: underline;
            }

    .gender_list ul li a {
        font-size: 14px !important;
    }

    .right-innermain-rightul {
        float: right;
        width: 80%;
    }

    .icon-sign, .icon-text {
        display: inline-block;
        float: left;
        width: auto;
    }

        .icon-sign > img {
            height: 48px;
            width: 48px;
        }

    .right-innermain-rightul > li {
        margin-bottom: 19px;
    }

    h2.color-text {
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.35;
        color: rgba(23, 25, 29, 0.87);        
        font-family: 'Avenir-Medium';
    }

    h3.subheading {
        font-family: 'AvenirBook-Regular';
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.35;
        color: rgba(23, 25, 29, 0.87);
    }

    .right-innermain .icon-text {
        margin-left: 15px;
        width: calc(80% - 15px);
    }

    h3.subheading1 {
        font-family: 'Avenir';
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.31;
        letter-spacing: 0.6px;
        color: rgba(23, 25, 29, 0.87);
        display: flex;
        align-items: center;
        justify-content: left;
        min-height: 48px;
    }

    .product-feature.second strong {
        margin-top: 8px;
    }

    .product-feature.second {
        float: right;
        margin-top: 21px;
        width: 80% !important;
    }

    .copyright {
        font-family: ArialMT;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.25;
        text-align: center;
        color: rgba(110, 116, 127, 0.87);
        margin-top: 35px;
        font-family: 'ArialMT-Regular';
    }

    .right-innermain-rightul > li:nth-child(2) {
        margin-top: 10px;
    }

    .right-innermain-rightul > li:nth-child(3) {
        margin-top: 10px;
    }

    .right-innermain-rightul > li:nth-child(4) {
        margin-top: 0px;
    }



    /** old css **/

    /*********************************************************************************************************************/

    .top_head {
        background: #4b4b4b;
        padding: 10px 0; /* float:left; */
        overflow: hidden;
        width: 100%;
    }

    .logo_dv {
        width: 30%;
        float: left;
    }

        .logo_dv span {
            color: #ffffff;
            font-size: 16px;
            margin: 0 15px;
        }

    .top_head_links {
        float: left;
        width: 70%;
    }

        .top_head_links h4 {
            float: left;
            width: 27%;
            font-weight: 500;
            color: #fff;
            font-size: 16px;
        }

            .top_head_links h4 span {
                padding: 0 0 0 30px;
            }

    .top_link_list {
        width: 73%;
        float: left;
    }

        .top_link_list > ul {
            float: right;
            margin: 0 20px 0 0;
        }

        .top_link_list ul li:first-child {
            margin: 2px 20px 0 0;
        }

        .top_link_list ul li {
            float: left;
            margin: 2px 40px 0 0;
        }

            .top_link_list ul li:last-child {
                margin: 2px 0 0;
            }

            .top_link_list ul li a {
                color: #ffffff;
                font-size: 13px;
                font-weight: 400;
                text-decoration: none;
            }

    /**BODY_CONTENT**/


    .body_content .container {
        padding: 0;
    }

    .left_side_bar {
        float: left;
        width: 30%;
    }

    .right_side_bar {
        float: left;
        width: 67%;
        padding: 0 0 30px;
    }
    /*.gray_bg {  background: #eeeeee;   padding:0px; float:left; width:100%;}*/
    .gray_bg {
        background: #eeeeee;
        padding: 0px;
        float: left;
        width: 100%;
        min-height: 850px;
        height: 100%;
    }

    .gray_bg_padding {
        float: left;
        padding: 20px 0 20px 10px;
        width: 96%;
    }

    .drop_down_list {
        float: left;
        margin: 0 20px 0 0;
    }

        .drop_down_list span {
            color: #333333;
            font-size: 16px;
            letter-spacing: 0.3px;
        }

    .Set_as_default span {
        font-size: 13px;
    }

    .search_box {
        float: left;
        margin: 20px 0 0;
        width: 100%;
    }

        .search_box input[type="text"] {
            border: 1px solid #ccc;
            height: 50px;
            padding: 0 0 0 40px;
            box-shadow: 0 0 2px 1px #ddd;
            width: 66%;
            background: #fff url("../images/search.png") no-repeat left 10px center;
            border-radius: 3px;
        }

        .search_box input[type="submit"] {
            background: none;
            border: medium none;
            color: #333333;
            cursor: pointer;
            font-size: 13px;
            padding: 0;
            text-transform: uppercase;
        }

    .pagination_abc {
        float: left;
        margin: 25px 0;
        width: 100%;
    }

        .pagination_abc ul li a {
            color: #333333;
            float: left;
            font-size: 13px;
            font-weight: bold;
            margin: 0 5px 0 0;
            text-decoration: none;
        }

    .product_name_list {
        float: left;
        width: 98%;
        max-height: 680px;
        overflow: auto;
    }

        .product_name_list ul li a {
            color: #333333;
            float: left;
            font-size: 13px;
            margin: 0 0 10px;
            text-decoration: none;
            width: auto;
        }

        .product_name_list ul li.active > a {
            color: #ff379b;
        }

        .product_name_list ul li a span {
            float: left;
            margin: 0px 10px 0 0;
        }

    .pagination_abc.number {
        margin: 10px 0 0;
    }

        .pagination_abc.number ul li a {
            font-size: 13px;
            font-weight: bold;
            margin: 0 4px 0 0;
            color: #000;
            padding: 3px 4px;
        }

        .pagination_abc.number ul li.page_select a {
            background: #3599ff;
            border-radius: 2px;
            color: #ffffff;
            /*padding: 0 5px;*/
        }

    .shared_list.product_name_list ul li {
        float: left;
        margin: 0 8px 0 0;
        height: 25px;
    }

        .shared_list.product_name_list ul li a {
            font-size: 12px;
            font-weight: bold;
            color: #222;
            width: 100%;
            font-family: 'Roboto', sans-serif;
        }

        .shared_list.product_name_list ul li span {
            background: #f59723;
            border-radius: 50px;
            color: #fff;
            height: 20px;
            line-height: 20px;
            margin: -3px 5px 0 0;
            text-align: center;
            width: 20px;
        }

            .shared_list.product_name_list ul li span.pink {
                background: #ff75ab;
            }

            .shared_list.product_name_list ul li span.light_blue {
                background: #4a90e2;
            }

        .shared_list.product_name_list ul li a .limited {
            color: #6700ce;
        }

        .shared_list.product_name_list ul li a .Collection {
            color: #333;
        }

        .shared_list.product_name_list ul li a .flanker {
            color: #6ab347;
        }

        .shared_list.product_name_list ul li a .travel {
            color: #b6436a;
        }

        .shared_list.product_name_list ul li a .discontinued {
            color: #ff4369;
        }

    .product_name_list ul li i {
        float: left;
    }

    .shared_list.product_name_list {
        margin: 15px 0 0;
        width: 100%;
        overflow: visible;
    }

    /***/

    /****/

    .product_img_main_dv {
        float: left; /* padding:0 20px 0 40px; */
        padding: 0 0 0 3%;
        width: 30%;
    }

    .polo_heading h3 {
        font-size: 20px;
        font-weight: bold;
        padding: 0 0px;
    }

    .product_img_img {
        margin: 35px 0 0 0px;
        float: left;
        width: 100%;
        align-content: center;
    }

        .product_img_img span {
            display: table-cell;
            height: 300px;
            text-align: center;
            vertical-align: middle;
            width: 300px;
        }

            .product_img_img span img {
                max-height: 100%;
                max-width: 100%;
                vertical-align: middle;
            }

    .olfactive_direction_main {
        bottom: 0;
        float: left;
        margin: 0;
        position: absolute;
        width: 100%;
    }

    .list_details_products h4 {
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 2px;
        color: #969696;
    }

    .list_details_products p {
        color: #000;
        margin: 0 0 1px;
        font-size: 13px;
    }

    .list_details_products {
        float: left;
        margin: 50px 0 0;
        width: 100%;
    }

    .ralph_lauren_details h4 {
        color: #333333;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 3px;
    }

        .ralph_lauren_details h4 a {
            color: #333333;
            text-decoration: none;
            font-weight: bold;
        }

    .img_left {
        float: left;
        margin: 0 15px 0 0;
    }

    .text_right {
        float: left;
    }

    .water_list_text {
        float: left;
        margin: 40px 0 0;
        width: 100%;
    }


    .text_right > a {
        color: #32a3c8;
        float: left;
        font-size: 19px;
        margin: 5px 0 5px 0;
        text-decoration: none;
        width: 100%;
    }

    .text_right p {
        color: #000;
        font-size: 13px;
        font-weight: 300;
    }

    .water_list_text ul li {
        float: left;
        margin: 0 0 40px;
        width: 100%;
    }

        .water_list_text ul li:last-child {
            margin: 0;
        }

    .ralph_lauren_side_bar {
        float: right;
        width: 64%;
        position: relative;
        min-height: 500px;
        margin: 7px 0 0;
    }

    .img_left span.margin_top {
        float: left;
        margin: 0px 0 0;
        text-align: center;
    }

        .img_left span.margin_top.bottom {
            margin: 0px 0 0;
        }
    /* .img_left span { width: 62px;} */
    .story_content {
        bottom: 0;
        float: left;
        margin: 40px 0 0; /*position: absolute;*/
        width: 96%;
    }

        .story_content h4 {
            font-size: 17px;
            font-weight: 600;
            margin: 0 0 10px;
        }

        .story_content p {
            color: #333;
            font-size: 13px;
            line-height: 20px;
            margin: 0 0 15px;
        }



    .ralph_lauren_details ul li {
        float: left;
        padding: 0px;
        margin: 0 12px 0 0;
    }

        .ralph_lauren_details ul li:last-child {
            border: none;
        }

        .ralph_lauren_details ul li span {
            float: left;
            margin: -1px 0px 0 0;
        }

    .text_right > a span {
        color: #000;
    }

    .polo_heading h3 sup {
        color: #0099ff;
        left: 5px;
        position: relative;
        top: -5px;
        font-size: 20px;
    }

    .ralph_lauren_details ul li.no_padding {
        color: #666666;
        font-size: 10px;
        margin: 3px 0 0;
        padding: 0;
    }

    .text_right p.casual {
        color: #969696;
    }

    .min_height {
        position: relative;
    }

    .list_details_products.perfumers p {
        color: #0094c2;
    }

    .ralph_lauren_details h4.gray_text {
        color: #969696;
    }

    .list_details_products p strong {
        float: left;
    }

    .list_details_products p span {
        float: left;
        margin: 0 0 0 5px;
    }


    .ralph_lauren_details ul {
        margin: 30px 0 0;
        float: left;
        width: 100%;
    }

    /***CLOSE_BODY_CONTENT_CSS***/


    /***FOOTER_CONTENT_CSS***/

    .copy_right_text {
        background: #616161;
        color: #ffffff;
        float: left;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

        .copy_right_text p {
            font-size: 13px;
        }




    .form-select {
        width: 210px;
    }

        .form-select select {
            border: none;
            font-size: 13px;
            width: 100%;
            /*height: 45px;
     margin: 8px 0;
    border: 1px solid black; 
    border-top: 4px solid black;*/
            background: #eeeeee url('../images/drop_arrow.png') no-repeat;
            background-size: 10px;
            background-position: right 10px center;
            font-family: 'Arial';
            /* padding-left: 24px; */
            -webkit-appearance: none;
            -moz-appearance: none;
            /*  -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; */
        }



    /*Js Tree*/



    /** old css **/








    /*RESEARCH_CSS*/
    .complex_searches h4 { /*color: #383838; font-size:17px;  font-weight: 300;*/
    }

    .complex_searches p {
        font-size: 12px;
        color: #5d5d5d;
    }

    .border_bottom {
        padding: 50px 0 10px 17px;
        border-bottom: 1px solid #cccccc;
        width: 96.1%;
        background: #fff;
    }

    .list_category {
        float: left;
        margin: 20px 0 100px;
        width: 100%;
    }

    .gender_list ul li a { /* color: #000;float: left; font-size: 12px; padding:0px 0;  text-decoration: none;  width: 100%;  line-height: 20px;*/
    }

        .gender_list ul li a i {
            color: #666666;
            float: left;
            font-size: 15px;
            margin: 1px 10px 0 0;
        }

    .gender_list {
        float: left;
        margin: 20px 0 0;
        width: 96%;
        padding: 0 0 0 17px;
    }

    .fragrance_family {
        padding: 0 0 0 20px;
    }

    .search_tabs ul li {
        float: left;
        margin: 0 15px 0 0;
    }

        .search_tabs ul li a {
            text-decoration: none;
            color: #333;
            background: #dfdfdf;
            font-size: 14px;
            font-weight: 400;
            width: 110px;
            height: 30px;
            line-height: 30px;
            float: left;
            text-align: center;
            border: 2px solid #555;
            border-radius: 2px;
        }

    .search_tabs {
        float: left;
        margin: 20px 0 0;
        width: 100%;
    }

    .fragrance_family > h4 { /*color: #666666; font-size:18px;*/
    }

    .search_tabs ul li.pink_btn a {
        background: #fec6d1;
    }

    .search_tabs ul li.green_btn a {
        background: #c6fbcf;
    }

    .pint_text_color {
        float: left;
        margin: 10px 0 0;
        width: 100%;
    }

        .pint_text_color > p {
            font-size: 12px;
            color: #ff48a3;
        }

            .pint_text_color > p span {
                color: #333333;
            }

    .check_box_list {
        float: left;
        margin: 30px 0 0;
        width: 100%;
    }

        .check_box_list table {
            border: none;
            width: 100%;
        }

            .check_box_list table tr.light_gray {
                background: #eeeeee;
            }

            .check_box_list table tr td {
                padding: 5px 10px;
            }

        .check_box_list label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            padding-left: 25px;
            margin-right: 15px;
            font-size: 14px;
            color: #646464;
            font-weight: 600;
        }

        .check_box_list input[type=radio],
        .check_box_list input[type=checkbox] {
            display: none;
        }

        .check_box_list label:before {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            bottom: 1px;
            background-color: #dedede;
            border: 1px solid #999;
            /* box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); */
        }

    .radio label:before {
        border-radius: 8px;
    }

    .checkbox label {
        margin-bottom: 0px;
    }

        .checkbox label:before {
            border-radius: 3px;
        }

    .check_box_list input[type=radio]:checked + label:before {
        content: "\2022";
        color: #f3f3f3;
        font-size: 30px;
        text-align: center;
        line-height: 18px;
    }

    .check_box_list input[type=checkbox]:checked + label:before {
        content: "\2713";
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
        font-size: 15px;
        color: #555;
        text-align: center;
        line-height: 15px;
    }

    .gender_list ul li.active > a {
        color: #ff48a3;
    }

    .position_rel {
        position: relative;
        overflow: hidden;
    }

    .nav-list-wrapper {
        background: #ffffff;
        border-radius: 4px;
        box-shadow: -2px 0 2px #cccccc;
        padding: 0px 0;
        position: absolute;
        right: 0;
        width: 70%;
        transform: translateX(100%);
        transition: transform 700ms cubic-bezier(0.475, 0.1, 0.25, 0.865) 0s;
        height: 100%;
    }

        .nav-list-wrapper.open {
            transform: translateX(0px);
        }

        .nav-list-wrapper .right_side_bar {
            width: 100%;
        }

    .fixed_arrow {
        left: -31px;
        position: absolute;
        top: 10px;
    }

        .fixed_arrow a {
            background: #ffffff none repeat scroll 0 0;
            border-radius: 4px 0 0 4px;
            box-shadow: -3px 0 2px #cccccc;
            color: #333333;
            float: left;
            font-size: 30px;
            padding: 3px 10px;
        }

    .add_correct_main {
        float: left;
        margin: 40px 0 0;
        padding: 0 0 0;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .add_correct a {
        color: #09f;
        float: left;
        font-size: 13px;
        margin: 15px 25px 0 0;
        text-decoration: none;
    }

        .add_correct a span {
            float: left;
            margin: 0 7px 0 0;
            width: auto !important;
        }

    .add_correct > p span {
        float: left;
        margin: 0 10px 0 0;
        color: #969696;
        width: 100%;
    }

    .print_btn {
        float: left;
        margin: 15px 0 0 20px;
    }

        .print_btn a {
            color: #09f;
            text-decoration: none;
            border-radius: 2px;
        }

            .print_btn a:hover {
                color: #333;
            }

    .ralph_lauren_details h4 a span {
        display: inline-block;
        margin: 0 0 0 7px;
    }








    /*RESEARCH_CSS*/




    /***LIST_PAGE_CSS**/

    .print_link_top {
        float: left;
        margin: 20px 0;
        width: 100%;
    }

        .print_link_top ul li {
            float: left;
            margin: 0 30px 0 0;
        }

            .print_link_top ul li a {
                text-decoration: underline;
                color: rgba(23, 25, 29, 0.87);
                font-family: 'Roboto', sans-serif;
                font-size: 14px;
                cursor: pointer;
            }

    .search_result p {
        color: #000;
    }

    .search_result span {
        float: right;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

    .box_list_list table tr th {
        background: #808793;
        color: #fff;
        padding: 15px 10px;
        text-align: left;
        font-family: 'Roboto', sans-serif;
        min-width: 55px;
        white-space: nowrap;
    }

    .box_list_list {
        background: #fff;
        float: left;
        margin: 15px 0 0;
        width: 100%;
    }

        .box_list_list table tr th:first-child {
            text-align: center;
        }

        .box_list_list table tr td:first-child {
            text-align: center;
        }

        .box_list_list table tbody tr {
            cursor: pointer;
        }

    .print_link_top > ul {
        padding: 0 15px;
    }

    .box_list_list table tr td {
        padding: 15px 10px;
        color: #262626;
    }

    .search_result {
        float: left;
        width: 100%;
    }

        .search_result p {
            padding: 0 15px;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
        }

    .box_list_list table tr:nth-child(2n) {
        background: #f8f8f8;
    }

    .box_list_list table tr td span.black_text {
        color: #000;
    }

    .box_list_list table tr td a {
        text-decoration: underline;
        color: rgba(23, 25, 29, 0.87);
        font-size: 14px;
        text-decoration: underline;
    }

    .gray_bg.overlay {
        background: #f8f8f8 none repeat scroll 0 0;
    }

    .list_details .pagination_abc.number {
        margin: 30px 0;
    }

        .list_details .pagination_abc.number ul {
            padding: 0 15px;
        }

    .product_name_list ul li a span img {
        float: left;
        margin: 0 10px 0 0;
    }


    .product_img_main_dv {
        min-height: 770px;
        height: 100% !important;
        position: relative;
    }

    .ralph_lauren_side_bar {
        min-height: 770px;
        height: 100% !important;
    }

    .body_content {
        float: left;
        width: 100%;
        min-height: 600px;
    }

    .right_side_bar.no_margin {
        margin: 18px 0 0;
    }

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






    /***LIST_PAGE_CSS**/



    .jstree-icon.jstree-ocl {
        display: none;
    }

    .copyright {
        width: 100%;
        text-align: left;
        position: relative;
    }

    .pencil_icon {
        position: absolute;
        right: 2%;
    }

        .pencil_icon img {
            width: 25px;
            height: auto;
        }

    .print_link {
        position: absolute;
        right: 9%;
        color: rgba(23, 25, 29, 0.87);
        text-decoration: underline;
    }

        .print_link img {
            width: 25px;
            height: auto;
        }

    .box_list_list thead th a {
        color: white;
    }


    /*Right fragrance Library help*/
     .helpsection h1 {
        font-family: 'Avenir-Medium';
        font-size: 36px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.78;
        text-align: left;
        color: #000000;
        padding-bottom: 20px;
    }

    .helpsection h2 {
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.35;
        color: rgba(23, 25, 29, 0.87);
        font-family: 'Avenir-Medium';
        padding-bottom: 20px;
    }

    .helpsection .helptext {
        font-size: 16px;
        font-family: 'AvenirBook-Regular';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        color: rgba(49, 53, 60, 0.87);
    }
   .helptext div {       
        padding-bottom:15px;
    }    
    .helptext li {
        padding-bottom:10px;
        list-style-type:none;
    }
    .helptext .hero {
            background-image: url(/images/girlreading.png);
            background-size:cover;
            background-repeat: no-repeat;
            max-width: 100%;                
            margin-bottom: 20px;
        }

            .helptext .hero .herolabel {
                padding-top: 7%;
                padding-bottom:7%;
                width: 400px;
                margin-left: 5%;
                text-align: center;
            }
    /*End Right fragrance Library help*/




    /*media css*/
    /*
    @media all and (min-width: 1440px) {
        .left-main {
            padding-left: 50px;
            padding-right: 23px;
            width: calc(100% - 73px);
        }

        .product-featuremain > li, .product-feature > li {
            float: left;
            width: 463px;
        }
    }

    @media all and (max-width: 1345px) {
        .box_list_list table tr th {
            padding: 15px 2px;
        }
    }

    @media all and (max-width: 1400px) {
        .left-abc li {
            margin-right: 4px;
            letter-spacing: 1.6px;
        }
    }

    @media all and (max-width: 1300px) {
        .left-abc li {
            margin-right: 3px;
            letter-spacing: 1.4px;
        }
    }

    @media all and (max-width: 1200px) {
        .left-abc li {
            font-size: 13px;
            margin-right: 2.5px;
            letter-spacing: 1.2px;
        }
    }
*/
@media all and (max-width:1370px) and (min-width:1301px) {
    .menu-main li a {
            font-size: 90%;         
        }    
    .logo .logo-text {
        font-size:90%;
    }    
    .left-abc li {
        letter-spacing:4.8px;
    }
}
@media all and (max-width:1300px) and (min-width:1201px) {

    /*Top menu*/
    .menu-main li a {
            font-size: 90%;         
        }    
    .logo .logo-text {
        font-size:90%;
    }    
    /*Left vertical margin*/
    .left {
        padding-top:25px;
        min-height:800px;
    }
    .left-abc {
        margin:18px 0;
    }

    /*Left dropdown, search and Alpha*/
    select.selectradiusSelect {
        font-size:14px;
    }
    .left-abc li {
        letter-spacing:4px;
    }
    .left-abc a {
        font-size:13px;
    }
    /*Left fragrance links*/
    .left-listname li {
        padding-left:25px;
    }
    .left-listname a {
        font-size:13px;
    }
    /*Left paging*/
    .left-listname ul.pagenumberul a, ul.pagenumberul a {
        font-size:14px;
    }   

    /*Right help*/
    .helpsection h1 {
        font-size:34px
    }
    .helpsection h2 {
        font-size:19px;
    }
    .helpsection .helptext {
        font-size:15px;
    }
}

@media all and (max-width:1200px) and (min-width:1101px) {
   /*Top menu*/
    .menu-main li a {
            font-size: 78%;         
        }    
    .logo .logo-text {
        font-size:78%;
    }
    .tnote {
        margin-left:-60px !important;
    }    

    /*Left vertical margin*/
    .left {
        padding-top:20px;
        min-height:775px;
    }
    .left-abc {
        margin:15px 0;
    }

    /*Left dropdown, search and Alpha*/
    select.selectradiusSelect {
        font-size:13px;
    }
    .left-abc li {
        letter-spacing:3.5px;
    }
    .left-abc a {
        font-size:12px;
    }
    .search-main > li:first-child {
        width: 85%;
    }
    .search-main > li:last-child {
       width: 15%;
    }

    .search-main input {
        font-size:13px;
    }
    /*Left fragrance links*/
    .left-listname li {
        padding-left:20px;
    }
    .left-listname a {
        font-size:12.5px;
    }
    .left-listname img {
        width:15px;
    }

    /*Left paging*/
    .left-listname ul.pagenumberul a, ul.pagenumberul a {
        font-size:13px;
    } 
    
    /*Right help*/
    .helpsection h1 {
        font-size:32px
    }
    .helpsection h2 {
        font-size:18px;
    }
    .helpsection .helptext {
        font-size:14px;
    }
}
@media all and (max-width: 1100px){
    /*Top menu*/
    .menu-main {
        padding-right:20px;
    }
    .menu-main li a {
            font-size: 75%;         
        }    
    .logo .logo-text {
        font-size:75%;
    }
    .tnote {
        margin-left:-60px !important;
    }    

    /*Left vertical margin*/
    .left {
        padding-top:15px;
        min-height:750px;
    }
    .left-abc {
        margin:10px 0;
    }

    /*Left dropdown, search and Alpha*/
    select.selectradiusSelect {
        font-size:12px;
    }
    .left-abc li {
        letter-spacing:3px;
    }
    .left-abc a {
        font-size:11px;
    }
    .search-main > li:first-child {
        width: 85%;
    }
    .search-main > li:last-child {
       width: 15%;
    }

    .search-main input {
        font-size:12px;
    }
    /*Left fragrance links*/
    .left-listname li {
        padding-left:15px;
    }
    .left-listname a {
        font-size:12px;
    }
    .left-listname img {
        width:15px;
    }

    /*Left paging*/
    .left-listname ul.pagenumberul a, ul.pagenumberul a {
        font-size:12px;
    }   

    /*Right help*/
    .helpsection h1 {
        font-size:30px
    }
    .helpsection h2 {
        font-size:17px;
    }

    .helpsection .helptext {
        font-size:13px;
    }
}

@media print {
    .noprint{
        display:none;
    }
}

.box_list_list {
    background: #fff;
    /*float: left;*/
    margin: 15px 0 0;
    width: 100%;
    max-height: 1111px;
    overflow-y: auto;
}

    .box_list_list:before {
        direction: rtl
    }
    /* scrollbar width */
    .box_list_list::-webkit-scrollbar {
        width: 10px;
        border-radius: 10px;
    }

    /* Track */
    .box_list_list::-webkit-scrollbar-track {
        background: #f8f8f8;
        transform: rotateX(180deg);
    }

    /* Handle */
    .box_list_list::-webkit-scrollbar-thumb {
        background: #808793;
        border-radius: 10px;
    }

        /* Handle on hover */
        .box_list_list::-webkit-scrollbar-thumb:hover {
            background: #555;
        }