/****************************************** SURFER DEPT MENU ******************************************/
#surferDeptMenu {
    height: 5em;
    padding: 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 6px solid #ececec;
}

.navContainer {
    clear: both;
    float: none;
    position: relative;
    width: 100%;
}

#surferDeptMenu .kidsTitle {
    border: medium none;
    margin: 8px 10px;
    text-align: center;
    font-size: 1.3em;
}

#surferDeptMenu ul {
    left: 0;
    margin-top: 13px;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 0 5px;
}

    #surferDeptMenu ul.boysNavMenu {
        right: 0;
        left: auto;
    }

#surferDeptMenu li {
    display: inline-block;
    float: left;
    margin-right: 25px;
    margin-left: 0;
}

    #surferDeptMenu li.first { margin-left: 0; }

    #surferDeptMenu li a {
        color: #A7A7A7;
        display: inline-block;
        font-size: 1.2em;
        height: 2em;
        line-height: 2em;
        padding: 2px 0;
        border: none;
    }

    #surferDeptMenu li.selected a, 
    #surferDeptMenu li a:hover {
        color: #000;
    }

    #surferDeptMenu li.last a {
        padding: 2px 0;
    }

#surferDeptMenu #toggleSurfer.arrow-n {
    background: url("http://cdn2.yoox.biz/yoox10/sections/sr/spriteSurferArrow_newcolor.jpg") no-repeat 0 0;
    bottom: 0;
    display: none;
    cursor: pointer;
    float: right;
    margin-top: 3px;
    border: 0 none;
    width: 33px;
    height: 29px;
}

#surferDeptMenu #toggleSurfer.arrow-n { background-position: 0 -58px; }
    #surferDeptMenu #toggleSurfer.arrow-n:hover { background-position: 0 -87px; }

.design #surferDeptMenu #toggleSurfer.arrow-n { background-position: -33px -58px; }
    .design #surferDeptMenu #toggleSurfer.arrow-n:hover { background-position: -33px -87px; }

.art #surferDeptMenu #toggleSurfer.arrow-n { background-position: -66px -58px; }
    .art #surferDeptMenu #toggleSurfer.arrow-n:hover { background-position: -66px -87px; }

#surferDeptMenu #toggleSurfer.open { background-position: 0 0; }
    #surferDeptMenu #toggleSurfer.open:hover { background-position: 0 -29px; }

.design #surferDeptMenu #toggleSurfer.open { background-position: -33px 0; }
    .design #surferDeptMenu #toggleSurfer.open:hover { background-position: -33px -29px; }

.art #surferDeptMenu #toggleSurfer.open { background-position: -66px 0; }
    .art #surferDeptMenu #toggleSurfer.open:hover { background-position: -66px -29px; }


/****************************************** TELEYOOX ******************************************/

#teleyoox li a span {
    font-weight: bold;
}

#teleyoox .clearallRefiningCombo {
    text-align: right;
    display: block;
    margin-bottom: 5px;
    margin-right: 8px;
}

#teleyoox a:hover, 
#teleyoox a:focus {
    color: #000;
    text-decoration: none;
}

#teleyoox .titleContainer:hover span, 
#teleyoox .titleContainer:focus span, 
#teleyoox .refinerSelected .arrow-s {
    background-position: -381px -18px;
}

.design #teleyoox .titleContainer:hover span, 
.design #teleyoox .titleContainer:focus span, 
.design #teleyoox .refinerSelected .arrow-s {
    background-position: -405px -18px;
}

.art #teleyoox .titleContainer:hover span, 
.art #teleyoox .titleContainer:focus span, 
.art #teleyoox .refinerSelected .arrow-s {
    background-position: -430px -18px;
}

#teleyoox {
    width: 220px;
    padding: 10px;
    color: #7B7B7B;
    position: relative;
    margin-top: 2px;
    z-index: 2;
}

    #teleyoox.fixed {
        position: fixed;
    }

    #teleyoox .refinerContainer {
        border-bottom: none;
        margin: 10px 0;
    }

        #teleyoox .refinerContainer.noBorderBottom {
            border-bottom: none;
        }

        #teleyoox .refinerContainer .scrollbar {
            clear: both;
            height: 198px;
            overflow: hidden;
        }

    #teleyoox .shrinkArea {
        padding-bottom: 20px;
        padding-left: 15px;
        overflow: hidden;
    }

    #teleyoox .ColorPanel .shrinkArea {
        padding-left: 1px;
    }

    #teleyoox .titleContainer h4 {
        font-size: 1.2em;
        height: 1.3em;
        line-height: 1.3em;
        font-weight: normal;
        margin-bottom: 10px;
    }

.AF #teleyoox .titleContainer h4,
.AM #teleyoox .titleContainer h4,
.AZ #teleyoox .titleContainer h4,
.BY #teleyoox .titleContainer h4,
.GE #teleyoox .titleContainer h4,
.KZ #teleyoox .titleContainer h4,
.KG #teleyoox .titleContainer h4,
.TJ #teleyoox .titleContainer h4,
.TM #teleyoox .titleContainer h4,
.UA #teleyoox .titleContainer h4,
.UZ #teleyoox .titleContainer h4 {
    font-size: 1.7em;
}

.RU #teleyoox .titleContainer h4 {
    font-size: 1.6em;
}


#teleyoox .titleContainer .arrow-n,
#teleyoox .titleContainer .arrow-e,
#teleyoox .titleContainer .arrow-s,
#teleyoox .titleContainer .arrow-w {
    background: transparent url("http://cdn2.yoox.biz/yoox14/yoox14_searchResultsArrows.png?5") no-repeat -30px 0;
    display: block;
    font-size: 15px;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 10px;
    height: 9px;
    top: 0.25em;
}

#teleyoox .titleContainer .arrow-s {
    display: inline;
    float: left;
    font-size: 10px;
    margin: 0 5px 0 0;
}

/* fashion */
#teleyoox .titleContainer .arrow-s { background-position: 0 0; }
#teleyoox .closed .titleContainer .arrow-s { background-position: 0 -10px; }

/* design */
.design #teleyoox .titleContainer .arrow-s { background-position: -10px 0; }
.design #teleyoox .closed .titleContainer .arrow-s { background-position: -10px -10px; }

/* art */
.art #teleyoox .titleContainer .arrow-s { background-position: -20px 0; }
.art #teleyoox .closed .titleContainer .arrow-s { background-position: -20px -10px; }


#teleyoox .refinerContainer .titleContainer h4 a { color: #000; }
#teleyoox .infoRefiningCombo { margin: 3px 0 8px; }

#teleyoox #sr_searchAge, #teleyoox #sr_searchSize {
    float: right;
    display: inline;
    margin-top: 10px;
    font-size: 1.1em;
    font-weight: bold;
}

#teleyoox #DesignerPanel .shrinkArea .filtersList,
#teleyoox #CategoryPanel .shrinkArea .filtersList,
#teleyoox #AuthorsPanel .shrinkArea .filtersList,
#teleyoox .DesignerPanel .shrinkArea .filtersList,
#teleyoox .CategoryPanel .shrinkArea .filtersList,
#teleyoox .AuthorsPanel .shrinkArea .filtersList {
    height: 198px;
    overflow: auto;
    clear: both;
}

#teleyoox #ColorPanel .shrinkArea .filtersList,
#teleyoox .ColorPanel .shrinkArea .filtersList {
    height: 100px;
}

#teleyoox .moreRefinementLink {
    text-align: right;
    padding-bottom: 20px;
}

#teleyoox .shrinkArea .moreRefinementLink {
    padding-bottom: 0;
}

#teleyoox .moreRefinementLink a,
#teleyoox .moreRefinementLink #openMoreBrandsLayer {
    font-size: 1.1em;
    font-weight: bold;
    float: none;
    display: inline;
    margin-bottom: 5px;
    position: relative;
    z-index: 10;
}

#teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected li a,
#teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected li.selected li a,
.design #teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected li a,
.design #teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected li.selected li a,
.art #teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected li a,
.art #teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected li.selected li a {
    color: #7B7B7B;
}

#teleyoox .refinerContainer .shrinkArea .filtersList ul li {
    margin-left: 0;
    overflow: hidden;
}

    #teleyoox .refinerContainer .shrinkArea .filtersList ul li ul { margin-bottom: 10px; }
        #teleyoox .refinerContainer .shrinkArea .filtersList ul li ul li { margin-left: 20px; }
        #teleyoox .refinerContainer .shrinkArea .filtersList ul li.macro { margin-left: 0px; }

    #teleyoox .refinerContainer .shrinkArea .filtersList ul li a {
        font-size: 1.2em;
        line-height: 1.4em;
        padding: 2px 0;
        display: inline;
    }

    #teleyoox .refinerContainer .shrinkArea .filtersList ul li.selected a {
        color: #000;
    }

