/*!
 * YOOX10 resetter.css
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul,li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}
img {
    _behavior: url('/scripts/client/yoox/pngbehaviourAkamai.htc?build=1'); /*Ie6*/
    display: inline;
}
:focus { outline: none }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}
/* TYPOGRAPHY AND COLORS */
@font-face {
    font-family: 'FuturaStdMedium';
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium.eot');
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium.eot') format('embedded-opentype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium.woff') format('woff'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium.ttf') format('truetype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium.svg#FuturaStdMedium') format('svg');
}

@font-face {
    font-family: 'FuturaStdMediumOblique';
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium_oblique.eot');
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium_oblique.eot') format('embedded-opentype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium_oblique.woff') format('woff'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium_oblique.ttf') format('truetype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_medium_oblique.svg#FuturaStdMediumOblique') format('svg');
}

@font-face {
    font-family: 'FuturaStdLight';
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_light.eot');
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_light.eot') format('embedded-opentype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_light.woff') format('woff'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_light.ttf') format('truetype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_light.svg#FuturaStdLight') format('svg');
}

@font-face {
    font-family: 'FuturaStdHeavy';
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy.eot');
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy.eot') format('embedded-opentype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy.woff') format('woff'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy.ttf') format('truetype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy.svg#FuturaStdHeavy') format('svg');
}

@font-face {
    font-family: 'FuturaStdHeavyOblique';
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy_oblique.eot');
    src: url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy_oblique.eot') format('embedded-opentype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy_oblique.woff') format('woff'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy_oblique.ttf') format('truetype'), url('http://cdn2.yoox.biz/yoox14/fonts/futura_std/futura_std_heavy_oblique.svg#FuturaStdHeavyOblique') format('svg');
}


body {
    font-size: 62.5%;
    line-height: 1.125em;
    font-family: 'FuturaStdMedium',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    letter-spacing: 0.1em;
}

    body select,
    body option,
    body input,
    body #crm-wrapper {
        font-family: 'FuturaStdMedium',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    }


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1em;
}

a, a:active, a:visited, a:link {
    color: #6e6e6e;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}


    a:hover {
        color: #a7a7a7;
    }

strong,
b, strong em,
em strong,
b i,
i b {
    color: #2e2e2e;
    font-weight: normal;
}

.fontUppercase {
    text-transform: uppercase;
}

.GR .fontUppercase {
    text-transform: none;
}

.fontNormal {
    font-family: 'FuturaStdMedium',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
}

.textSearchReviewOpened #textMenuSearch,
.fontface .moduleTitle,
.fontface .moduleTitleR14,
.fontLight {
    font-family: 'FuturaStdLight',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.fontItalic,
em,
i {
    font-family: 'FuturaStdMediumOblique',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.fontSans,
.fontBold,
.fontface .topBannerDesigers .moduleTitleR14,
#errorOccurred,
#mainContainer .myooxSectionTitle,
.fontface #errorOccurred,
.fontface .myooxSectionTitle,
a.form-reset,
.form-reset a.magicButton,
.magicButton,
a.editor-button,
.editor-button,
.stdButton,
.fontface .form-reset,
.fontface .magicButton,
#DesignerIndex .kidsTitle,
.myooxLists .listcaption,
#itemTitle h2,
#areaMenu li,
#legalMenu .corporateMenuContainer,
table .guarantee b,
#affiliationMenu .corporateMenuContainer {
    font-family: 'FuturaStdHeavy',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    font-weight: normal;
}


.fontBoldItalic {
    font-family: 'FuturaStdHeavyOblique',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* Colors */

.darkArea,
.darkArea a {
    color: #FFF;
}

    .darkArea a:hover {
        color: #a7a7a7;
    }

.lightArea,
.lightArea a {
    color: #6e6e6e;
}

    .lightArea a:hover {
        color: #a7a7a7;
    }


#toolbarMenu .fontBold {
    font-family: 'FuturaStdMedium',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
}

#toolbarMenu li#cartLink a .badge,
#toolbarMenu li#dreamboxLink a .badge {
    font-family: 'FuturaStdHeavy',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
}

#newToMyooxRegister {
    font-family: 'FuturaStdHeavy',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    font-weight: normal;
}

#textSearchReviewDeptsWrapper.activeDeptMen #textSearchReviewDepts li#activeDeptMen span, 
#textSearchReviewDeptsWrapper.activeDeptWomen #textSearchReviewDepts li#activeDeptWomen span,
.socialLogin #newToMyooxRegister {
    font-family: 'FuturaStdHeavy',Helvetica, Arial, Microsoft YaHei,Microsoft YaHei Regular,SimHei,SimHei Regular, sans-serif;
    font-weight: normal;
}/**** LAYOUT YOOX ****/
body {
    color: #2E2E2E;
}

    body > img {
        display: none;
    }

.sprite14 {
    background-image: url("http://cdn2.yoox.biz/yoox14/SPRITE72_new.png");
    background-repeat: no-repeat;
}

/** generic borders for titles **/
.solidTop {
    border-top: 1px solid #a7a7a7;
    width: 100%;
}

.solidBottom {
    border-bottom: 1px solid #a7a7a7;
    width: 100%;
}

/*LOGO*/
.logoYOOX {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 13px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#logo {
    background-image: url("http://cdn2.yoox.biz/yoox14/yoox.png?_2") !important;
    background-image: url("http://cdn2.yoox.biz/yoox14/yoox.gif?_2");
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 31px;
    width: 128px;
}

@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) {
    #logo {
        background-image: url("http://cdn2.yoox.biz/yoox14/yoox2x.png?_1") !important;
        -webkit-background-size: 110px 26px;
        -moz-background-size: 110px 26px;
        -o-background-size: 110px 26px;
        -webkit-background-size: 110px 26px;
        background-size: 110px 26px;
    }
}

#logojp {
    background: url('http://cdn2.yoox.biz/yoox90/layout/logoi/logoYooxComJP.png') no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn2.yoox.biz/yoox90/layout/logoi/logoYooxComJP.png');
    _background: none;
    width: 63px;
    height: 38px;
}

.backgroundGrey {
    background-color: #E6E6E6;
}

.floatLeft {
    display: inline;
    float: left;
}
.floatRight {
    display: inline;
    float: right;
}
/* TODO CLEAR TO BE FIXED */
.clear {
    clear:both;
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: hidden;
}
/* TODO CLEAR TO BE FIXED */
.hideText {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.vAlignMiddle {
    display: table-cell;
    vertical-align: middle;
    /*height: 1em;*/
}

.jsonPHeader,
.hide {
    display: none;
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.fixedWidth {
    overflow: hidden;
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.hidden {
    visibility:hidden;
}

.avoidUserTextSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loadingFFF {
    background-image: url("http://cdn2.yoox.biz/yoox14/loading.gif?_2");
    display: none;
    height: 16px;
    width: 66px;
}

.loading {
    background-image: url("http://cdn2.yoox.biz/yoox14/loading.gif?_2");
    display: none;
    height: 16px;
    width: 66px;
    right: 7px;
    top: 6px;
}

.doabarrelroll {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }/* FOOTER */

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) {
    .safari-fix #footer {
        width: 102% !important;
        padding: 0;
        margin: 0;
        display: block;
    }
}

/*social*/
#footerFollowUs .footerTitle {
    text-align: right;
    margin-bottom: 0px;
}

#footerFollowUs .icoFooterSocial a {
    width: 36px;
    height: 36px;
    display: block;
}

/*social china*/
#footerFollowUs #socialChina li a {
    background: url("http://cdn2.yoox.biz/yoox10/shared/china/socialspriteChina.jpg") no-repeat 0 -25px; /*change*/
}

#footerFollowUs #socialChina #sina a {
    background-position: -56px -10px;
}

    #footerFollowUs #socialChina #sina a:hover {
        background-position: -56px -60px;
    }

#footerFollowUs #socialChina #kaixin a {
    background-position: -106px -10px;
}

    #footerFollowUs #socialChina #kaixin a:hover {
        background-position: -106px -60px;
    }

#footerFollowUs #socialChina #douban a {
    background-position: -6px -10px;
}

    #footerFollowUs #socialChina #douban a:hover {
        background-position: -6px -60px;
    }


#footerNewsContainer .appform {
    margin: 0;
}


#newsLetter .titleSex {
    font-size: 1.4em;
    margin-right: 30px;
}

#footerNewsThanks {
    color: #B4B4B4;
    font-size: 1.2em;
    line-height: 1.3em;
    padding: 0 15px 12px;
    vertical-align: middle;
    width: 470px;
}

    #footerNewsThanks b {
        color: #B4B4B4;
        font-weight: bold;
    }

#footerNews .footerTitle {
    margin-bottom: 12px;
}

#chooseSex {
    display: none;
    margin-top: 12px;
}

    #chooseSex label {
        color: #e6e6e6;
        font-size: 1.1em;
        margin: 0 18px 0 5px;
        display: inline;
    }

    #chooseSex div.radio span.checked {
        background-position: -82px -332px;
    }

    #chooseSex div.radio span {
        background-position: -2px -332px;
    }

#footerLink {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    height: auto !important;
    min-height: 230px;
    width: 962px;
}

    #footerLink .footerColumn li {
        margin: 3px 0;
        position: relative;
    }

        #footerLink .footerColumn li a {
            font-size: 1.2em;
            color: #989898;
            padding: 3px 0;
            display: block;
            line-height: 1.5em;
        }

            #footerLink .footerColumn li a:hover {
                color: #DDD;
            }

#ShippingInfo-modal-loading,
#securePayments-modal-loading,
#secureInfo-modal-loading {
    left: -68px;
    position: absolute;
    top: 4px;
}

#bgBottomFooter {
    height: 29px;
    background: url("http://cdn2.yoox.biz/yoox10/footer_bg_bottom.jpg") repeat-x top center;
    border-bottom: 1px solid #474747;
    overflow: hidden;
}

#footerContainer #footerCopyright {
    width: 100%;
}