/* ipad */
@media only screen and (max-device-width : 1024px) {
    #teleyoox .refinerContainer .shrinkArea .filtersList ul li a {
        font-size: 1.4em;
        line-height: 1.6em;
    }
}

#teleyoox .refinerContainer .shrinkArea .filtersList ul li.closed ul {
    display: none;
}

#teleyoox .refinerContainer .shrinkArea .filtersList.faytActive ul li.closed ul {
    display: list-item;
}

#teleyoox .refinerContainer .shrinkArea.CategoryStyles .filtersList ul li {
    margin-left: 0;
}

#teleyoox .CategoryStyles .filtersList ul li .lessMore {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-image: url("http://cdn2.yoox.biz/yoox14/yoox14_searchResultsArrows.png?5");
    background-repeat: no-repeat;
    background-position: -57px -3px;
    margin: 3px 6px 0 0;
    cursor: pointer;
}

#teleyoox .CategoryStyles .filtersList ul li.closed .lessMore {
    background-position: -42px -3px;
}

#teleyoox .CategoryStyles .filtersList ul li ul li .lessMore {
    display: none;
}

#teleyoox .CategoryStyles .filtersList ul li ul li {
    margin-left: 0;
    padding-left: 18px;
}

#teleyoox .CategoryStyles .filtersList ul li.noName ul li {
    padding-left: 0;
}

#teleyoox .topList {
    border-bottom: 1px dashed #BBBBBB;
}

/* refinementsList */
#teleyoox .refinementsList {
    background-image: url("http://cdn2.yoox.biz/yoox10/teleyoox/refinementListTopLine.png?_1");
    background-repeat: no-repeat;
    background-position: -5px 0;
    padding: 5px 0 0 20px;
    border-bottom: 5px solid #f4f4f4;
    margin-bottom: 26px;
}

    #teleyoox .refinementsList .shrinkArea { padding-bottom: 0; }
    #teleyoox .refinementsList .refinerContainer { padding-left: 5px; border: none; }

        #teleyoox .refinementsList .refinerContainer .shrinkArea .filtersList ul li a {
            line-height: normal;
            padding: 0;
        }

    #teleyoox .refinementsList .titleContainer h4 {
        font-size: 1.5em;
        line-height: 1.8em;
        height: auto;
        margin-bottom: 0;
    }

    #teleyoox .refinementsList .titleContainer .arrow-s {
        background-image: url("http://cdn2.yoox.biz/yoox14/yoox14_searchResultsArrows.png?5");
        background-repeat: no-repeat;
        background-position: -57px -3px;
        margin: 4px 6px 0 0;
        width: 11px;
        height: 11px;
    }

    #teleyoox .refinementsList .closed .titleContainer .arrow-s { background-position: -42px -3px; }

    #teleyoox .refinementsList .refinerContainer.refinerSelected .titleContainer .arrow-s,
    #teleyoox .refinementsList .refinerContainer:hover .titleContainer .arrow-s {
        background-position: 0 -27px;
    }

    .design #teleyoox .refinementsList .refinerContainer.refinerSelected .titleContainer .arrow-s,
    .design #teleyoox .refinementsList .refinerContainer:hover .titleContainer .arrow-s {
        background-position: -12px -27px;
    }

    .art #teleyoox .refinementsList .refinerContainer.refinerSelected .titleContainer .arrow-s,
    .art #teleyoox .refinementsList .refinerContainer:hover .titleContainer .arrow-s {
        background-position: -12px -27px;
    }

    #teleyoox .refinementsList .refinerContainer.closed:hover .titleContainer .arrow-s { background-position: 0 -41px; }
    .design #teleyoox .refinementsList .refinerContainer.closed:hover .titleContainer .arrow-s { background-position: -12px -41px; }
    .art #teleyoox .refinementsList .refinerContainer.closed:hover .titleContainer .arrow-s { background-position: -12px -41px; }

    #teleyoox .refinementsList .closed:hover .titleContainer .arrow-s { border-top-color: transparent; border-left-color: #FFD800; }
    .design #teleyoox .refinementsList .closed:hover .titleContainer .arrow-s { border-left-color: #026793; }
    .art #teleyoox .refinementsList .closed:hover .titleContainer .arrow-s { border-left-color: #950A35; }


/* trackbar */
#teleyoox .jspTrack {
    background-color: #ececec;
    position: relative;
}

#teleyoox .jspDrag {
    background-color: #a7a7a7;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}

    #teleyoox .jspDrag:focus,
    #teleyoox .jspDrag:hover {
        background-color: #000;
    }

/* popups*/

#FindSizes-modal-loading {
    position: absolute;
    left: -30px;
    top: 0;
}

/* size list */
#listOfSizes {
    overflow: hidden;
    position: relative;
    width: 215px;
}

#teleyoox #listOfSizes li {
    float: left;
    display: inline;
    margin-right: 5px;
    margin-bottom: 3px;
    margin-left: 0;
    text-align: center;
}

    #teleyoox #listOfSizes li a {
        line-height: 1.6em;
        width: 59px;
        display: block;
        border: 3px solid #B5B5B5;
    }

#teleyoox #listOfSizes.kidsAgeList li a {
    width: 94px;
}

#teleyoox #listOfSizes li a:hover,
#teleyoox #listOfSizes li.selected a {
    border: 3px solid #2d2d2d;
}

#teleyoox .SearchSizePanel .shrinkArea {
    padding-left: 15px;
}

#teleyoox #SearchSizePanel .shrinkArea .filtersList ul li {
    overflow: visible;
}
/*list of colors */
ul#listOfColors {
    padding: 0;
}

#listOfColors li {
    border-bottom: 3px solid #B5B5B5;
    float: left;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 6px;
    text-align: center;
    width: 26px;
}

    #listOfColors li div {
        border-bottom: 2px solid #ffffff;
    }


    #listOfColors li.last {
        margin-right: 0;
    }

    #listOfColors li a {
        width: 26px;
        height: 26px;
        display: block;
        padding: 0;
    }

    #listOfColors li.withBorder a {
        border: 1px solid #ececec;
        width: 24px;
        height: 24px;
    }




    #listOfColors li a span {
        position: absolute;
        left: -9999px;
    }

    #listOfColors li:hover,
    #listOfColors li.selected {
        border-bottom: 3px solid #000;
    }

    #listOfColors li#color_9 { background: #FF6600; }
    #listOfColors li#color_32 { background: #E8D4B7; }
    #listOfColors li#color_6 { background: #FFF; }
    #listOfColors li#color_18 { background: #034C8C; }
    #listOfColors li#color_10 { background: #FCDD51; }
    #listOfColors li#color_25 { background: #737E80; }
    #listOfColors li#color_37 { background: #964503; }
    #listOfColors li#color_7 { background: #000; }
    #listOfColors li#color_12 { background: #FAAAD2; }
    #listOfColors li#color_11 { background: #FF3300; }
    #listOfColors li#color_8 { background: #D3DFE4; }
    #listOfColors li#color_22 { background: #008F34; }
    #listOfColors li#color_14 { background: #881CA3; }


/* backToTop */
#backToTop {
    display: block;
    position: absolute;
    left: 0;
    top: 45%;
    height: 1.4em;
    line-height: 1.4em;
    margin-top: -1.1em;
    padding: 5px 12px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

#backToTop {
    background-color: #7B7B7B;
}

    #backToTop span {
        font-size: 10px;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -6px;
        width: 10px;
        height: 6px;
        background: transparent url("http://cdn2.yoox.biz/yoox14/yoox14_searchResultsArrows.png?5") no-repeat -80px -29px;
    }

    #backToTop:hover {
        background-color: #000;
    }

        #backToTop:hover span {
            background-position: -68px -29px;
        }

    #testCol {
        float: right;
        display: inline;
        min-width: 1px;
    }

#filters {
    float: left;
    display: inline;
}

/*FASHION*/
#designerBox #layerLoader {
    position: absolute;
    top: 0;
    left: 0;
    background: url("http://cdn2.yoox.biz/yoox14/loading.gif?_2") no-repeat center center #FFF;
    display: none;
    z-index: 5;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#refineBrands,
#refineCategories {
    border: none;
    background-color: #ececec;
    color: #6e6e6e;
    font-size: 1.1em;
    margin: 10px 0 15px 14px;
    padding: 0 8px;
    width: 190px;
}

/******** PRICE SLIDER ********/
#PriceSliderPanel .labelRangeValue {
    white-space: nowrap;
    font-size: 1.1em;
    margin: 10px 0;
}