#footerCopyright .fixedWidth {
    padding: 20px 0;
}

#footerCopyright #copyContainer {
    width: 70%;
    letter-spacing: 0.09em;
}

#footerCopyright #legalPrivacy {
    width: 30%;
    text-align: right;
}

.ES #footerCopyright #copyContainer {
    letter-spacing: 0.03em;
    width: 62%;
}

.ES #footerCopyright #legalPrivacy {
    letter-spacing: 0.05em;
    width: 38%;
}

.FR #footerCopyright #copyContainer {
    font-size: 0.91em;
    letter-spacing: 0.03em;
    width: 57%;
}

.FR #footerCopyright #legalPrivacy {
    font-size: 0.91em;
    letter-spacing: 0.05em;
    width: 42%;
}


#cartFooter .fixedWidth {
    padding: 20px 0;
    width: 960px;
}

#cartFooter #footerCopyright {
    font-size: 1em;
    color: #6e6e6e;
}

    #cartFooter #footerCopyright a {
        color: #6e6e6e;
    }

        #cartFooter #footerCopyright a:hover {
            color: #a7a7a7;
        }

#cartFooter #legalPrivacy a {
    padding: 0 0 0 5px;
}

#footerCopyright, #footerCopyright a {
    font-size: 1em;
    line-height: 1.1em;
    font-weight: normal;
    color: #6E6E6E;
    background-color: #000000;
}

.chinaPolice {
    margin: 0 auto;
    display: block;
    width: 100%;
    background-color: #FFF;
    text-align: center;
    padding: 35px 0;
}

    .chinaPolice img {
        display: inline;
        border: none;
        margin-right: 10px;
    }


#footer .field-validation-error {
   text-align: right;
   top: 52px;
   width: 484px;
}

/**** FOOTER END ****/

/**** FOOTER RELEASE 14 ****/


#footerContainer {
    background: #333;
    width: 100%;
    min-width: 980px;
}

#footerLink .footerColumn li a {
    font-size: 1.2em;
    color: #999999;
    padding: 3px 0;
    display: block;
    line-height: 1.5em;
}

#footerTop {
    background-color: #000000;
    padding: 30px 0 0 0;
    width: 100%;
    position: relative;
}

#bgTopFooter {
    height: 29px;
    border-top: none;
    background: url("http://cdn2.yoox.biz/yoox10/footer_top_bg.jpg") repeat-x center;
    overflow: hidden;
}

.footerYooxnews {
    padding: 0 0;
    width: 24%;
}

#footerNews {
    width: 50%;
    position: relative;
}

    #footerNews #footerNewsContainer {
        text-align: center;
    }

        #footerNews #footerNewsContainer .fashionUpdates {
            display: block;
            font-size: 1.1em;
            margin-bottom: 10px;
            color: #e6e6e6;
        }

#footerSocialContainer {
    border-top: 1px solid #a7a7a7;
    margin-top: 20px;
    padding: 6px 0;
    width: 100%;
}

#footerFollowUs {
    padding-left: 1%;
    width: 49%;
}

    #footerFollowUs span, #footerSocialBadges span {
        color: #e6e6e6;
        font-size: 1.3em;
        line-height: 35px;
    }

#footerSocialBadges > span {
    margin-right: 15px;
}

#footerFollowUs .icoFooterSocial {
    display: inline;
    float: left;
    margin: 0 0 0 12px;
}

#newsLetter {
    width: 478px;
    margin: 0 auto;
    text-align: left;
    float: none;
}

    #newsLetter .newsletterForm {
        height: 38px;
        overflow: hidden;
        background: #FFFFFF;
        margin-bottom: 0;
    }

    #newsLetter .newsletterFormWrap {
        padding: 5px 5px 4px 5px;
    }

.footerYooxnews .fashionUpdates {
    display: table-cell;
    font-size: 1.2em;
    height: 38px;
    line-height: 1.1em;
    text-align: left;
    vertical-align: middle;
    width: 245px;
}

.footerYooxnews .footerMail {
    text-align: center;
}

#footerContainer .footerTitle {
    margin-bottom: 10px;
    font-size: 1.5em;
    display: block;
}

.RU #footerContainer .footerTitle,
.TM #footerContainer .footerTitle,
.AM #footerContainer .footerTitle,
.AZ #footerContainer .footerTitle,
.BY #footerContainer .footerTitle,
.GE #footerContainer .footerTitle,
.KZ #footerContainer .footerTitle,
.KG #footerContainer .footerTitle,
.TJ #footerContainer .footerTitle,
.UA #footerContainer .footerTitle,
.UZ #footerContainer .footerTitle {
    font-size: 1.2em;
}

.footerYooxnews .footerTitle {
    display: block;
    font-size: 2.2em;
    line-height: 1em;
    margin-bottom: 0;
    text-align: center;
}

    .footerYooxnews .footerTitle .yooxNews {
        color: #cccccc;
    }

    .footerYooxnews .footerTitle span.yooxCom {
        background: url("http://cdn2.yoox.biz/yoox14/yoox14_sprite3.png?1") no-repeat -298px -55px;
        display: block;
        height: 30px;
        margin: 5px 0 0;
        width: 128px;
    }

.footerYooxnews .footerMail .icon-mail {
    background: url("http://cdn2.yoox.biz/yoox14/yoox14_sprite3.png") no-repeat top left;
    display: block;
    width: 26px;
    height: 20px;
    background-position: -298px 0;
    margin: 0 auto 10px;
}


#footerLink .footerColumn {
    float: left;
    display: inline;
    margin: 10px 20px 0 0;
    width: 26%;
    margin-right: 0;
}

    #footerLink .footerColumn .wrap {
        margin: 10px 4% 0 0;
    }

#footerLink #footerMyoox {
    margin-left: 0;
    margin-right: 0;
    width: 24%;
}

#footerLink #footerAbout {
    margin-right: 0;
    width: 24%;
}

    #footerLink #footerAbout .wrap {
        margin: 10px 0 0;
    }


#footerSocialBadges {
    padding-left: 18px;
    width: 48%;
}

#newsLetter #fastMailEmail.input-validation-error,
#newsLetter #fastMailEmail.valid {
    background: none;
}


#newsLetter #fastMailEmail {
    border: 0 none;
    display: inline;
    float: left;
    height: 29px;
    line-height: 29px;
    margin-top: 0;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    width: 74%;
    color: #666666;
}

#newsLetter #newsletterSubmit {
    border: 1px solid #999;
    float: right;
    font-size: 1.2em;
    height: 29px;
    line-height: 27px;
    padding: 0 20px;
    width: 20%;
}

.icoFooterSocial a {
    background: url("http://cdn2.yoox.biz/yoox14/yoox_social_sprite_small_white.png?2") no-repeat;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#fbIco a {
    background-position: 0 0;
}

#twIco a {
    background-position: -36px 0;
}

#instIco a {
    background-position: -72px 0;
}

#footerFollowUs #ytIco a {
    background-position: -108px 0;
}

#piIco a {
    background-position: -144px 0;
}

#gpIco a {
    background-position: -180px 0;
}

#wcIco a {
    background-position: -216px 0;
}

@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) {
    .icoFooterSocial a {
        background: url("http://cdn2.yoox.biz/yoox14/yoox_social_sprite_big_white.png?2") no-repeat;
        -webkit-background-size: 252px 36px;
        -moz-background-size: 252px 36px;
        -o-background-size: 252px 36px;
        background-size: 252px 36px;
    }
}

.icoFooterSocial a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* social icons remove */

#footerSocialContainerWrapper #footerFollowUs ul {
    width: 386px;
    margin: 0 auto 11px;
    display: table;
}

.CN #footerSocialContainerWrapper #footerFollowUs ul {
    width: auto;
    margin: 0;
    display: inline;
}

#footerSocialContainerWrapper #footerFollowUs span {
    display: block;
    width: 100%;
}

.CN #footerSocialContainerWrapper #footerFollowUs span {
    display: inline;
    width: auto;
}

#footerSocialContainerWrapper #footerFollowUs .icoFooterSocial {
    margin: 0 9px;
}

#footerSocialContainerWrapper #footerFollowUs {
    width: 100%;
    padding-left: 0;
}

#footerSocialContainerWrapper {
    text-align: center;
}
/**/

#chooseCountryContainer.fixedWidth {
    padding: 0;
}

#footerCYC .loading {
    margin: 0 auto 10px;
    right: 129px;
    top: 23px;
}

/**** FOOTER RELEASE 14 END ****/
#footer .loading {
    background-image: url("http://cdn2.yoox.biz/yoox14/loading_333.gif");
}

/* social badges*/
#footerSocialBadges ul li {
    background-color: #1f1f1f;
    display: block;
    float: left;
    padding: 8px;
}

    #footerSocialBadges ul li #like_btn,
    #footerSocialBadges ul li #tweet_follow_btn,
    #footerSocialBadges ul li #gplus_follow_btn {
        background: url("http://cdn2.yoox.biz/yoox10/socialFollowUs.gif?3") no-repeat;
    }

    #footerSocialBadges ul li #like_btn {
        background-position: 0 -80px;
        height: 20px;
        width: 44px;
        display: block;
    }

        #footerSocialBadges ul li #like_btn:hover,
        #footerSocialBadges ul li #like_btn.hover {
            background-position: 0 -100px;
        }

    #footerSocialBadges ul li #tweet_follow_btn {
        background-position: 0 -40px;
        height: 20px;
        width: 62px;
        display: block;
    }

        #footerSocialBadges ul li #tweet_follow_btn:hover,
        #footerSocialBadges ul li #tweet_follow_btn.hover {
            background-position: 0 -60px;
        }

    #footerSocialBadges ul li #gplus_follow_btn {
        background-position: 0 0px;
        height: 20px;
        width: 100px;
        display: block;
        position: relative;
        cursor: pointer;
    }

        #footerSocialBadges ul li #gplus_follow_btn:hover,
        #footerSocialBadges ul li #gplus_follow_btn.hover {
            background-position: 0 -20px;
        }

        #footerSocialBadges ul li #like_btn iframe,
        #footerSocialBadges ul li #tweet_follow_btn iframe,
        #footerSocialBadges ul li #gplus_follow_btn #gplus_inner_wrapper div iframe {
            opacity: 0;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        }
    /* Twitter */
    #footerSocialBadges ul li #tweet_follow_btn iframe {
        width: 64px !important;
    }