#priceSlider {
    margin: 10px 0;
    width: 184px;
    clear: both;
}

    #priceSlider.ui-slider-horizontal .ui-slider-handle {
        border: none;
        cursor: pointer;
        width: 21px;
        height: 22px;
        top: -8px;
        margin-left: 0;
    }

    #priceSlider > .ui-slider-handle-left,
    #priceSlider .ui-slider-handle-left {
        background: transparent url("http://cdn2.yoox.biz/yoox14/spriteSliderPrice.png") no-repeat 0 0;
        border: 0;
        margin-left: 0;
    }

    #priceSlider > .ui-slider-handle-right,
    #priceSlider .ui-slider-handle-right {
        background: transparent url("http://cdn2.yoox.biz/yoox14/spriteSliderPrice.png") no-repeat -21px 0;
        border: 0;
        margin-left: 0;
        margin-right: 0;
    }

    #priceSlider > .ui-slider-handle-left:hover,
    #priceSlider .ui-slider-handle-left:hover {
        background-position: 0 -22px;
    }

    #priceSlider > .ui-slider-handle-right:hover,
    #priceSlider .ui-slider-handle-right:hover {
        background-position: -21px -22px;
    }

    #priceSlider.ui-slider .ui-slider-range {
        background: #ffdd00;
    }

.design #priceSlider.ui-slider .ui-slider-range {
    background: #42ae49;
}

.art #priceSlider.ui-slider .ui-slider-range {
    background: #055eca;
}

#priceSlider.ui-slider .ui-slider-range {
    height: 7px;
}

#priceSlider.ui-slider-horizontal {
    height: 7px;
    border-right: 15px solid #DBDBDB;
    background: #dbdbdb;
}

/****************************************** END TELEYOOX ******************************************/


/****************************************** LAYER MORE BRANDS **********************************************/
#DesignerPanel .titleContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#DesignerPanel .shrinkArea {
    clear: both;
}

    #DesignerPanel .shrinkArea #listOfBrands {
        padding: 0;
    }

#openMoreBrandsLayer {
    font-size: 1.1em;
    font-weight: bold;
    float: right;
    display: inline;
    margin-bottom: 5px;
    position: relative;
    z-index: 10;
}

#viewMoreBrands {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}

#moreBrandsOverlay {
    display: none;
    height: 555px;
    margin: 0;
    position: relative;
    width: 980px;
    border: 1px solid #cfcfcf;
    border-left: none;
    border-right: none;
    clear: both;
}

#moreBrandsLayer {
    overflow: hidden;
    width: 970px;
    margin: 0 auto;
    position: relative;
    height: auto !important;
    height: 350px;
    min-height: 350px;
    padding: 40px 5px 20px;
    clear: both;
}

#closeLayerBrands {
    position: absolute;
    top: 14px;
    right: 0;
    cursor: pointer;
    z-index: 10;
    font-size: 2em;
    color: #858585;
    padding: 0;
}

#prevBrandsPage {
    /*position: absolute;
    top: 12px;
    left: -2px;
        */
    cursor: pointer;
    z-index: 10;
    display: inline;
    /*float: left;*/
    /*width: 20px;*/
}

#nextBrandsPage {
    /*position: absolute;
    top: 12px;
    left: 30px;*/
    cursor: pointer;
    /*float: left;*/
    display: inline;
    z-index: 10;
}

#prevBrandsPage .arrow-w {
    width: auto;
    height: auto;
    display: inline;
    background: transparent url("http://cdn2.yoox.biz/yoox14/moreBrandsSeparator.gif") no-repeat 100%;
    padding-right: 10px;
}

#nextBrandsPage .arrow-e {
    background: none;
    height: auto;
    width: auto;
    display: inline;
}

#moreBrandsLayer #layerLoader {
    position: absolute;
    top: 0;
    left: 0;
    background: url("http://cdn2.yoox.biz/yoox14/loading.gif?_2") no-repeat center center #FFF;
    z-index: 5;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#moreBrandsLayer #layerBrandsRetry {
    cursor: pointer;
    left: 0;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
    z-index: 10;
}

#brandsTitle {
    position: absolute;
    top: 14px;
    left: 5px;
    font-size: 1.2em;
}

#letterScroller {
    height: 30px;
    margin: 0 0 20px;
    position: relative;
    width: 980px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

#lettersContainer {
    height: 28px;
    /*left: 10px;*/
    position: absolute;
    top: 0;
    width: 970px;
}

    #lettersContainer .label {
        cursor: pointer;
        color: #818181;
        height: 20px;
        line-height: 20px;
        /*border-right: 1px solid #cecece;*/
        position: absolute;
        top: 4px;
        width: 16px;
        display: inline;
        background: transparent url("http://cdn2.yoox.biz/yoox14/moreBrandsSeparator.gif") no-repeat 100%;
        padding-right: 5px;
    }

    #lettersContainer .last {
        border-right: none;
        text-align: center;
    }

#BrandsPagination {
    left: 25%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 50%;
    z-index: 10;
}


#lettersContainer .label.selected {
    color: #000;
}

#lettersContainer .label:hover {
    color: #000;
}

#idScrollCont {
    overflow: hidden;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #idScrollCont {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

#moreBrandsContainer {
    height: auto !important;
    height: 300px;
    min-height: 300px;
    overflow: hidden;
    position: relative;
}

    #moreBrandsContainer #loaderRight {
        height: 1px;
        width: 1px;
        position: absolute;
        top: 0;
        right: 0;
    }

    #moreBrandsContainer #loaderLeft {
        height: 1px;
        width: 1px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #moreBrandsContainer .pageBrand {
        display: inline;
        float: left;
        overflow: hidden;
        width: 970px;
    }

    #moreBrandsContainer .brandCol {
        display: inline;
        float: left;
        width: 24%;
        margin: 0;
    }

        #moreBrandsContainer .brandCol li {
            position: relative;
            display: block;
            overflow: hidden;
            font-size: 1em;
            line-height: 1.8em;
        }

            #moreBrandsContainer .brandCol li.capital {
                border-top: 1px solid #7B7B7B;
                height: 14px;
                position: relative;
                width: 165px;
                z-index: 0;
            }

                #moreBrandsContainer .brandCol li.capital + li {
                    margin-top: -1.7em;
                }

                #moreBrandsContainer .brandCol li.capital span {
                    background: #7B7B7B;
                    color: #fff;
                    display: block;
                    font-size: 1em;
                    font-weight: bold;
                    height: 15px;
                    line-height: 15px;
                    position: absolute;
                    right: -1px;
                    text-align: center;
                    top: -1px;
                    width: 15px;
                }

            #moreBrandsContainer .brandCol li a {
                display: block;
                padding-left: 1%;
                width: 98%;
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                white-space: nowrap;
                z-index: 1;
                font-size: 1.2em;
            }

                #moreBrandsContainer .brandCol li a:hover,
                #moreBrandsContainer .brandCol li a.selected {
                    color: #000;
                }

/****************************************** END LAYER MORE BRANDS ******************************************/


/****************************************** NAVIGATIONBAR ******************************************/
#navigationBarTop,
#navigationBarBottom {
    margin: 15px 0;
    clear: both;
    overflow: visible;
    height: 37px;
    position: relative;
    z-index: 1;
}

#navigationBarTop {
    width: 700px;
    float: right;
    height: auto;
}


#searchresult #mainContent {
    padding-bottom: 67px;
}

#mainContent #navigationBarBottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

#fixedNavigation {
    display: none;
    position: fixed;
    z-index: 990;
    bottom: 0;
    left: 0;
    border-top: 5px solid #F4F4F4;
    width: 100%;
    background: #FFF;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-box-shadow: 0 -2px 4px -2px #999;
    -moz-box-shadow: 0 -2px 4px -2px #999;
    box-shadow: 0 -2px 4px -2px #999;
}

    #fixedNavigation #navigationBarBottom {
        margin: 5px auto;
    }

    #fixedNavigation .totalArticles, #mainContent #navigationBarBottom .totalArticles {
        color: #A6A6A6;
        font-weight: bold;
        position: absolute;
        left: 300px;
        top: 12px;
    }

#seasonbar {
    display: none;
}