/* Google+ */
#gplus_inner_wrapper {
    height: 20px;
    overflow: hidden;
}

#footerSocialBadges ul li #gplus_follow_btn #gplus_inner_wrapper div {
    height: 20px !important;
    width: 128px !important;
    overflow: hidden;
    position: relative;
}

    #footerSocialBadges ul li #gplus_follow_btn #gplus_inner_wrapper div iframe {
        left: -28px !important;
        position: absolute !important;
        top: -44px !important;
    }

#footerSocialBadges ul li #gplus_follow_btn #text {
    color: #000;
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    position: absolute;
    right: 5px;
    text-transform: none;
    top: -7px;
}
#header {
    z-index: 2;
    height: auto;
    margin-top: 82px;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -ms-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}

.noPromo #header {
    margin-top: 37px;
}

.CYCopened #header {
    margin-top: 5px;
    position: static;
}

.loginOpened #header {
    margin-top: 336px;
}

.noPromo.loginOpened #header {
    margin-top: 291px;
}

.switchCountryLayer #header {
    margin-top: 130px;
}

.noPromo.switchCountryLayer #header {
    margin-top: 85px;
}

/* MENU */
#areaMenu li {
    font-size: 1.6em;
    line-height: 49px;
    height: 49px;
}

.RU #areaMenu li,
.TM #areaMenu li,
.AM #areaMenu li,
.AZ #areaMenu li,
.BY #areaMenu li,
.GE #areaMenu li,
.KZ #areaMenu li,
.KG #areaMenu li,
.TJ #areaMenu li,
.UA #areaMenu li,
.UZ #areaMenu li {
    font-size: 1.3em;
}

#subHomeMenuContainer {
    clear: both;
    height: 40px;
}

    #subHomeMenuContainer li {
        font-size: 1.3em;
        float: none;
        display: inline;
    }

.RU #subHomeMenuContainer li,
.TM #subHomeMenuContainer li,
.AM #subHomeMenuContainer li,
.AZ #subHomeMenuContainer li,
.BY #subHomeMenuContainer li,
.GE #subHomeMenuContainer li,
.KZ #subHomeMenuContainer li,
.KG #subHomeMenuContainer li,
.TJ #subHomeMenuContainer li,
.UA #subHomeMenuContainer li,
.UZ #subHomeMenuContainer li {
    font-size: 1.1em;
}

.JP #subHomeMenuContainer li {
    font-size: 1.2em;
}

/** MENU AREA: layout **/
#header #areaMenu a {
    display: block; /* fix anchor height / line-height best for iPad */
}

* html #header #areaMenu a {
    display: inline; /* fix anchor height / line-height best for iPad */
}


#header > .fixedWidth {
    overflow: visible;
}

#areaMenuContainer {
  z-index: 10;
}
.navContainer {
    height: 69px;
    position: relative;
    clear: both;
    float: none;
}

#areaMenu {
    padding-top: 20px;
    height: 49px;
    position: absolute;
    /*left: 245px;*/
    right: 140px;
}

    #areaMenu ul {
        margin-right: 2px;
        border-top-width: 7px;
        border-top-style: solid;
        border-top-color: #DCE0E1;
        padding: 0 20px;
        min-width: 11px;
    }

.RU #areaMenu ul,
.TM #areaMenu ul,
.AM #areaMenu ul,
.AZ #areaMenu ul,
.BY #areaMenu ul,
.GE #areaMenu ul,
.KZ #areaMenu ul,
.KG #areaMenu ul,
.TJ #areaMenu ul,
.UA #areaMenu ul,
.UZ #areaMenu ul {
    padding: 0 15px;
}

#areaMenu li a {
    color: #a7a7a7;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline;
}

#areaMenu .selectedArea li.areaItem a {
    cursor: default;
}

#areaMenu .selectedArea li.areaItem a,
#areaMenu .selectedArea li.subAreaItem a,
#areaMenu li.selectedSubArea a,
#areaMenu li a:hover {
    color: #2E2E2E;
}


#subHomeMenu {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 31px;
    overflow: visible;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #DCE0E1;
}

#subHomeMenuContainer li a {
    padding: 0 6px;
    line-height: 40px;
    color: #a7a7a7;
    display: inline;
    border-bottom-width: 0;
}

    #subHomeMenuContainer li a.opened,
    #subHomeMenuContainer li a.hover,
    #subHomeMenuContainer li.selectedMenuItem a,
    #subHomeMenuContainer li a:hover {
        color: #000000;
    }



#areaMenu #fashionMenu,
#areaMenu #womenMenu,
#areaMenu #menMenu,
#areaMenu #kidsMenu
{
    border-top-color: #ffdd00;
    margin-right: 0;
    padding: 0;
}

#areaMenu #kidsMenu
{
    padding-right: 20px;
}

#areaMenu #fashionMenu {
    text-transform: uppercase;
    padding-left: 20px;

}

#areaMenu #designMenu {
    border-top-color: #42ae49;
    text-transform: uppercase;
    margin-left: 2px;
}

#areaMenu #artMenu {
    border-top-color: #055eca;
    padding: 0 25px;
    text-transform: uppercase;
}

.RU #areaMenu ul#artMenu,
.TM #areaMenu ul#artMenu,
.AM #areaMenu ul#artMenu,
.AZ #areaMenu ul#artMenu,
.BY #areaMenu ul#artMenu,
.GE #areaMenu ul#artMenu,
.KZ #areaMenu ul#artMenu,
.KG #areaMenu ul#artMenu,
.TJ #areaMenu ul#artMenu,
.UA #areaMenu ul#artMenu,
.UZ #areaMenu ul#artMenu {
    padding: 0 15px;
}

.fashion #subHomeMenu {
    border-top-color: #FFD800;
}

.design #subHomeMenu {
    border-top-color: #42AE49;
}

.art #subHomeMenu {
    border-top-color: #055ECA;
}
/* USERBAR */
#container > #userBar, 
#headerContainer > #userBar {
    position: fixed;
}

#container.CYCopened > #userBar {
    position: static;
}

.hideUserbarOnLoad #userBar {
    visibility: hidden;
}

#userBar {
    background-color: #f5f5f5;
    min-height: 26px;
    height: auto !important;
    height: 26px;
    width: 100%;
    color: #2e2e2e;
    position: absolute; /* ie6 and above */
    top: 0;
    left: 0;
    z-index: 1005;
}

#mainToolbar {
    border-bottom: 1px solid #f3f3f3;
}

.badge {
    padding: 0;
}

/* Shadow Animation */
#userBar.onScroll {
    -webkit-box-shadow: 0 0 5px 0 #231f20;
    -ms-box-shadow: 0 0 5px 0 #231f20;
    box-shadow: 0 0 5px 0 #231f20;
}

#userBar.onScrollShadowAnimation {
    -webkit-box-shadow: 0 0 5px 0 #231f20;
    -ms-box-shadow: 0 0 5px 0 #231f20;
    box-shadow: 0 0 5px 0 #231f20;
    -moz-animation: shadowFadeIn 40ms 1 ease-in;
    -moz-animation-direction: normal;
    -webkit-animation: shadowFadeIn 40ms 1 ease-in;
    -webkit-animation-direction: normal;
    -ms-animation: shadowFadeIn 80ms 1 ease-in;
    -ms-animation-direction: normal;
    animation: shadowFadeIn 40ms 1 ease-in;
    animation-direction: normal;
    border-bottom: 1px solid #231f20\9; /*IE8*/
}

@keyframes shadowFadeIn {
    from {
        box-shadow: 0 0 0 0 #231f20;
    }

    to {
        box-shadow: 0 0 5px 0 #231f20;
    }
}

@-moz-keyframes shadowFadeIn {
    from {
        box-shadow: 0 0 0 0 #231f20;
    }

    to {
        box-shadow: 0 0 5px 0 #231f20;
    }
}

@-webkit-keyframes shadowFadeIn {
    from {
        box-shadow: 0 0 0 0 #231f20;
    }

    to {
        box-shadow: 0 0 5px 0 #231f20;
    }
}

#userBar.removeShadow {
    -webkit-box-shadow: 0 0 0 0 #231f20;
    -ms-box-shadow: 0 0 0 0 #231f20;
    box-shadow: 0 0 0 0 #231f20;
    -moz-animation: shadowFadeOut 80ms 1 ease-in;
    -moz-animation-direction: normal;
    -webkit-animation: shadowFadeOut 80ms 1 ease-in;
    -webkit-animation-direction: normal;
    -ms-animation: shadowFadeOut 80ms 1 ease-in;
    -ms-animation-direction: normal;
    animation: shadowFadeOut 80ms 1 ease-in;
    animation-direction: normal;
    border-bottom: none;
}

@keyframes shadowFadeOut {
    from {
        box-shadow: 0 0 5px 0 #231f20;
    }

    to {
        box-shadow: 0 0 0 0 #231f20;
    }
}

@-moz-keyframes shadowFadeOut {
    from {
        box-shadow: 0 0 5px 0 #231f20;
    }

    to {
        box-shadow: 0 0 0 0 #231f20;
    }
}

@-webkit-keyframes shadowFadeOut {
    from {
        box-shadow: 0 0 5px 0 #231f20;
    }

    to {
        box-shadow: 0 0 0 0 #231f20;
    }
}

/* userBar myoox notlogged */
#myooxNotLogged {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

.loginOpened #myooxNotLogged {
    background-color: #fff;
    border-bottom: 1px solid #6e6e6e;
    height: 253px;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

#myooxNotLogged iframe {
    left: 0;
    position: absolute;
    background: none repeat scroll 0 0 transparent;
    top: 0;
    width: 696px;
}

#myooxNotLogged,
#myooxNotLogged a {
    color: #4E4619;
}

    #myooxNotLogged a:hover {
        color: #222;
    }

    #myooxNotLogged > .fixedWidth {
        padding: 30px 0;
    }

    #myooxNotLogged .fixedWidth {
        border-left: none;
    }


#loginWrapper {
    position: relative;
    width: 624px;
    height: 115px;
    border-right: 1px solid #d6b810;
}

.CN #loginWrapper {
    border: 1px solid #e6e6e6;
    height: 154px;
    margin-right: 30px;
    position: relative;
    width: 696px;
}

#loginLoader {
    background: url("http://cdn2.yoox.biz/yoox14/loading.gif?_2") no-repeat center center;
    height: 100%;
    width: 66px;
    margin: 0 0 0 318px;
}

#changeCountry {
    border-left: 1px solid #fbe541;
    border-right: 1px solid #d6b810;
    width: 130px;
    height: 110px;
}

#currentCountry {
    margin-top: 46px;
    display: block;
    height: 36px;
}

#login .selectCountry .myooxFlag,
#changeCountry .myooxFlag,
#cartretrieve .myooxFlag {
    border: 1px solid #d6b810;
    padding: 10px;
    margin: 0 4px;
    vertical-align: middle;
}

#cartretrieve .selectCountry .changeCountry,
#login .selectCountry .changeCountry,
#changeCountry .changeCountry {
    text-decoration: underline;
}

#changeCountry .labels {
    height: 36px;
}

    #cartretrieve .selectCountry .labels span,
    #login .selectCountry .labels span,
    #changeCountry .labels span {
        display: block;
        text-align: center;
    }

#registerPanel {
    height: 154px;
    width: 250px;
    border: 1px solid #e6e6e6;
}

#newToMyoox {
    height: 36px;
    display: block;
    margin-top: 44px;
    margin-left: 0;
    text-align: center;
}

.CN #newToMyoox {
    margin-top: 28px;
}

#newToMyoox:hover div {
    color: #000;
}

#newToMyooxTitle {
    display: block;
    font-size: 2.4em;
    line-height: 18px;
    padding-left: 0;
}

#newToMyooxRegister {
    border: 1px solid #2e2e2e;
    color: #fff;
    display: block;
    font-size: 1.2em;
    margin: 25px auto 0;
    padding: 12px 0;
    text-decoration: none;
    background-color: #2e2e2e;
    width: 82%;
    text-transform: uppercase;
}

.CN #newToMyooxRegister {
    margin: 25px auto 0;
    padding: 12px 0 11px;
}

#newToMyooxRegister:hover {
    background-color: #fff;
    color: #2e2e2e;
}

/* TOOLBAR MENU */
#toolbarMenu {
    float: right;
    height: 36px;
    position: relative;
}

    #toolbarMenu ul {
        overflow: hidden;
    }

    #toolbarMenu li {
        float: left;
        display: inline;
    }

        #toolbarMenu li span {
            display: inline-block;
        }

        #toolbarMenu li a {
            color: #2e2e2e;
            display: inline-block;
            font-size: 1.2em;
            height: 36px;
            line-height: 36px;
            margin: 0;
            padding: 0 15px;
        }

            #toolbarMenu li a:hover {
                background-color: #e6e6e6;
            }

        #toolbarMenu li.yellow a {
            background: #fff777;
        }

            #toolbarMenu li.yellow a:hover {
                color: #4e4e4e;
            }

    #toolbarMenu #loginToolbar {
        padding-left: 30px;
        padding-right: 30px;
    }

        #toolbarMenu #loginToolbar:hover,
        .loginOpened #toolbarMenu #loginToolbar {
            background-color: #6d6d6d;
            color: #fff;
        }

    #toolbarMenu li a#registerToolbar {
        padding: 0 45px;
    }

    #toolbarMenu li.dreamboxNotEmpty a.dreambox,
    #toolbarMenu li.cartNotEmpty a.shoppingbag {
        padding: 0 10px 0 15px;
    }

    #toolbarMenu li .badge {
        display: none;
    }

    #toolbarMenu li#cartLink a .badge,
    #toolbarMenu li#dreamboxLink a .badge {
        color: #2e2e2e;
        position: relative;
        top: -0.5em;
        font-size: 0.8em;
    }

    #toolbarMenu li.cartNotEmpty .badge,
    #toolbarMenu li.dreamboxNotEmpty .badge {
        display: inline-block;
    }

    #toolbarMenu li.userNameLogged span,
    #toolbarMenu li.userNameLogged a {
        padding-left: 0.5em;
        vertical-align: middle;
        white-space: nowrap;
    }

    #toolbarMenu li.userNameLogged a {
        padding-right: 0.5em;
    }

    #toolbarMenu li.userNameLogged span.trunc {
        max-width: 92px;
        line-height: 1.4em;
        overflow: hidden;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
/* END - TOOLBAR MENU */

/* SPRITES */
.spriteUserbar {
    background: url('http://cdn2.yoox.biz/yoox14/spriteUserbar.png?2') no-repeat 0 0;
    display: block;
    width: 14px;
    height: 13px;
}

    .spriteUserbar.shoppingBag {
        background-position: 0 0;
    }

.cartNotEmpty .spriteUserbar.shoppingBag {
    background-position: -18px 0;
}

.spriteUserbar.dreamboxHeart {
    background-position: -35px 0;
}

.dreamboxNotEmpty .spriteUserbar.dreamboxHeart {
    background-position: -53px 0;
}

/* SOCIAL LOGIN */
.socialLogin #UserBarRegister {
    height: auto;
}

.socialLogin #registerPanel {
    height: 154px;
    width: 250px;
    border: 1px solid #e6e6e6;
}

.socialLogin #myooxLogo {
    text-align: center;
    font-size: 2.3em;
    line-height: normal;
    color: #505050;
    margin: 5px 0 0 50px;
}

#myooxLogo {
    display: none;
}

#liteLogin #myooxLogo {
    display: block;
}

.socialLogin #newToMyoox {
    height: 154px;
    display: block;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    text-align: center;
}

    .socialLogin #newToMyoox:hover div {
        color: #000;
    }

.socialLogin #newToMyooxTitle {
    display: block;
    font-size: 2.4em;
    left: 0;
    line-height: 18px;
    padding-left: 0;
    position: absolute;
    bottom: 100px;
    width: 250px;
}

.socialLogin #newToMyooxRegister {
    border: 1px solid #2e2e2e;
    color: #fff;
    display: block;
    font-size: 1.2em;
    margin: 25px auto 0;
    padding: 11px 0;
    text-decoration: none;
    background-color: #2e2e2e;
    width: 82%;
    text-transform: uppercase;
    position: absolute;
    bottom: 32px;
    left: 22px;
}

    .socialLogin #newToMyooxRegister:hover {
        background-color: #fff;
        color: #2e2e2e;
    }

.socialLogin #changeCountry {
    border-left: 1px solid #d6b810;
    border-right: 1px solid #d6b810;
    height: 115px;
    width: 130px;
    display: none;
}

.socialLogin #currentCountry {
    text-align: center;
    height: auto;
    margin-top: 24px;
}

.socialLogin #changeCountry .myooxFlag {
    margin-bottom: 7px;
}

.socialLogin #userbar-spacer {
    border-left: 1px solid #D6B810;
    border-right: 1px solid #FBE541;
    height: 90px;
    margin-top: 16px;
}

.socialLogin #loginWrapper {
    border-right: none;
    border-left: none;
    height: 156px;
    position: relative;
    text-align: center;
    width: 698px;
    max-width: 698px;
    background: url('http://cdn2.yoox.biz/yoox14/loading.gif?_2') no-repeat 50% 48%;
}

#myooxNotLogged.socialLogin iframe {
    background: none;
    height: 156px;
    left: 0;
    position: absolute;
    top: 0;
    width: 698px;
}

#userBarSocialLoginTitle, #userBarClassicLoginTitle {
    font-size: 1.2em;
    line-height: 1.6em;
}

#userBar #userBarClassicLoginTitle {
    width: 90%;
}

#UserBarRegister .external-login-form {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

#UserBarRegister .exlogin-error {
    color: #E97400;
    font-size: 1.1em;
    font-weight: normal;
    margin: 6px auto 0;
    width: 200px;
}

#myooxNotLogged.socialLogin .field-validation-error.social-error br {
    display: inline;
    margin-right: 5px;
}

#myooxNotLogged.socialLogin .field-validation-error.social-error a {
    color: #E97400;
    text-decoration: underline;
}

.socialLogin #countryInfoChange {
    vertical-align: middle;
    max-width: 79px;
}

#userBarSocialLogin .social-error {
    height: auto;
    left: -20px;
    line-height: 11px;
    margin-top: 2px;
    position: relative;
    top: 1px;
    white-space: normal;
    width: 247px;
}

.social-error .socialChangeCountry {
    text-decoration: underline;
    cursor: pointer;
}

    .social-error .socialChangeCountry:hover {
        color: #ff0000;
    }
/* END --- SOCIAL LOGIN */

/** USERBAR LAYER **/
.userBarLayer {
    display: none;
    position: absolute;
    background: #FFF;
    border-top: none;
    padding: 15px;
    width: 235px;
    border: 1px solid #2e2e2e;
    z-index: 1002;
}

/* CHANGE COUNTRY LAYER */
#switchCountryContainerLayer {
    display: none;
    text-align: center;
    font-size: 1.2em;
    color: #6e6e6e;
    background-color: #ffffff;
}

    #switchCountryContainerLayer .fixedWidth {
        padding: 8px;
    }

    #switchCountryContainerLayer span {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 30px;
        vertical-align: middle;
        margin: 0 5px;
    }

    #switchCountryContainerLayer .sclClose {
        background: url("http://cdn2.yoox.biz/yoox14/closeLayerIconTransparent.png?2") no-repeat center center;
        display: block;
        float: right;
        height: 30px;
        width: 50px;
        cursor: pointer;
    }

    #switchCountryContainerLayer .sclCurrentCountry {
        padding: 0 0px 0 30px;
        color: #2e2e2e;
        background-position: left center;
        background-repeat: no-repeat;
    }