/** PAGINATION **/
.pagination {
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    height: 29px;
}

    .pagination ul {
        overflow: hidden;
        margin-top: 0;
    }

    .pagination li {
        float: left;
        /*border-left: 2px solid #efefef;*/
        padding: 0 10px;
    }

        .pagination li:first-child {
            border-left: none;
            padding-left: 0px;
            padding-right: 10px;
        }

        .pagination li a {
            display: block;
            text-decoration: none;
            color: #2b2b2b;
            line-height: 29px;
        }

            .pagination li a span {
                background: url("http://cdn2.yoox.biz/yoox14/spriteNavigation_r14.png?11") no-repeat 0 0;
            }

        .pagination li.firstPage .stanghetta {
            background: none repeat scroll 0 0 #eaacac;
            display: inline-block;
            float: left;
            height: 14px;
            margin-top: 3px;
            margin-right: 2px;
            width: 2px;
        }

        .pagination li.firstPage a:hover .stanghetta {
            background-color: #FFD800;
        }

        .pagination li.firstPage .paginationArrow.arrow-w, .pagination li.prevPage .paginationArrow.arrow-w {
            display: inline;
            float: left;
            border: 0;
            width: 31px;
            height: 29px;
            right: 0;
            background-position: 0 0;
        }

        .pagination li.prevPage a:hover .paginationArrow.arrow-w {
            background-position: -70px 0;
        }

        .pagination li.firstPage .paginationArrow.arrow-w {
            background-position: -139px 0;
        }

        .pagination li.firstPage a:hover .paginationArrow.arrow-w {
            background-position: -209px 0;
        }

        .pagination li.nextPage .paginationArrow, .pagination li.nextPage .arrow-e {
            display: inline;
            float: left;
            left: 0;
            background-position: -37px 0;
            border: 0;
            width: 31px;
            height: 29px;
        }

        .pagination li.nextPage a:hover .paginationArrow, .pagination li.nextPage a:hover .arrow-e {
            background-position: -107px 0px;
        }


        .pagination li.lastPage {
            display: block;
            text-indent: 0px;
            width: auto;
            padding: 0 10px 0 0;
            cursor: default;
        }

            .pagination li.lastPage a {
                padding: 0;
            }

        .pagination li.operation {
            display: block;
            text-indent: 0px;
            width: auto;
            padding: 0 5px 0 2px;
            cursor: default;
            color: #a6a6a6;
        }

            .pagination li.operation span {
                height: 29px;
                line-height: 29px;
                display: inline;
                margin-left: 8px;
                float: left;
            }

        .pagination li.lastPage .totalPage {
            cursor: pointer;
            line-height: 29px;
        }

    .pagination .currentPageInput {
        width: 31px;
        height: 29px;
        line-height: 29px;
        color: #2b2b2b;
        text-align: center;
        font-size: 1em;
        float: left;
        background: #ECECEC;
        border: none;
        margin: 0;
        padding: 0;
    }

    .pagination input.currentPageInput::-webkit-input-placeholder { color: #2b2b2b; }
    .pagination input.currentPageInput::-moz-placeholder { color: #2b2b2b; }
    .pagination input.currentPageInput:-moz-placeholder { color: #2b2b2b; }
    .pagination input.currentPageInput::-ms-input-placeholder { color: #2b2b2b; }

    .pagination li.currentPage {
        cursor: default;
        text-indent: 0px;
        line-height: 29px;
        color: #a6a6a6;
        padding: 0 10px;
    }

    .pagination li.nextPage {
        width: 31px;
        height: 29px;
        text-indent: 100%;
        padding: 0;
    }

        .pagination li.nextPage a {
            padding: 0;
            height: 29px;
            margin: 0;
            width: 31px;
        }

    .pagination li.firstPage, .pagination li.prevPage {
        height: 29px;
        text-indent: 100%;
        padding: 0;
    }

    .pagination li.nextPage { margin-left: 3px; }
    .pagination li.firstPage { margin-right: 3px; }


        .pagination li.firstPage a, .pagination li.prevPage a {
            padding: 0;
            height: 29px;
            margin: 0;
            width: 31px;
        }

    .pagination li.lastPage { padding-right: 8px; }

    .pagination li.nextPage { width: 31px; }


/** SORTING FILTER **/
#sortingFilter {
    margin-right: 5px;
    margin-top: 0;
    position: relative;
}

#sortingFilter #sortSelector-button {
    background: transparent url("http://cdn2.yoox.biz/yoox14/spriteNavigation_r14.png?11") no-repeat 100% -30px;
    color: #ffffff;
    font-size: 1.2em;
    padding: 0;
    width: 200px !important;
    height: 29px;
    line-height: 29px;
}

#sortingFilter #sortSelector {
    width: 200px;
}

#sortingFilter #sortSelector-button span.ui-selectmenu-status {
    padding-left: 10px;
}

#sortingFilter #sortSelector-button span {
    padding-top: 7px;
}

.ui-selectmenu {
    display: block;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    zoom: 1;
    background: none;
    border: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    display: none;
    z-index: 1005;
}
    .ui-selectmenu-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        border-bottom: 1px solid #ececec;
        font-size: 1.2em;
    }

        .ui-selectmenu-menu ul li {
            padding: 10px;
            cursor: pointer;
            border-left: 1px solid #ececec;
            border-right: 1px solid #ececec;
        }

            .ui-selectmenu-menu ul li:hover {
                background-color: #ececec
            }

            .ui-selectmenu-menu ul li a:hover {
                background-color: #ececec;
                color: #6e6e6e;
            }

.ui-selectmenu-open {
    display: block;
}


/****************************************** ITEMS GRID ******************************************/

#itemsGrid {
    width: 720px;
    margin-bottom: 40px;
}

    #itemsGrid .itemContainer {
        position: relative;
        display: inline;
        float: left;
        padding: 5px;
        margin-left: 15px;
        margin-right: 5px;
        width: 210px;
    }

        #itemsGrid .itemContainer a,
        #itemsGrid .itemData a .price,
        #itemsGrid .itemData a .colorSize {
            display: block;
        }

    #itemsGrid .itemImg {
        position: relative;
        text-align: center;
        height: 300px;
        width: 210px;
        background: #FFF;
        border-bottom: 1px solid #a7a7a7;
    }

    #itemsGrid .soldout .itemImg img {
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    #itemsGrid .soldout a {
        cursor: default;
        color: #666;
    }

    #itemsGrid .vintageProd {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.itemData {
    position: relative;
    color: #7B7B7B;
    line-height: 1.2em;
    margin-top: 10px;
    width: 210px;
    overflow: hidden;
}

    .itemData .newprice { white-space: nowrap; }

#searchresult .itemData {
    height: auto;
    min-height: 115px;
}

#searchresult .srCol0 {
    clear: left;
}

.itemData a .brand,
.itemData a .auth {
    font-size: 1.2em;
    line-height: 1.2em;
    display: block;
    margin: 3px 0;
    color: #000;
}

.itemData a .art {
    font-style: italic;
}

.itemData .colorSize,
.itemData .microCategory {
    font-size: 1.2em;
}

#itemsGrid .colorSize {
    margin-top: 5px;
    color: #666;
}

#mysizes .loadingFFF {
    display: block;
    margin: 0 auto;
}

#itemsGrid .size .labelSize {
    height: 50px;
    margin-right: 5px;
    line-height: normal;
}

#itemsGrid .size .aSize {
    margin: 0 2px;
    line-height: normal;
    white-space: nowrap;
}

#itemsGrid .colors,
#itemsGrid .itemPreview {
    color: #6e6e6e;
    padding: 10px 5px ;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    z-index: 5;
}

.no-touch #itemsGrid .colors:hover,
.no-touch #itemsGrid .itemPreview:hover {
    color: #000;
}

#itemsGrid .colors { right: 0; }
#itemsGrid .itemPreview {
    width: 30px;
    height: 16px;
    overflow: hidden;
    left: 0;
    padding: 10px 0;
    text-indent: -1000px;
    background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/preview/eye_off_on.png?_1");
    background-repeat: no-repeat;
    background-position: 0 center;
}

#itemsGrid .itemPreview:hover {
    background-position: -30px center;
}



/* layerMoreColors */
#searchresult #ui-dialog-title-layerMoreColors { display: none; }

#searchresult #layerMoreColors {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #FFF;
}

#sliderMoreColors ul {
    height: auto;
    overflow: hidden;
}

#sliderMoreColors li {
    overflow: hidden;
    border-top: 1px solid #dbdbdb;
}

    #sliderMoreColors li.first {
        border-top: 0px solid #dbdbdb;
    }

#sliderMoreColors a {
    display: inline;
    float: left;
    margin: 0 5px;
}

#sliderMoreColors img {
    position: relative;
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    width: 65px;
    height: 85px;
}

#sliderMoreColors {
    overflow: hidden;
}

#layerMoreColors #morecolors,
#layerMoreColors #pluscolors {
    cursor: pointer;
    position: absolute;
    left: 30px;
    bottom: 1px;
    font-size: 1.1em;
    font-weight: bold;
    color: #b5b5b5;
}

#layerMoreColors #morecolors {
    left: auto;
    right: 5px;
}

    #layerMoreColors #pluscolors:hover,
    #layerMoreColors #morecolors:hover {
        color: #999;
    }

    #layerMoreColors #morecolors a {
        color: #fff;
        text-decoration: none;
    }

#layerMoreColorsContainer {
    margin: 25px 5px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
    height: auto;
    _height: 100%;
}




#frm_createPremiere .field-validation-error { position: static; }
    #frm_createPremiere .field-validation-error span { white-space: normal; }
/** END ITEMS GRID **/