#switchCountryContainer {
    display: block;
    width: 245px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    left: 5px;
}

    #switchCountryContainer .shippingTo {
        color: #6e6e6e;
        display: block;
        float: left;
        max-width: 120px;
        overflow: hidden;
        height: 36px;
        line-height: 36px;
    }

    #switchCountryContainer a.currentCountry {
        background-repeat: no-repeat;
        background-position: 5px center;
        color: #2e2e2e;
        display: block;
        float: left;
        max-width: 124px;
        overflow: hidden;
        text-align: center;
        height: 36px;
        line-height: 36px;
        padding: 0 5px 0 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.RU #switchCountryContainer a.currentCountry,
.TM #switchCountryContainer a.currentCountry,
.AM #switchCountryContainer a.currentCountry,
.AZ #switchCountryContainer a.currentCountry,
.BY #switchCountryContainer a.currentCountry,
.GE #switchCountryContainer a.currentCountry,
.KZ #switchCountryContainer a.currentCountry,
.KG #switchCountryContainer a.currentCountry,
.TJ #switchCountryContainer a.currentCountry,
.UA #switchCountryContainer a.currentCountry,
.UZ #switchCountryContainer a.currentCountry {
    color: #000000;
}

#switchCountryContainer a.currentCountry:hover {
    background-color: #e6e6e6;
}

.CYCopened #switchCountryContainer a.currentCountry {
    background-color: #6e6e6e;
    color: #ffffff;
}

span.scArrow {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    border: 5px solid transparent;
    border-bottom: 5px solid #6e6e6e;
    position: absolute;
    z-index: 10000;
}

.panelTopBar {
    color: #6e6e6e;
    cursor: pointer;
    font-size: 1.5em;
    height: 36px;
    line-height: 36px;
    display: block;
    background-color: #f5f5f5;
    border-bottom: 1px solid #6e6e6e;
}
/* END - CHANGE COUNTRY LAYER */

/*** CUSTOMER CARE LAYER ***/
#customerCareLayer {
    text-align: center;
    width: 320px;
    display: none;
    line-height: normal;
}

    #customerCareLayer .cclTitle {
        display: block;
        font-size: 1.2em;
        color: #6e6e6e;
        padding-bottom: 15px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ececec;
    }

    #customerCareLayer .cclMenu {
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 5px solid #ececec;
    }

        #customerCareLayer .cclMenu li {
            margin-bottom: 10px;
        }

            #customerCareLayer .cclMenu li a {
                color: #2e2e2e;
                font-size: 1.2em;
            }

                #customerCareLayer .cclMenu li a:hover {
                    color: #6e6e6e;
                }

    #customerCareLayer .cclContacts {
        margin-bottom: 15px;
    }

        #customerCareLayer .cclContacts .cclCol {
            width: 49%;
            float: left;
        }

        #customerCareLayer .cclContacts .cclContactTitle,
        #customerCareLayer .cclContacts .cclContactInfo1,
        #customerCareLayer .cclContacts .cclContactInfo2 {
            display: block;
        }

        #customerCareLayer .cclContacts .cclContactTitle {
            font-size: 1.4em;
            margin-bottom: 15px;
        }

        #customerCareLayer .cclContacts .cclContactInfo1 {
            font-size: 1.3em;
            color: #2e2e2e;
            margin-bottom: 15px;
        }

        #customerCareLayer .cclContacts .cclContactInfo2 {
            font-size: 1.2em;
        }

    #customerCareLayer .cclIco {
        background-image: url('http://cdn2.yoox.biz/yoox14/sections/cclayer/ccLayerIcons.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 45px;
        height: 40px;
        margin: 0 auto 10px auto;
    }

    #customerCareLayer .cclPhoneIco {
        background-position: 0 0;
    }

    #customerCareLayer .cclEmailIco {
        background-position: -116px 0;
    }

    #customerCareLayer .cclPhone,
    #customerCareLayer .cclEmail {
        cursor: pointer;
    }

    #customerCareLayer .stdButton,
    #customerCareLayer input.stdButton,
    #customerCareLayer a.stdButton {
        padding: 8px 0;
        width: 100%;
        height: auto;
        line-height: normal;
        font-size: 1.1em;
    }


/** ADDTOCART LAYER **/
#cartLayer {
    height: 100px;
}

.userBarLayer .loadingFFF {
    margin: 40px auto;
    position: relative;
    display: block;
    right: auto;
    top: auto;
}

.userBarLayer ul {
    height: auto;
}

    .userBarLayer ul li {
        overflow: hidden;
    }

.userBarLayer .ovarlaycart ul li {
    margin-top: 5px;
}

.userBarLayer ul li img {
    float: left;
    border: none;
}
/** END ADDTOCART LAYER **/

/** ADDTODREAMBOX LAYER START **/
.userBarLayer .confirmation {
    color: #a7a7a7;
    font-size: 1.1em;
    margin-bottom: 15px;
    text-align: center;
}

.userBarLayer .dbError {
    color: #a7a7a7;
    font-size: 1.1em;
    text-align: center;
}

    .userBarLayer .dbError a {
        margin-left: 1em;
    }

.userBarLayer #DBLayerItem {
    height: auto !important;
    height: 115px;
    min-height: 115px;
}

.userBarLayer .itemImg {
    margin-right: 10px;
    float: left;
}

.userBarLayer .itemDataCart,
.userBarLayer .itemData {
    width: 120px;
    float: right;
}

    .userBarLayer .itemDataCart .brand,
    .userBarLayer .itemData .brand {
        font-size: 1.3em;
        line-height: 1.1em;
        color: #2e2e2e;
        display: block;
    }

.userBarLayer .ovarlaycart .itemDataCart .brand {
    font-size: 1em;
}

.userBarLayer .itemDataCart .micro,
.userBarLayer .itemData .micro {
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1em;
    color: #6e6e6e;
    display: block;
}

.userBarLayer .ovarlaycart .itemDataCart .micro {
    display: none;
}


.userBarLayer .itemDataCart .newprice,
.userBarLayer .itemData .newprice,
.userBarLayer .itemDataCart .price,
.userBarLayer .itemData .price {
    font-size: 1.4em;
    line-height: 1.1em;
    color: #2e2e2e;
    display: block;
    text-align: right;
    border-top: 1px solid #cdcdcd;
    margin: 10px 0;
    padding-top: 10px;
}

.userBarLayer .ovarlaycart .itemDataCart .newprice,
.userBarLayer .ovarlaycart .itemDataCart .price {
    font-size: 1.1em;
    margin: 5px 0;
    padding-top: 5px;
}

.userBarLayer .separator {
    clear: both;
    width: 100%;
    border-top: 5px solid #ececec;
    margin: 10px 0;
    height: 1px;
    overflow: hidden;
}

.userBarLayer #cartInfo,
.userBarLayer .dbInfo {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 10px;
}

#goToCheckOut,
#goToDreamBox,
#dreamboxLayer .goToDreamBox {
    clear: both;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 1.1em;
    background-color: #666666;
    color: #ffffff;
}

    #goToCheckOut:hover,
    #goToDreamBox:hover,
    #dreamboxLayer .goToDreamBox:hover {
        background-color: #999999;
        color: #ffffff;
    }

#dreamboxLayer .goToDreamBox {
    margin-top: 10px;
}
/** END ADDTOCART LAYER **/
/** END USERBAR LAYER **/

/** CHOOSE COUNTRY **/
#chooseLocation {
    height: 36px;
    line-height: 36px;
    color: #6e6e6e;
    font-size: 1.5em;
    margin: 0;
    cursor: pointer;
}

    #chooseLocation .fixedWidth, .panelTopBar .fixedWidth {
        background: url("http://cdn2.yoox.biz/yoox14/closeLayerIconTransparent.png?2") no-repeat right center;
    }

#chooseCountryContainer {
    position: relative;
    overflow: hidden;
}

#chooseCountryContainer.fixedWidth {
    padding: 0;
    overflow: hidden;
}

#chooseCountryContent {
    display: none;
    overflow: hidden;
    zoom: 1;
}

html.no-touch #chooseCountryContent a:hover {
    color: #2e2e2e;
    background-color: #e6e6e6;
}

#chooseCountryContent .chooseLocationColumn {
    background-color: #ffffff;
    zoom: 1
}

#chooseCountryContent .column,
#chooseCountryContent .requestCountry {
    float: left;
    display: inline;
    margin-bottom: 12px;
    text-align: left;
    width: 24%;
    padding: 0;
    padding-right: 1%;
    margin: 0;
    position: relative;
}

#chooseCountryContent .requestCountry {
    padding-top: 11px;
    text-transform: uppercase;
}

#chooseCountryContent .requestCountry a {
    color: #2e2e2e;
    text-decoration: underline;
}

#chooseCountryContent .column a {
    display: block;
    height: 2.7em;
    line-height: 2.7em;
    color: #2e2e2e;
    padding: 0 5px;
}

#chooseCountryContent .column .naxFlag {
    background: url("http://cdn2.yoox.biz/yoox10/spriteNax.jpg") no-repeat;
    width: 20px;
    height: 13px;
    margin: 8px 5px 0 0;
}

#chooseCountryContent .column .naxName {
    width: 85%;
    white-space: nowrap;
}

#chooseCountryContent .column .spriteNaxAD {
    background-position: 0 0;
}

#chooseCountryContent .column .spriteNaxAE {
    background-position: 0 -63px;
}

#chooseCountryContent .column .spriteNaxAL {
    background-position: 0 -126px;
}

#chooseCountryContent .column .spriteNaxAM {
    background-position: 0 -189px;
}

#chooseCountryContent .column .spriteNaxAR {
    background-position: 0 -252px;
}