/** searchResult empty **/
#noResult {
    background: none;
    height: auto !important;
    min-height: 0;
    padding-top: 60px;
    margin: 0;
    border-top: 1px solid #CDCDCD;
}

#noResultText {
    text-align: center;
}

@media only screen and /*!*/ (-webkit-min-device-pixel-ratio: 1.5), only screen and /*!*/ (min--moz-device-pixel-ratio: 1.5), only screen and /*!*/ (min-resolution: 240dpi) {
    #noResult {
        background: url("http://cdn2.yoox.biz/yoox10/sections/item/icoSoldOut.jpg") no-repeat top center;
        -webkit-background-size: 56px 56px;
        -moz-background-size: 56px 56px;
        -o-background-size: 56px 56px;
        -webkit-background-size: 56px 56px;
        background-size: 56px 56px;
    }
}

#noResultTitle {
    line-height: 2em;
    text-align: center;
    width: 100%;
    font-size: 1.5em;
    font-weight: normal;
    color: #6E6E6E;
    display: block;
    margin-bottom: 20px;
}

#noResultTextsearched {
    font-size: 1.5em;
    line-height: 2em;
    text-align: center;
    width: 100%;
    font-weight: normal;
    color: #6E6E6E;
}

    #noResultTextsearched span {
        font-weight: normal;
        color: #000;
    }

#noResultChooseOther {
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
    display: inline;
    line-height: 2em;
}


#noResult .contentWrapper {
    margin-top: 60px;
}

    #noResult .contentWrapper .moduleTitleR14 {
        border-top: 1px solid #CDCDCD;
    }

/* BADGING */
.itemBadge {
    width: 134px;
    height: 19px;
    position: absolute;
    bottom: 28px;
    left: 0;
    text-align: left;
}

/** VIDEO LAYER **/
.overlay {
    display: none;
    background: #000;
    position: fixed;
    top: -118px;
    left: 0px;
    height: 120%;
    _height: 4000px;
    width: 100%;
    cursor: pointer;
    z-index: 5000;
    /*Trasperenza cross browser *
    opacity: 0.7; 
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /**/
}

#videoLayer {
    position: absolute;
    width: 640px;
    height: 400px;
    display: none;
    z-index: 5001;
    left: 0;
    right: 0;
    *left: 50%;
    margin: 0 auto;
    *margin-left: -320px;
}

/* AGGIUNTE */
#voiceover {
    font-size: 1.3em;
    line-height: 1.3em;
    padding: 15px 0 0;
    text-align: center;
}


/*****************       infiniteScrollBlock          ****************/
#infiniteScrollBlock {
    display: none;
}
.SrInfiniteWebsiteABT #infiniteScrollBlock {
    clear: both;
    background: url("http://cdn2.yoox.biz/yoox14/loading.gif?_2") no-repeat center center transparent;
    height: 50px;
    width: 100%;
    display: block;
}
.SrInfiniteWebsiteABT #infiniteScrollBlock #infiniteScrollLink {
    height: 50px;
    width: 100%;
    display: block;
}
.SrInfiniteWebsiteABT .pagination {
    display: none;
}
.SrInfiniteWebsiteABT #backToTop {
    left: auto;
    right: 0;
    top: 3px;
    bottom: auto;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: -1000px;
    margin: 0;
    padding: 0;
    background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/top_grey_44px-02.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:  transparent;

}
@media only screen and /*!*/ (-webkit-min-device-pixel-ratio: 1.5), only screen and /*!*/ (min--moz-device-pixel-ratio: 1.5), only screen and /*!*/ (min-resolution: 240dpi) {
    .SrInfiniteWebsiteABT #backToTop {
        background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/top_grey_88px-01.png");
        background-size: 44px 44px;
    }
}
.SrInfiniteWebsiteABT #fixedNavigation {
    border-top: 1px solid #cccccc;
    box-shadow: 0 -2px 8px -2px #cccccc;
}
.SrInfiniteWebsiteABT #fixedNavigation #navigationBarBottom {
    margin: 0 auto;
    height: 50px;
}
.SrInfiniteWebsiteABT #fixedNavigation .totalArticles,
.SrInfiniteWebsiteABT #mainContent #navigationBarBottom .totalArticles {
    left: 0;
    top: 25px;
    color: #2e2e2e;
}
#fixedNavigation .titleSrBottom,
#mainContent #navigationBarBottom .titleSrBottom {
    display: none;
}
.SrInfiniteWebsiteABT #fixedNavigation .titleSrBottom,
.SrInfiniteWebsiteABT #mainContent #navigationBarBottom .titleSrBottom  {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 1.2em;
    color: #2e2e2e;
}

#teleyooxCopyright {
    display: none;
}
.SrInfiniteWebsiteABT #teleyooxCopyright {
    display: block;
    border-top: 1px solid #A7A7A7;
    font-size: 0.9em;
    color: #A7A7A7;

}

.SrInfiniteWebsiteABT #teleyooxCopyright {
    display: block;
    border-top: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    color: #A7A7A7;
    padding: 0 0 20px 0;
    margin-top: 90px;
}

.SrInfiniteWebsiteABT #teleyooxCopyright .legalLinks {
    line-height: 20px;
    font-size: 1em;
    margin: 10px 0;
}

.SrInfiniteWebsiteABT #teleyooxCopyright .copyrightText{
    line-height: 9px;
    font-size: 9px;
}

.SrInfiniteWebsiteABT #teleyooxCopyright .copyrightText a{
    color: #6e6e6e;
}

/* SrInfiniteWebsiteArrowsABT */
#NavigatePages {
    display: none;    
}
.SrInfiniteWebsiteArrowsABT #NavigatePages {
    display: block;
    position: absolute;
    top: 3px;
    left: 45%;
    width: 150px;
    height: 44px;
    line-height: 44px;
}

.SrInfiniteWebsiteArrowsABT #NavigatePages .anchorPages{
    text-align: center;
}

.SrInfiniteWebsiteArrowsABT #NavigatePages .nextAnchorPage {
    width: 31px;
    height: 44px;
    background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_down.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:  transparent;
    float: right;
    cursor: pointer;
}
.SrInfiniteWebsiteArrowsABT #NavigatePages .prevAnchorPage {
    width: 31px;
    height: 44px;
    background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_up.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:  transparent;
    float: left;
    cursor: pointer;
}

.SrInfiniteWebsiteArrowsABT #NavigatePages .nextAnchorPageDisabled {
    width: 31px;
    height: 44px;
    background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_down_disabled.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:  transparent;
    float: right;
}
.SrInfiniteWebsiteArrowsABT #NavigatePages .prevAnchorPageDisabled {
    width: 31px;
    height: 44px;
    background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_up_disabled.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:  transparent;
    float: left;
}

@media only screen and /*!*/ (-webkit-min-device-pixel-ratio: 1.5), only screen and /*!*/ (min--moz-device-pixel-ratio: 1.5), only screen and /*!*/ (min-resolution: 240dpi) {
    .SrInfiniteWebsiteArrowsABT #NavigatePages .nextAnchorPage {
        background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_down_retina.png");
        background-size: 31px 16px;
    }
    .SrInfiniteWebsiteArrowsABT #NavigatePages .prevAnchorPage {
        background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_up_retina.png");
        background-size: 31px 16px;
    }
    .SrInfiniteWebsiteArrowsABT #NavigatePages .nextAnchorPageDisabled {
        background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_down_disabled_retina.png");
        background-size: 31px 16px;
    }
    .SrInfiniteWebsiteArrowsABT #NavigatePages .prevAnchorPageDisabled {
        background-image: url("http://cdn2.yoox.biz/yoox14/sections/sr/infinitescroll/arrow_up_disabled_retina.png");
        background-size: 31px 16px;
    }
}
/* Component containers
/*----------------------------------*/

#create_layer #setDefaultProfile {
    padding-top: 8px;
}

#touchslider .ui-slider {
    border: 0 none;
    color: #222222;
    border-bottom: 0;
    width: 576px;
    background-color: #e6e6e6;
}

    #touchslider .ui-slider a { color: #222222; }

    #touchslider .ui-slider .ui-widget-header {
        border: 0 none;
        background: #6e6e6e;
        color: #222222;
        font-weight: bold;
    }

#touchslider .ui-slider .ui-widget-header a { color: #222222; }

.ui-dialog #touchslider .ui-slider {
    background: #ffffff;
    color: #222222;
}

.ui-slider-horizontal .ui-slider-handle {
    width: 21px;
    height: 22px;
    background: transparent url("http://cdn2.yoox.biz/yoox14/spriteSliderPrice.png") no-repeat 0 -22px;
    cursor: w-resize;
    top: -6px;
    border: none;
}

.ui-slider-horizontal .custom-position-1 {
    background-position: -21px -22px;
}

.ui-slider-horizontal a.ui-slider-handle:hover {
    background-position: 0 0;
}

.ui-slider-horizontal a.custom-position-1:hover {
    background-position: -21px 0;
}

.ui-slider-horizontal a.custom-position-1 {
    margin-left: -0.9em;
}
/*----------------------------------*/

.editor-field { margin-bottom: 2px; }
.editor-field .editor-label {  }

#mySizesBox {
    color: #FFF;
    float: none;
    clear: left;
    padding: 11px 0;
}

    #mySizesBox .smallheader {
        color: #5a5a5a;
        overflow: hidden;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.2em;
        display: block;
        font-weight: bold;
    }

    #mySizesBox .introMySizes {
        color: #646464;
        display: block;
        font-weight: normal;
        font-size: 10px;
        padding: 5px 0 5px 0;
    }

        #mySizesBox .introMySizes a.createlink {
            color: #ffffff;
            display: block;
            padding: 10px;
            margin-top: 5px;
            font-weight: bold;
            background: #a7a7a7;
            text-align: center;
        }

        #mySizesBox .introMySizes a.createlink:hover {
            background-color: #000000;
        }

    #mySizesBox #listofprofile {
        font-size: 10px;
        padding: 5px 0 10px 0;
    }

    #mySizesBox #listofprofile .radio {
        float: left;
        margin-right: 3px;
    }

        #mySizesBox #listofprofile .smallheader {
            font-size: 10px;
            color: #797979;
            overflow: hidden;
            text-align: left;
            font-weight: bold;
            border: none;
            padding: 0 0 5px 0;
        }

        #mySizesBox #listofprofile .partoflist {
            color: #646464;
            padding: 2px 0;
            overflow: hidden;
        }

            #mySizesBox #listofprofile .partoflist .mySizeRadio {
                margin-right: 4px;
                color: #646464;
                vertical-align: middle;
                float: left;
                clear: none;
            }

            #mySizesBox #listofprofile .partoflist label {
                color: #646464;
                line-height: 15px;
                *line-height: 20px;
                float: left;
                clear: none;
                display: block;
            }

            #mySizesBox #listofprofile .partoflist label.noProfile {
                width: 180px;
            }

            #mySizesBox #listofprofile .partoflist.disabledProfile label {
                border-bottom: 1px dotted #6699CC;
                color: #AAA;
            }

            #mySizesBox #listofprofile .partoflist a.modify {
                color: #646464;
                margin-right: 5px;
                text-decoration: underline;
                line-height: 15px;
                *line-height: 20px;
                float: right;
                clear: none;
                display: block;
            }

#tooltip_mysize .closeTooltip {
    color: #3d3c3a;
    cursor: pointer;
    font-size: 2em;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    font-weight: bold;
}

#tooltip_FirstCreate .closeTooltip {
    color: #fff;
    cursor: pointer;
    font-size: 2em;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    font-weight: bold;
}

#tooltip_mysize.tooltip {
    background-color: #F7D100;
    height: auto;
    padding: 20px;
    width: 0;
}

    #tooltip_mysize.tooltip .tlptext {
        margin-top: 25px;
        border-top: 1px dashed #3d3c3a;
    }

#tooltip_mysize .tootlipTitle {
    width: 160px;
    color: #3d3c3a;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    padding-top: 50px;
    background: transparent url('http://cdn2.yoox.biz/yoox10/sections/myoox/cubo_giallo.jpg') no-repeat top left;
    border-bottom: 1px dashed #3d3c3a;
    padding-bottom: 5px;
}

#tooltip_mysize .tootlipTitleBanner {
    background: transparent url('http://cdn2.yoox.biz/yoox10/sections/myoox/nuovo_giallo.jpg') no-repeat top left;
    width: 120px;
    height: 128px;
    float: right;
    display: block;
}

#tooltip_mysize .tlptext p {
    color: #3d3c3a;
    display: block;
    font-size: 1.3em;
    line-height: 1.2em;
    padding: 20px 0 30px 0;
    text-align: left;
    background: transparent url('http://cdn2.yoox.biz/yoox10/sections/myoox/ilmetro_giallo.jpg') no-repeat right bottom;
    border-bottom: 1px dashed #3d3c3a;
    margin: 0;
    *width: 100%;
}

#tooltip_mysize.tooltip .button, #tooltip_mysize.tooltip .button:hover {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
    color: #3d3c3a;
    text-decoration: underline;
    margin-top: 10px;
    padding: 5px 10px;
    border: none;
    background: none;
}

    #tooltip_mysize.tooltip .button.primary {
        background: #646464 url('http://cdn2.yoox.biz/yoox10/sections/myoox/cubo_w_giallo_m.jpg') no-repeat right center;
        color: #ffffff;
        text-decoration: none;
        padding: 5px 30px 5px 10px;
    }

        #tooltip_mysize.tooltip .button.primary:hover { color: #F7D100; }

/*----------------------------------*/

#dlg-size, 
.editormysizedialog {
    background-color: #FFF; /*transparent;*/
}

    .editormysizedialog .ui-widget-header {
        background-color: #FFF;
        background-image: none;
    }

    #dlg-size #create_layer {
        padding: 0;
    }

    .editormysizedialog.ui-dialog .ui-dialog-title {
        color: #797979;
        height: auto !important;
        height: 16px;
        min-height: 16px;
        margin: 0;
        min-width: 205px;
        _width: 205px;
        padding: 16px 20px 0 17px;
    }
    
     #dlg-size .page-header {
         display: none;
     }


/*----------------------------------*/

#create_layer {
    color: #6e6e6e;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    width: 775px;
    margin: 0 auto;
    position: relative;
}

#create_layer {
    width: 740px;
    margin-top: 20px;   
}

.ui-dialog #create_layer {
    margin-top: 0;
}

    #create_layer h2 {
        color: #6e6e6e;
        font-family: Arial;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
    }

    #create_layer #tabs {
        margin-top: 80px;
    }

/*** FORM ***/

#genderMale, #genderFemale {
    padding-top: 4px;
}

#genderFemale {
    float: left;
    display: inline;
    margin-right: 10px;
}

#genderMale {
    float: left;
    display: inline;
}

.appform.custom span.custom { _position: static; }

.mysizeheader {
    padding: 15px;
}

.mysizeheader .editor-col {
    width: 33%;
    position: relative;
}

.infotab {
    color: #333;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 11px 0;
    border-bottom: none;
}

.submitHidden {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

#profileInfo {
    background-color: #a7a7a7;
    color: #ffffff;
    padding: 20px;
    font-size: 1.2em;
    line-height: 1.2em;
}

#touchslider {
    border: none;
    font-size: 1.2em;
    position: relative;
}

    #touchslider .ui-tabs {
        background-color: transparent;
        border: 0;
    }

    #touchslider .ui-tabs-panel {
        padding-bottom: 0;
        border-bottom: 0;
        border-top: 0;
        width: 771px;
        padding-top: 0;
    }

    #touchslider .ui-tabs-panel {
        width: 696px;
        border-top: none;
        padding: 0 20px 10px;
    }

#panelTabsU ul, #panelTabsD ul {
    background: #ffffff;
}

.submitProfile {
    overflow: hidden;
}

.tab_footer {
    border: 0 none;
    overflow: hidden;
    margin-right: 0;
    padding: 0 20px;
}

.ui-tabs .ui-tabs-panel {
    padding-left: 0;
    padding-right: 0;
}

    .ui-tabs .ui-tabs-panel p {
        color: #6e6e6e;
        font-size: 0.85em;
        text-align: center;
        margin: 22px 0;
    }

.intotherange {
    background: #fff;
    padding-bottom: 8px;
    width: 720px;
    margin: 0 auto;
    
}

#frm_edit {
    position: relative;
    overflow: hidden;
    padding: 0;
    float: none;
    display: block;
    border: 2px solid #a7a7a7;
    border-bottom: none;
}

#create_layer .editor-buttons {
    margin-top: 0;
    padding-right: 20px;
}

    #create_layer .editor-buttons a {
        margin-top: 10px;
        margin-bottom: 10px;
    }
        
        #create_layer .editor-buttons a:hover {
            background-color: transparent;
            text-decoration: none;
        }

        #create_layer .editor-buttons a.form-reset.editor-button:hover, #create_layer .editor-buttons a.form-reset:hover {
            color: #2e2e2e;
        }

        #create_layer .editor-buttons a.form-reset.editor-button, #create_layer .editor-buttons  a.form-reset {
            color: #6e6e6e;
            text-decoration: none;
        }