#chooseCountryContent .column .spriteNaxAT {
    background-position: 0 -315px;
}

#chooseCountryContent .column .spriteNaxAU {
    background-position: 0 -378px;
}

#chooseCountryContent .column .spriteNaxAZ {
    background-position: 0 -441px;
}

#chooseCountryContent .column .spriteNaxBA {
    background-position: 0 -504px;
}

#chooseCountryContent .column .spriteNaxBE {
    background-position: 0 -567px;
}

#chooseCountryContent .column .spriteNaxBG {
    background-position: 0 -630px;
}

#chooseCountryContent .column .spriteNaxBH {
    background-position: 0 -693px;
}

#chooseCountryContent .column .spriteNaxBN {
    background-position: 0 -756px;
}

#chooseCountryContent .column .spriteNaxBY {
    background-position: 0 -819px;
}

#chooseCountryContent .column .spriteNaxCA {
    background-position: 0 -882px;
}

#chooseCountryContent .column .spriteNaxCH {
    background-position: 0 -945px;
}

#chooseCountryContent .column .spriteNaxCI {
    background-position: 0 -1008px;
}

#chooseCountryContent .column .spriteNaxCL {
    background-position: 0 -1071px;
}

#chooseCountryContent .column .spriteNaxCN {
    background-position: 0 -1134px;
}

#chooseCountryContent .column .spriteNaxCO {
    background-position: 0 -1197px;
}

#chooseCountryContent .column .spriteNaxCY {
    background-position: 0 -1260px;
}

#chooseCountryContent .column .spriteNaxCZ {
    background-position: 0 -1323px;
}

#chooseCountryContent .column .spriteNaxDE {
    background-position: 0 -1386px;
}

#chooseCountryContent .column .spriteNaxDK {
    background-position: 0 -1449px;
}

#chooseCountryContent .column .spriteNaxDO {
    background-position: 0 -1512px;
}

#chooseCountryContent .column .spriteNaxDZ {
    background-position: 0 -1575px;
}

#chooseCountryContent .column .spriteNaxEE {
    background-position: 0 -1638px;
}

#chooseCountryContent .column .spriteNaxEG {
    background-position: 0 -1701px;
}

#chooseCountryContent .column .spriteNaxES {
    background-position: 0 -1764px;
}

#chooseCountryContent .column .spriteNaxFI {
    background-position: 0 -1827px;
}

#chooseCountryContent .column .spriteNaxFR {
    background-position: 0 -1890px;
}

#chooseCountryContent .column .spriteNaxGB {
    background-position: -70px 0;
}

#chooseCountryContent .column .spriteNaxGE {
    background-position: -70px -63px;
}

#chooseCountryContent .column .spriteNaxGR {
    background-position: -70px -126px;
}

#chooseCountryContent .column .spriteNaxGT {
    background-position: -70px -189px;
}

#chooseCountryContent .column .spriteNaxHK {
    background-position: -70px -252px;
}

#chooseCountryContent .column .spriteNaxHR {
    background-position: -70px -315px;
}

#chooseCountryContent .column .spriteNaxHU {
    background-position: -70px -378px;
}

#chooseCountryContent .column .spriteNaxID {
    background-position: -70px -441px;
}

#chooseCountryContent .column .spriteNaxIE {
    background-position: -70px -504px;
}

#chooseCountryContent .column .spriteNaxIL {
    background-position: -70px -567px;
}

#chooseCountryContent .column .spriteNaxIN {
    background-position: -70px -630px;
}

#chooseCountryContent .column .spriteNaxIS {
    background-position: -70px -693px;
}

#chooseCountryContent .column .spriteNaxIT {
    background-position: -70px -756px;
}

#chooseCountryContent .column .spriteNaxJO {
    background-position: -70px -819px;
}

#chooseCountryContent .column .spriteNaxJP {
    background-position: -70px -882px;
}

#chooseCountryContent .column .spriteNaxKG {
    background-position: -70px -945px;
}

#chooseCountryContent .column .spriteNaxKR {
    background-position: -70px -1008px;
}

#chooseCountryContent .column .spriteNaxKW {
    background-position: -70px -1071px;
}

#chooseCountryContent .column .spriteNaxKZ {
    background-position: -70px -1134px;
}

#chooseCountryContent .column .spriteNaxLB {
    background-position: -70px -1197px;
}

#chooseCountryContent .column .spriteNaxLI {
    background-position: -70px -1260px;
}

#chooseCountryContent .column .spriteNaxLR {
    background-position: -70px -1323px;
}

#chooseCountryContent .column .spriteNaxLT {
    background-position: -70px -1386px;
}

#chooseCountryContent .column .spriteNaxLU {
    background-position: -70px -1449px;
}

#chooseCountryContent .column .spriteNaxLV {
    background-position: -70px -1512px;
}

#chooseCountryContent .column .spriteNaxMA {
    background-position: -70px -1575px;
}

#chooseCountryContent .column .spriteNaxMC {
    background-position: -70px -1638px;
}

#chooseCountryContent .column .spriteNaxMD {
    background-position: -70px -1701px;
}

#chooseCountryContent .column .spriteNaxME {
    background-position: -70px -1764px;
}

#chooseCountryContent .column .spriteNaxMG {
    background-position: -70px -1827px;
}

#chooseCountryContent .column .spriteNaxMK {
    background-position: -70px -1890px;
}

#chooseCountryContent .column .spriteNaxMO {
    background-position: -140px 0;
}

#chooseCountryContent .column .spriteNaxMT {
    background-position: -140px -63px;
}

#chooseCountryContent .column .spriteNaxMX {
    background-position: -140px -126px;
}

#chooseCountryContent .column .spriteNaxMY {
    background-position: -140px -189px;
}

#chooseCountryContent .column .spriteNaxNL {
    background-position: -140px -252px;
}

#chooseCountryContent .column .spriteNaxNO {
    background-position: -140px -315px;
}

#chooseCountryContent .column .spriteNaxNZ {
    background-position: -140px -378px;
}

#chooseCountryContent .column .spriteNaxOM {
    background-position: -140px -441px;
}

#chooseCountryContent .column .spriteNaxPA {
    background-position: -140px -504px;
}

#chooseCountryContent .column .spriteNaxPE {
    background-position: -140px -567px;
}

#chooseCountryContent .column .spriteNaxPH {
    background-position: -140px -630px;
}

#chooseCountryContent .column .spriteNaxPL {
    background-position: -140px -693px;
}

#chooseCountryContent .column .spriteNaxPT {
    background-position: -140px -756px;
}

#chooseCountryContent .column .spriteNaxPY {
    background-position: -140px -819px;
}

#chooseCountryContent .column .spriteNaxQA {
    background-position: -140px -882px;
}

#chooseCountryContent .column .spriteNaxRO {
    background-position: -140px -945px;
}

#chooseCountryContent .column .spriteNaxRS {
    background-position: -140px -1008px;
}

#chooseCountryContent .column .spriteNaxRU {
    background-position: -140px -1071px;
}

#chooseCountryContent .column .spriteNaxSA {
    background-position: -140px -1134px;
}

#chooseCountryContent .column .spriteNaxSE {
    background-position: -140px -1197px;
}

#chooseCountryContent .column .spriteNaxSG {
    background-position: -140px -1260px;
}

#chooseCountryContent .column .spriteNaxSI {
    background-position: -140px -1323px;
}

#chooseCountryContent .column .spriteNaxSK {
    background-position: -140px -1386px;
}

#chooseCountryContent .column .spriteNaxSM {
    background-position: -140px -1449px;
}

#chooseCountryContent .column .spriteNaxSR {
    background-position: -140px -1512px;
}

#chooseCountryContent .column .spriteNaxSY {
    background-position: -140px -1575px;
}

#chooseCountryContent .column .spriteNaxTH {
    background-position: -140px -1638px;
}

#chooseCountryContent .column .spriteNaxTJ {
    background-position: -140px -1701px;
}

#chooseCountryContent .column .spriteNaxTM {
    background-position: -140px -1764px;
}

#chooseCountryContent .column .spriteNaxTN {
    background-position: -140px -1827px;
}

#chooseCountryContent .column .spriteNaxTR {
    background-position: -140px -1890px;
}

#chooseCountryContent .column .spriteNaxTW {
    background-position: -210px 0;
}

#chooseCountryContent .column .spriteNaxUA {
    background-position: -210px -63px;
}

#chooseCountryContent .column .spriteNaxUS {
    background-position: -210px -126px;
}

#chooseCountryContent .column .spriteNaxUZ {
    background-position: -210px -189px;
}

#chooseCountryContent .column .spriteNaxVA {
    background-position: -210px -252px;
}

#chooseCountryContent .column .spriteNaxVE {
    background-position: -210px -315px;
}

#chooseCountryContent .column .spriteNaxVN {
    background-position: -210px -378px;
}

#chooseCountryContent .column .spriteNaxZA {
    background-position: -210px -441px;
}


.countryLink {
    width: 200px;
    float: left;
    margin-bottom: 15px;
}

    .countryLink a, .countryLink img {
        display: inline-block;
        vertical-align: middle;
    }

    .countryLink img {
        margin: 0 5px 0 0;
    }

    .countryLink a {
        color: #B4B4B4;
    }

html.no-touch .countryLink a:hover {
    color: #fff;
}


/*STYLE FOR ICON FONT*/
#userBar em.badge, 
#userBar i.icon, 
#userBar span.name {    
    float: left;
}

#userBar i.icon {
    margin: auto 5px auto 4px;
    *margin: 10px 5px auto 4px;
    line-height: 2.5em;
    font-size: 13px;    
}/****************** BUTTON *******************/

.stdButton,
input.stdButton,
a.stdButton {
    border-width: 1px;
    border-style: solid;
    line-height: 12px;
    padding: 8px 3em;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: center;
    overflow: visible; /* IE7 Double Padding Fix */
}

.stdButtonWhite,
a.stdButtonWhite {
    background-color: #ffffff;
    border-color: #a7a7a7;
    color: #333333;
}

    .stdButtonWhite:hover,
    a.stdButtonWhite:hover {
        background-color: #e6e6e6;
    }

.stdButtonLightGray,
a.stdButtonLightGray {
    background-color: #E6E6E6;
    border-color: #a7a7a7;
    color: #333333;
}

    .stdButtonLightGray:hover,
    a.stdButtonLightGray:hover {
        background-color: #ffffff;
    }

.stdButtonGray,
a.stdButtonGray {
    background-color: #6E6E6E;
    border-color: #2e2e2e;
    color: #ffffff;
}

    .stdButtonGray:hover,
    a.stdButtonGray:hover {
        background-color: #E6E6E6;
        color: #2e2e2e;
    }

.stdButtonDarkGray,
a.stdButtonDarkGray {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    color: #ffffff;
}

    .stdButtonDarkGray:hover,
    a.stdButtonDarkGray:hover {
        background-color: #ffffff;
        color: #2e2e2e;
    }

    .stdButtonDarkGray.disabled,
    a.stdButtonDarkGray.disabled {
        background-color: #ccc;
        border-color: #fff;
        color: #ffffff;
        cursor: default;
    }

        .stdButtonDarkGray.disabled:hover,
        a.stdButtonDarkGray.disabled:hover {
            background-color: #ccc;
            color: #ffffff;
        }

.stdButtonGreen,
a.stdButtonGreen,
a.stdButtonGreen b {
    
    border-color: #548d6b;
    color: #548d6b;
}

.stdButtonGreen,
a.stdButtonGreen
{
    background-color: #ffffff;
}

    .stdButtonGreen:hover,
    a.stdButtonGreen:hover {
        background-color: #E6F6E6;
    }


/* SOCIAL BUTTONS */
/* Default size */
.external-login-button {
    height: 27px;
    width: 154px;
    display: block;
    font-size: 10px;
    line-height: 20px;
    border: 0 none;
    color: #FFFFFF;
    text-align: left;
    padding-left: 43px;
    cursor: pointer;
    margin-bottom: 15px;
}

.external-login-button {
    text-transform: uppercase;
}

.external-login-facebook {
    background: url("http://cdn2.yoox.biz/yoox10/spriteSocialConnect14.png?v=1") no-repeat 0 -332px #4b789c;
}

.external-login-google {
    background: url("http://cdn2.yoox.biz/yoox10/spriteSocialConnect14.png?v=1") no-repeat 0 -359px #e84c3d;
}

/* Medium size */
.external-login-button.medium {
    font-size: 13px;
    height: 34px;
    padding-left: 54px;
    width: 194px;
}

.external-login-facebook.medium {
    background-position: 0 -264px;
}

.external-login-google.medium {
    background-position: 0 -298px;
}

/* Big size */
.external-login-button.big {
    font-size: 15px;
    height: 40px;
    padding-left: 70px;
    width: 250px;
    margin-bottom: 25px;
}

.myoox15ABT .external-login-button.big {
    width: 100%;
    padding-right: 10px;
    margin-bottom: 6px;
}

.external-login-facebook.big {
    background-position: 0 -178px;
}

.external-login-google.big {
    background-position: 0 -222px;
}/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url("http://cdn2.yoox.biz/yoox14/Uniformjs-YooxSpriteR14.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    /* Keeping this as :focus to remove browser styles */
}

    div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
        outline: 0;
    }

    div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
        margin: 0;
        padding: 0;
    }

.highContrastDetect {
    background: url("http://cdn2.yoox.biz/yoox11/sections/checkout/bg-input.png") repeat-x 0 0;
    width: 0px;
    height: 0px;
}

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    padding: 3px;
    background: url("http://cdn2.yoox.biz/yoox11/sections/checkout/bg-input.png") repeat-x 0 0;
    outline: 0;
}

    input.uniform-input.active,
    select.uniform-multiselect.active,
    textarea.uniform.active {
        background: url("http://cdn2.yoox.biz/yoox11/sections/checkout/bg-input-focus.png") repeat-x 0 0;
    }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* Select */
div.selector {
    background-position: 0 -167px;
    line-height: 29px;
    height: 29px;
    padding: 0 0 0 3px;
    position: relative;
    overflow: hidden;
}

    div.selector span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right -2px;
        height: 29px;
        line-height: 29px;
        padding-right: 29px;
        cursor: pointer;
        width: 100%;
        display: block;

    }
    
    div.selector i {
        position: absolute;
        top: 0;
        right: 0;
    }

    /*div.selector.fixedWidth {
        width: 190px;
    }

        div.selector.fixedWidth span {
            width: 155px;
        }*/

    div.selector select {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        height: 29px;
        /*top: 2px;*/
        top: 0;
        left: 0px;

    }

    div.selector.active {
        background-position: 0 -200px;
    }

        div.selector.active span {
            background-position: right -35px;
        }

    div.selector.hover, div.selector.focus {
        background-position: 0 -233px;
    }

        div.selector.hover span, div.selector.focus span {
            background-position: right -68px;
        }

        div.selector.hover.active, div.selector.focus.active {
            background-position: 0 -266px;
        }

            div.selector.hover.active span, div.selector.focus.active span {
                background-position: right -101px;
            }

    div.selector.disabled, div.selector.disabled.active {
        background-position: 0 -299px;
    }

        div.selector.disabled span, div.selector.disabled.active span {
            background-position: right -134px;
        }