#create_layer .submitProfile,
#create_layer #submitProfilePanel {
    border: 2px solid #a7a7a7;
    border-top-width: 1px;
}

    #frm_edit > div {
        float: none;
        display: block;
    }

    #frm_edit .editor-input {
        background: none;
        border: none;
        height: auto;
        margin: 0;
        width: auto;
        display: block;
        float: none;
    }

    #frm_edit .editor-input .text-box, #frm_edit .editor-input .text {
        width: 90%;
    }

    #frm_edit .ui-tabs {
        padding: 0;
        overflow: hidden;
        border-bottom: 0;
    }

    #frm_edit #touchslider .field-validation-error {
        left: 20px;
        bottom: -7px;
        top: auto;
        font-size: 0.9em;
    }

#error_existing, 
#limitedreached {
    bottom: 23px;
    left: 20px;
    top: auto;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
    width: 736px;
}

    .ui-tabs .ui-tabs-nav .tab_selected span {
        position: absolute;
        top: 38px;
        left: 0;
        font-size: 12px;
        width: 100%;
        color: #333;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 110px;
        overflow: hidden;
        background: none;
        margin-right: 0;
        border: 0 none;
        clear: none;
        top: 0;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 121px;
        border-left: 1px solid #ffffff;
        margin: 0;
        padding: 0;
    }

        .ui-tabs .ui-tabs-nav li.first {
            border-left: 0;
            width: 123px;
        }

        .ui-tabs .ui-tabs-nav li.last {
            width: 124px;
        }

        .ui-tabs .ui-tabs-nav li a,
        .ui-tabs .ui-tabs-nav li a span {
            display: block;
        }

        .ui-tabs .ui-tabs-nav li a {
            margin: 0;
            padding: 0;
            cursor: pointer;
            position: relative;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a .tab_category,
        .ui-tabs .ui-tabs-nav li.ui-state-hover a .tab_category {
            background: #6e6e6e;
            color: #fff;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected span, 
        .ui-tabs .ui-tabs-nav li.ui-state-hover span {
            color: #fff;
        }

        .ui-tabs .ui-tabs-nav li a .tab_category {
            background-color: #e6e6e6;
            color: #2e2e2e;
            font-size: 0.8em;
            font-weight: bold;
            height: 48px;
            line-height: 1em;
            padding: 12px 5px 0;
            white-space: normal;
            width: 90px;
        }

        .ui-tabs .ui-tabs-nav li a .tab_category {
            text-align: center;
            width: 114px;
        }

.ui-tabs-panel {
    float: left;
    *width: auto;
}

.tab_selected {
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 0;
    display: block;
}

.taglie_etichette {
    background-color: #FFFFFF;
    float: left;
    height: 128px;
    width: 120px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #a7a7a7;
}

.taglie_etichette_fascia {
    width: auto;
    height: 14px;
    padding: 22px 0;
    border-bottom: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
}

.CN .taglie_item .size {
    font-size: 0.8em;
}

.taglie_etichette .taglie_etichette_fascia {
    border-left: 1px solid #a7a7a7;
    padding-left: 6px;
    color: #6e6e6e;
}

.taglie_range {
    width: 600px;
    _width: 597px;
    height: 119px;
    _height: 120px;
    background: #fff;
    float: right;
}

.taglie_item {
    text-align: center;
    width: 72px;
    height: 118px;
    _height: 117px;
    float: left;
    cursor: pointer;
    border-top: 1px solid #a7a7a7;
}

.taglie_range .taglie_item.selected {
    background-color: #FFF777;
}

#limitedreached {
    text-align: center;
    color: #F00;
    padding-top: 24px;
}

#Profiles {
    visibility: hidden;
    float: right;
    margin: 0 20px 0 0;
    position: absolute;
}

/**********TOOLTIP ***********/

#mainContent {
    position: relative;
}

#tooltip_FirstCreate {
    margin-left: 0px;
}

.tooltip {
    background-color: #FFFFFF;
    border: 1px solid #686868;
    display: none;
    height: 204px;
    height: auto !important;
    min-height: 204px;
    padding: 10px;
    position: absolute;
    width: 240px;
    z-index: 1002;
}

.tooltipArrow {
    background: url('http://cdn2.yoox.biz/yoox90/layout/arrows/mysizes_tooltip_arrow.png') no-repeat left center;
    position: absolute;
    left: -12px;
    top: 99px;
    width: 12px;
    height: 24px;
}

.tooltip .tlptext {
    color: #686868;
    position: relative;
    padding-bottom: 40px;
}

    .tooltip .tlptext p {
        color: #333333;
        display: block;
        font-size: 1.3em;
        line-height: 1.2em;
        padding: 15px 0;
        text-align: center;
    }

.tooltip .button {
    display: inline-block;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 5px 10px;
    vertical-align: middle;
    border: 1px solid #3D3C3A;
}

    .tooltip .button:active,
    .tooltip .button.primary {
        background-color: #F7D100; /*#008617*/
        color: #3D3C3A;
    }

.tooltip a.button.primary,
.tooltip a.button.primary:link,
.tooltip a.button.primary:visited {
    background-color: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
}

.tooltip a.button.primary.oks {
    position: absolute;
    left: 97px;
    top: 175px;
    margin: 0;
}

.tooltip a.button:hover,
.tooltip a.button.primary:hover {
    background-color: #828282;
    border: 1px solid #F7D100;
    color: #FFF;
}

.tootlipTitle {
    color: #333333;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.1em;
    text-align: center;
}


.tooltipFooter {
    border-top: 1px solid #333333;
    margin: 0 13px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 214px;
}

#tooltip_login_mysize {
    margin-top: 0;
}

/* Customize your modal window here, you can add background image too */
.createdialog {
    height: auto;
    padding: 25px 30px;
    background-color: #fff;
    padding: 25px 30px;
    border: 1px solid #bbbbbb;
    border-radius: 1em 1em 1em 1em;
}

#tooltip_delete_mysize {
    text-align: center;
    height: 240px;
    left: 300px;
    top: 100px;
}

#tooltip_login_mysize {
    float: left;
    height: auto;
    position: relative;
    width: 300px;
    margin: 0 0 20px 20px;
}

    #tooltip_login_mysize .tootlipTitle,
    #tooltip_login_mysize p {
        text-align: left;
    }

    #tooltip_login_mysize .tooltipArrow {
        position: absolute;
        top: 10px;
        left: 320px;
        width: 0;
        height: 0;
        background: transparent;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #3D3C3A;
        border-right: 0px solid transparent;
        _top: 5px;
        _background: url('http://cdn2.yoox.biz/yoox90/layout/arrows/arrow_selector_r.png') no-repeat left center;
        _height: 34px;
        _width: 18px;
        _border: 0;
    }

.submitProfile a.button {
    display: inline-block;
    float: right;
    line-height: 1.4em;
    margin: 0 0 12px;
    *margin-bottom: 0;
    vertical-align: middle;
}

.submitProfile #step2submitProfile a.button {
    clear: right;
}

.submitProfile #step2submitProfile {
    margin-top: 20px;
}

    .submitProfile #step2submitProfile .submitButtons {
        margin-right: 20px;
        margin-left: 20px;
    }

/********************/
/*** MYOOX MYSIZE ***/
/********************/

.myooxSectionContainer {
    padding-bottom: 20px;
}

#dlg-size #create_layer,
.myoox .ui-dialog .ui-dialog-title {
    padding: 0;
}

.ui-dialog .ui-dialog-content { font-size: 1em; }

.myoox .confirmLayer.horizontalLayer .ui-dialog-title {
    background: none;
    height: auto;
    padding-top: 17px;
    color: #333333;
}

.clear {
    float: none;
    display: block;
}

.ui-accordion .ui-accordion-content.editormysizedialog {
    overflow-x: hidden;
}

.editormysizedialog .slideon, 
.editormysizedialog .slideon div, 
.taglie_item div {
    display: block;
    float: none;
}

.editormysizedialog #touchslider .ui-slider {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #222222;
}

.editormysizedialog .tab_footer {
    _display: block;
    _float: none;
}

#confirmDeletePanel { padding-top: 5px; }

/*** List ***/

.myooxLists .name {
    width: 165px;
}

.myooxLists .sizeItem .name {
    color: #2e2e2e;
}
.myooxLists .gender { width: 100px; }

.myooxLists .defaultProfile {
    padding-right: 5px; 
    width: 155px;
}

.myooxLists .listcaption .defaultProfile {
    width: 281px;
}

.myooxLists .heading .buttons {
    width: 284px;
    padding-right: 0;
}

#mysizesListContainer .myooxLists li .heading .actionButton,
#mysizesListContainer .myooxLists li .heading .deleteButton {
    float: right;
}

.myooxLists .created { width: 200px; }
.myooxLists .actionButton { float: right; }
.myooxLists .customSprite.star { margin: 0 auto; padding: 0; }
.myooxLists li.listcaption, 
.listcaption { height: auto; }

#mysizesListContainer .myooxLists li .heading .actionButton .editor-button {
    float: left;
}

#mysizesListContainer .myooxLists li .heading .actionButton {
    width: auto;
    margin-left: 20px;
}

    #mysizesListContainer .myooxLists li .heading .actionButton a {
        line-height: 1.4em;
    }

    #mysizesListContainer .myooxLists li .heading {
        line-height: 1.8em;
    }

/*** IE Fixes ***/

.ui-tabs .ui-tabs-nav #imgtabs-104, 
.ui-tabs .ui-tabs-nav #imgtabs-204 {
    overflow: visible;
}

.myoox .myooxLists .editormysizedialog {
    background-color: transparent;
}

#mysizesListContainer ul.myooxLists li .mysizeDetail {
    display: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    float: left;
}

#mysizesListContainer ul.myooxLists li.current .mysizeDetail { display: block; }
/***************** activeFilters *****************/
#activeFiltersListContainer { position: relative; }

    #activeFiltersListContainer .activeFilterError {
        background-color: #ffffff;
        color: #F00;
        display: block;
        vertical-align: middle;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 220px;
        height: 100%;
    }

    #activeFiltersListContainer .activeFilterLabelContainer {
        position: absolute;
        top: 49%;
        *top: 40%;
        left: 0;
        width: 205px;
        text-align: center;
    }

    #activeFilters .hidden, 
    #activeFiltersListContainer .activeFilterError.hide {
        display: none;
    }

    #activeFiltersList .activeFiltersMessage {
        font-size: 1.1em;
    }

#activeFiltersList li {
    padding: 3px 0;
}

    #activeFiltersList .activeFliterValue,
    #activeFiltersList .delSingleActiveFilter {
        display: table-cell;
        vertical-align: middle;
	
		*display: block;
        *float: left;
	}

    #activeFiltersList .activeFliterValue {
        font-size: 1.2em;
        line-height: 1.5em;
        width: 173px;
    }

        #activeFiltersList .activeFliterValue .fontBold { color: #2e2e2e; }

    #activeFiltersList .delSingleActiveFilter {
        background: url("http://cdn2.yoox.biz/yoox14/sections/sr/disableActiveFilter.png") no-repeat right center;
        height: 18px;
        line-height: 18px;
        padding: 7px 25px 7px 7px;
    }


#activeFilterAddPremiere { 
    margin-top: 10px;
    width: 100%;
    clear: left;
}

    #addPremiere {
        cursor: pointer;
        float: none;
        font-size: 1em;
        line-height: 1.125em;
        text-align: center;
        width: auto;
        height: auto;
    }

        .logged #addPremiere {
            float: left;
            width: 163px;
        }

        #addPremiere span,
        #addPremiere a,
        #addPremiere a:focus {
            color: #FFF;
            line-height: 13px;
            white-space: normal;
            display: table-cell;
            padding: 0 10px;
            height: 37px;
            vertical-align: middle;
            width: 205px;
            /* fix ie7*/
            *display: block;
            *padding-top: 8px;
            *height: 29px;
            *width: 183px;
        }

        .logged #addPremiere span,
        .logged #addPremiere a,
        .logged #addPremiere a:focus {
            width: 163px;
            *width: 143px;
        }

        #activeFilterAddPremiere #addPremiere span#addPremiereDisabled  { 
            background-color: #F2F2F2;
            color: #A7A7A7;
        }

        #activeFilterAddPremiere span.noFilterSelected { cursor: default; }

        #addPremiere a { background-color: #a7a7a7; }

    #premiereList {
        background-color: #a7a7a7;
        background-position: -40px -632px;
        height: 37px;
        width: 39px;
        cursor: pointer;
        float: right;
        display: none;
    }

        .GR #premiereList,
        .TM #premiereList,
        .AM #premiereList,
        .AZ #premiereList,
        .BY #premiereList,
        .GE #premiereList,
        .KZ #premiereList,
        .KG #premiereList,
        .TJ #premiereList,
        .UA #premiereList,
        .UZ #premiereList,
        .RU #premiereList {
            padding: 6px 0 7px;
            background-position: -40px -625px;
        }

        #premiereList.selected { background-color: #2e2e2e; }
        .logged #premiereList { display: block; }

    #premiereList:hover,
    #addPremiere a:hover {
        color: #FFF;
        background-color: #6e6e6e;
    }

#premiereListPanel {
    width: 203px;
    border: 1px solid #a7a7a7;
    -webkit-box-shadow: 0 0 5px #a7a7a7;
    -ms-box-shadow: 0 0 5px #a7a7a7;
    box-shadow: 0 0 5px #a7a7a7;
    z-index: 3;
    display: none;
    position: absolute;
    background-color: #FFF;
    height: auto;

}

    #premiereListPanel .premiereListArrow:after, 
    #premiereListPanel .premiereListArrow:before {
	    bottom: 100%;
	    left: 96%;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
    }

    #premiereListPanel .premiereListArrow:after {
	    border-color: rgba(255, 255, 255, 0);
	    border-bottom-color: #fff;
	    border-width: 10px;
	    margin-left: -20px;
    }
    #premiereListPanel .premiereListArrow:before {
	    border-color: rgba(189, 189, 189, 0);
	    border-bottom-color: #a7a7a7;
	    border-width: 11px;
	    margin-left: -21px;
    }

    #premiereListWrapper { max-height: 262px; }
    
        #premiereListPanel .premiereNew {
            background-image: url("http://cdn2.yoox.biz/yoox14/premiere_blue_led.png");
            background-position: 0 52%;
            background-repeat: no-repeat;
        }

        #premiereListPanel .premiere {
            font-size: 1.2em;
            line-height: 1.2em;
        margin: 0 5px 0 8px;
   
        }

        #premiereListPanel .premiereLink {
            color: #2e2e2e;
            display: block;
            border-top: 1px solid #e6e6e6;
            margin: 0 10px 0 15px;
            padding: 10px 0;
        }
            #premiereListPanel .premiere:first-child .premiereLink { border: none; }

    #premiereListPanel .premiereEmpty { padding: 10px; }

#premierePanel #errGeneric.server-error {
    color: #FF0000;
    clear: both;
}

#premierePanel label {
    font-size: 1em;
    padding: 5px 0;
    display: block;
}


#brandPageBannerContainer {
    position: relative;
}


    #brandPageBannerContainer .bigBanner {
        min-height: 300px;
    }

    #brandPageBannerContainer .bnrOpacity {
        display: none;
        -ms-opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        opacity: 0.7;
    }

    /* SEO DESCRIPTION */
    #brandPageBannerContainer .seoDescription {
        padding: 10px;
        font-size: 1.3em;
        line-height: 1.2em;
        display: none;
    }
        #brandPageBannerContainer.hasSeoDescription #brandPageSeoDescription { display: block; }

        #brandPageBannerContainer .bigBanner ~ .seoDescription {
            /* Fallback for web browsers that doesn't support RGBa */
            background: rgb(0, 0, 0) transparent;
            /* RGBa with 0.6 opacity */
            background: rgba(0, 0, 0, 0.6);
            /* For IE 5.5 - 7*/
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            /* For IE 8*/
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

            padding: 20px;
            color: #FFF;
            width: 270px;
            position: absolute;
            top: 10px;
            left: 10px;
        }
        
        #brandPageBannerContainer.hasSeoDescription .bigBanner ~ .bnrOpacity.seoDescription {
            background: #000;
            display: block;
        }

    /* BANNER SLOTS */
    #brandPageBannerContainer .bnrContainer {
        overflow: hidden;
        padding: 10px 0;
    }
    
        #brandPageBannerContainer .bigBanner ~ .bnrContainer {
            /* Fallback for web browsers that doesn't support RGBa */
            background: rgb(255, 255, 255) transparent;
            /* RGBa with 0.6 opacity */
            background: rgba(255, 255, 255, 0.6);
            /* For IE 5.5 - 7*/
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
            /* For IE 8*/
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";

            position: absolute;
            bottom: 0;
            left: 0;
            width: 700px;
         }

    #brandPageBannerContainer .bnrContainer .slotBanner {
        width: 330px;
        width: calc(50% - 20px);
        padding: 0 10px;
    }
        #brandPageBannerContainer .bnrContainer .slotBanner .image { padding-right: 10px; }

        #brandPageBannerContainer .bigBanner ~ .bnrContainer .slotBanner .subTitle,
        #brandPageBannerContainer .bnrContainer .slotBanner .title a { color: #000; }

        #brandPageBannerContainer .bnrContainer .slotBanner .title {
            font-size: 1.3em;
            line-height: 1.3em;
            color: #2e2e2e;
            margin-bottom: 3px;
        }
        
        #brandPageBannerContainer .bnrContainer .slotBanner .subTitle {
            font-size: 1.2em;
            line-height: 1.2em;
        }

        #brandPageBannerContainer .bigBanner ~ .bnrContainer.bnrOpacity {
            background: #FFF;
            display: block;  
        }