/* Checkbox */
div.checker {
    position: relative;
}

    div.checker, div.checker span, div.checker input {
        width: 18px;
        height: 18px;
    }

        div.checker span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
            background-position: -2px -332px;
        }

            div.checker span.checked {
                background-position: -82px -332px;
            }

        div.checker input {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

        div.checker.active span {
            background-position: -22px -332px;
        }

            div.checker.active span.checked {
                background-position: -82px -332px;
            }

        div.checker.hover span, div.checker.focus span {
            background-position: -42px -332px;
        }

            div.checker.hover span.checked, div.checker.focus span.checked {
                background-position: -102px -332px;
            }

        div.checker.hover.active span, div.checker.focus.active span {
            background-position: -62px -332px;
        }

            div.checker.hover.active span.checked, div.checker.focus.active span.checked {
                background-position: -122px -332px;
            }

        div.checker.disabled, div.checker.disabled.active {
            background-position: -162px -332px;
        }

            div.checker.disabled span.checked, div.checker.disabled.active span.checked {
                background-position: -182px -332px;
            }

/* Radio */
div.radio {
    position: relative;
}

    div.radio, div.radio span, div.radio input {
        width: 18px;
        height: 18px;
    }

        div.radio span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
            background-position: -2px -351px;
        }

            div.radio span.checked {
                background-position: -82px -351px;
            }

        div.radio input {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.radio.active span {
            background-position: -22px -351px;
        }

            div.radio.active span.checked {
                background-position: -102px -351px;
            }

        div.radio.hover span, div.radio.focus span {
            background-position: -42px -351px;
        }

            div.radio.hover span.checked, div.radio.focus span.checked {
                background-position: -122px -351px;
            }

        div.radio.hover.active span, div.radio.focus.active span {
            background-position: -62px -351px;
        }

            div.radio.hover.active span.checked, div.radio.focus.active span.checked {
                background-position: -142px -351px;
            }

        div.radio.disabled span, div.radio.disabled.active span {
            background-position: -162px -351px;
        }

            div.radio.disabled span.checked, div.radio.disabled.active span.checked {
                background-position: -182px -351px;
            }

/* Uploader */
/*div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    div.uploader span.action {
        background-position: right -409px;
        height: 28px;
        line-height: 28px;
        width: 85px;
        text-align: center;
        float: left;
        display: inline;
        overflow: hidden;
        cursor: pointer;
    }

    div.uploader span.filename {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        cursor: default;
        height: 24px;
        margin: 2px 0 2px 2px;
        line-height: 24px;
        width: 82px;
        padding: 0 10px;
    }

    div.uploader input {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        cursor: default;
        width: 100%;
        height: 100%;
    }

    div.uploader.active span.action {
        background-position: right -465px;
    }

    div.uploader.hover, div.uploader.focus {
        background-position: 0 -353px;
    }

        div.uploader.hover span.action, div.uploader.focus span.action {
            background-position: right -437px;
        }

        div.uploader.hover.active span.action, div.uploader.focus.active span.action {
            background-position: right -493px;
        }

    div.uploader.disabled, div.uploader.disabled.active {
        background-position: 0 -325px;
    }

        div.uploader.disabled span.action, div.uploader.disabled.active span.action {
            background-position: right -381px;
        }*/

/* Buttons */
/*div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

    div.button a, div.button button, div.button input {
        opacity: 0.01;
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    div.button span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        line-height: 30px;
        text-align: center;
        background-position: right -521px;
        height: 30px;
        margin-left: 13px;
        padding: 0;
    }

    div.button.active {
        background-position: 0 -671px;
    }

        div.button.active span {
            background-position: right -551px;
            cursor: default;
        }

    div.button.hover, div.button.focus {
        background-position: 0 -701px;
    }

        div.button.hover span, div.button.focus span {
            background-position: right -581px;
        }

    div.button.disabled, div.button.disabled.active {
        background-position: 0 -731px;
    }

        div.button.disabled span, div.button.disabled.active span {
            background-position: right -611px;
            cursor: default;
        }*/
#mosaikMenuContainer {
    z-index: 10;
    height: 70px;
    overflow: visible;

    margin-top: 37px;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -ms-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}
    .hasPromo #mosaikMenuContainer { margin-top: 72px; }
    .CYCopened #mosaikMenuContainer { margin-top: 5px; }

    .loginOpened #mosaikMenuContainer { margin-top: 291px; } 
    .hasPromo.loginOpened #mosaikMenuContainer { margin-top: 326px; }

    .switchCountryLayer #mosaikMenuContainer { margin-top: 85px; } 
    .hasPromo.switchCountryLayer #mosaikMenuContainer { margin-top: 120px; }


    #mosaikMenuContainer #logoYoox {
        position: absolute;
        top: 18px;
        left: 13px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;

        background-image: url("http://cdn2.yoox.biz/yoox14/yoox.png?_2");
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 31px;
        width: 128px;
    }

    @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) {
        #mosaikMenuContainer #logo {
            background-image: url("http://cdn2.yoox.biz/yoox14/yoox_logo_big.png?_1");
            -ms-background-size: 110px 26px;
            -o-background-size: 110px 26px;
            -webkit-background-size: 110px 26px;
            background-size: 110px 26px;
        }
    }

    /* MENU */
    #mosaikMenuContainer #mosaikMenu {
        position: absolute;
        bottom: 0;
        left: 165px;
        text-align: center;
        width: 670px;
    }
        
        #mosaikMenu li {
            border-bottom-width: 4px;
            border-bottom-style: solid;
            border-bottom-color: transparent;
            cursor: pointer;
            position: relative;

            display: inline-block;
            /* In IE6/IE7, display: inline-block only works on elements that are naturally inline (such as span) */
            *display: inline;
            zoom: 1;
        }
            #mosaikMenu #womenMenu.selectedArea,
            #mosaikMenu #menMenu.selectedArea,
            #mosaikMenu #kidsMenu.selectedArea,
            #womenMosaikMenuLayer,
            #menMosaikMenuLayer,
            #kidsMosaikMenuLayer,
            #womenMosaikMenuLayer .mosaikLayerShadowBorder,
            #menMosaikMenuLayer .mosaikLayerShadowBorder,
            #kidsMosaikMenuLayer .mosaikLayerShadowBorder { border-color: #ffdd00; }
            #mosaikMenu #designMenu.selectedArea,
            #designMosaikMenuLayer,
            #designMosaikMenuLayer .mosaikLayerShadowBorder { border-color: #42ae49; } 
            #mosaikMenu #artMenu.selectedArea,
            #artMosaikMenuLayer,
            #artMosaikMenuLayer .mosaikLayerShadowBorder { border-color: #055eca; }

            #mosaikMenu .selectedLayer .arrowSelected { 
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 8px 8px 8px;
                line-height: 0;
                display: block;
                position: absolute;
                bottom: 0;
                left: 50%;
                left: calc(50% - 8px);
                margin-left: -8px;
                margin-left: calc(1px - 1px);
            }

            #mosaikMenu #womenMenu.selectedLayer .arrowSelected,
            #mosaikMenu #menMenu.selectedLayer .arrowSelected,
            #mosaikMenu #kidsMenu.selectedLayer .arrowSelected { 
                border-color: transparent transparent #fadf23 transparent;
                _border-color: #000000 #000000 #fadf23 #000000;
                _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
            }
            #mosaikMenu #designMenu.selectedLayer .arrowSelected { 
                border-color: transparent transparent #48af4a transparent;
                _border-color: #000000 #000000 #48af4a #000000;
                _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
            } 
            #mosaikMenu #artMenu.selectedLayer .arrowSelected {
                border-color: transparent transparent #2c57c7 transparent;
                _border-color: #000000 #000000 #2c57c7 #000000;
                _filter: progid:DXImageTransform.Microsoft.Chroma(color='#2c57c7');
            }

        #mosaikMenu .areaLink {
            color: #a7a7a7;
            height: 58px;
            line-height: 58px;
            padding: 0 20px;
            font-size: 1.6em;
        }

            .RU #mosaikMenu .areaLink,
            .TM #mosaikMenu .areaLink,
            .AM #mosaikMenu .areaLink,
            .AZ #mosaikMenu .areaLink,
            .BY #mosaikMenu .areaLink,
            .GE #mosaikMenu .areaLink,
            .KZ #mosaikMenu .areaLink,
            .KG #mosaikMenu .areaLink,
            .TJ #mosaikMenu .areaLink,
            .UA #mosaikMenu .areaLink,
            .UZ #mosaikMenu .areaLink {
                font-size: 1.3em;
                padding: 0 15px;
            }

            #mosaikMenu .selectedArea .areaLink { color: #2E2E2E; }
            #mosaikMenu li:hover .areaLink { color: #6E6E6E; }


    /* LAYER */
    #mosaikMenuContainer .mosaikMenuLayer {
        border-top-width: 4px;
        border-top-style: solid;        
        border-bottom-width: 4px;
        border-bottom-style: solid;
        background-color: #FFF;
        position: absolute;
        top: 66px;
        left: 0;
        display: none;
        min-height: 512px;
        padding-bottom: 20px;

        filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=15);
        -webkit-box-shadow: 0 7px 14px -11px #000;
        -ms-box-shadow: 0 7px 14px -11px #000;
        -moz-box-shadow: 0 7px 14px -11px #000;
        box-shadow: 0 7px 14px -11px #000;
    }

        #mosaikMenuContainer .selectedLayer.mosaikMenuLayer { display: block; }

        #mosaikMenuContainer .mosaikColContainer {
            overflow: hidden;
            clear: both;
            float: none;
        }

        #mosaikMenuContainer .mosaikCol { background: url("http://cdn2.yoox.biz/yoox14/mosaikMenuLine.jpg?_1"); }
        #mosaikMenuContainer .mosaikCol:first-of-type { background: none; }
        #mosaikMenuContainer .colSpan1.mosaikCol { width: 196px; }
        #mosaikMenuContainer .colSpan2.mosaikCol { width: 392px; width: calc(196px*2); }
        #mosaikMenuContainer .colSpan3.mosaikCol { width: 588px; width: calc(196px*3); }

        #mosaikMenuContainer .mosaikColBanner {
            position: relative; 
            height: 115px;
        }
            #mosaikMenuContainer a.mosaikColBanner { display: block; }

            #mosaikMenuContainer .mosaikColBannerImg {
                display: block;
                height: 100%;
            }
                #mosaikMenuContainer a.mosaikColBanner:hover .mosaikColBannerImg {
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
                    /* IE 5-7 */
                    filter: alpha(opacity=80);
                    /* Netscape */
                    -moz-opacity: 0.8;
                    /* Safari 1.x */
                    -khtml-opacity: 0.8;
                    /* Good browsers */
                    -ms-opacity: 0.8;
                    opacity: 0.8;
                }


            #mosaikMenuContainer .mosaikColBanner .mosaikColTitleContainer {
                position: absolute;
                bottom: 0;
                left: 0;
                display: block;
                width: 100%;
                padding: 10px 0;
           
                color: #FFF;
                /* 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)";
                /* 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);
            }

            .RU #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .TM #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .AM #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .AZ #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .BY #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .GE #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .KZ #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .KG #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .TJ #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .UA #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer,
            .UZ #mosaikMenuContainer #kidsMosaikMenuLayer .mosaikCol:first-of-type .mosaikColTitleContainer {
                padding-top: 24.2px;
            }
                #mosaikMenuContainer .mosaikColBanner .mosaikColTitleText {
                    display: inline-block;
                    font-size: 1.2em;
                    line-height: 1.2em;
                    margin-left: 14px;
                    margin-right: 12px;
                    padding-bottom: 5px;
                }

                #mosaikMenuContainer div.mosaikColBanner .mosaikColTitleText { padding-bottom: 5px; }
                #mosaikMenuContainer a.mosaikColBanner .mosaikColTitleText { position: relative; }

                #mosaikMenuContainer a.mosaikColBanner .mosaikColTitleUnderscore {
                    display: block;
                    background-color: #fff;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: 2px;
                    -webkit-transition: width 0.4s;
                    -moz-transition: width 0.4s;
                    -ms-transition: width 0.4s;
                    -o-transition: width 0.4s;
                    transition: width 0.4s;
                    width: 24px;
                }
                #mosaikMenuContainer a.mosaikColBanner:hover .mosaikColTitleUnderscore { width: 100% }

        #mosaikMenuContainer .colSpan2.mosaikCol .listOfMosaikLinks { float: left; width: 50%; }
        #mosaikMenuContainer .colSpan3.mosaikCol .listOfMosaikLinks { float: left; width: 33%; }

            #mosaikMenuContainer .listOfMosaikLinks .mosaikTextLink {
                display: block;
                font-size: 1.2em;
                line-height: 1.2em;
                padding: 8px 14px;
                margin-top: 3px;
            }

            #mosaikMenuContainer .listOfMosaikLinks .mosaikBannerLink {
                display: block;
                margin-top: 10px;
            }

            #mosaikMenuContainer .listOfMosaikLinks .mosaikSubLink .mosaikTextLink { font-size: 1.1em; }

    #mosaikMenuContainer .deptBannerContainer { margin-top: 40px; }

        #mosaikMenuContainer .deptBanner {
            width: 310px;
            margin-bottom: 20px;
            float: left;
        }

        #mosaikMenuContainer .deptBannerContainer3 .deptBanner2,
        #mosaikMenuContainer .deptBannerContainer4 .deptBanner3,
        #mosaikMenuContainer .deptBannerContainer6 .deptBanner2,
        #mosaikMenuContainer .deptBannerContainer6 .deptBanner5,
        #mosaikMenuContainer .deptBannerContainer7 .deptBanner3,
        #mosaikMenuContainer .deptBannerContainer7 .deptBanner6 {
            margin: 0 25px;
        }
    
        #mosaikMenuContainer .deptBannerContainer1 .deptBanner1,
        #mosaikMenuContainer .deptBannerContainer4 .deptBanner1,
        #mosaikMenuContainer .deptBannerContainer7 .deptBanner1 {
            width: 980px;
        }

    #mosaikMenuOpacityLayer {
        display: none;
        background-color: #fff;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
        /* IE 5-7 */
        filter: alpha(opacity=80);
        /* Netscape */
        -moz-opacity: 0.8;
        /* Safari 1.x */
        -khtml-opacity: 0.8;
        /* Good browsers */
        -ms-opacity: 0.8;
        opacity: 0.8;

        height: 100%
    }

#container { position: relative; }