﻿ul{list-style-type:none; padding:0px; margin:0px;}
.floatLeft{float:left;}
#itemContent {
    overflow: hidden;
    position: relative;
    padding: 0;
    margin-top: 5px;
}

#navigationBar {
    border-bottom: 5px solid #F4F4F4;
    margin-bottom: 3px;
    height: 36px;
}

#backToSR {
    display: none;
    padding: 0 10px;
    margin-bottom: 3px;
    font-size: 1.2em;
    height: 1.7em;
    line-height: 1.7em;
    font-weight: bold;
    color: #999;
}

#backToSR:hover {
    color: #CCC;
}

#backToSR .arrow-w {
    background-position: -451px -37px;
    float: left;
    height: 20px;
    width: 20px;
    border-right:0;
}

#backToSR:hover .arrow-w {
    border-right-color: #CCC;
}

#openZoom {
    cursor: -moz-zoom-in;
    display: block;
    float: right;
    overflow: hidden;
    position: relative;
    width: 387px;
    height: 510px;     
}

#openZoom.disable {
    cursor: default;
}

#imgSoldOut {
    display: block;
    float: right;
    overflow: hidden;
    position: relative;
    width: 387px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6;
}

#modal_window_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 1001;
    background-color: #000;
}

.itemZoomHover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    background: url("http://cdn2.yoox.biz/yoox10/sections/item/zoom.png") no-repeat scroll 50% 50% transparent;
}

#dialogzoom #closeZoom {
    font-size: 2em;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
    z-index: 99;
}

.modal_window {
    position: absolute;
    display: none;
    z-index: 1002;
}

#dialogzoom {
    border: 1px solid #ACACAC;
    background: #E6E6E6;
    color: #000;
    overflow: hidden;
    padding: 0;
}

#otherColors {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#otherThumbs {
    position: fixed;
    left: 15px;
    bottom: 15px;
}
.previewZoom {
    position: absolute;
    bottom: 0px;
    margin: 20px;
    font-weight: bold;
}
.previewZoom li img {
    cursor: pointer;
}

#itemImage, #itemData, #itemInfoTab {
    width: 49%;
    position: relative;
    color: #999;
}

#mainImage {
    width: 387px;
    height: 490px;
}

#itemThumbs {
    position: absolute;
    top: 0;
    left: 0;
}

.itemThumb {
    cursor: pointer;
    border-bottom: 5px solid #F4F4F4;
    margin-bottom: 5px;
    width: 90px;
}
.itemThumb.selected, html.no-touch .itemThumb:hover {
    border-color: #e30020;
}
.design .itemThumb.selected, html.no-touch .design .itemThumb:hover {
    border-color: #026793;
}
.art .itemThumb.selected, html.no-touch .art .itemThumb:hover {
    border-color: #4B0118;
}

.itemDataBlock {
    clear: both;
    float: none;
    border-bottom: 5px solid #f4f4f4;
    overflow: hidden;
    padding: 6px 0;
}

.itemInfoDiscover {
    clear: both;
    float: none;
    border-bottom: 3px dotted #CCCCCC;
    overflow: hidden;
    padding: 14px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.itemInfoDiscover a {
    color: #4a0017;    
}

.itemInfoDiscover a:hover {
     color: #5c323c; 
}

#itemHeader {
    padding-top: 0;
}

.dataTitle {
    font-weight: bold;
}

#itemPrice div, #itemTitle h1, #itemTitle h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
    color: #8a8a8a;
}

/*#itemTitle h1 span, #itemTitle h2 span {
    font-size: 0.7em;
    color: #999;
}*/

#itemTitle .designInfo {
    font-size: 1em;
    font-weight: bold;
    margin-right: 5px;
}

#itemPrice {
    text-align: right;
    color: #EAACAC;
    margin-right: 5px;
}
.design #itemPrice {
    color: #52B6DA;
}
.art #itemPrice {
    color: #C39DA8;
}

#itemPrice span {
    margin-right: 5px;
}
#itemPrice .priceCurrency, #itemPrice .fullprice span {
    margin: 0;
}
#itemPrice .newprice {
    color: #e30020;
}
.design #itemPrice .newprice {
    color: #026793;
}
.art #itemPrice .newprice {
    color: #4B0118;
}
.itemDataSoldOut {
    height: 204px;   
    border-bottom: 5px solid #F4F4F4;
    text-align:left;
    font-weight: bold;
    background: url('http://cdn2.yoox.biz/yoox10/sections/item/icoSoldOut.jpg') no-repeat center center;
    position: relative;
}
@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) {
    .itemDataSoldOut
    {
        background: url("http://cdn2.yoox.biz/yoox10/sections/item/icoSoldOut.jpg") no-repeat center 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;
        }
}
.itemSoldOutMessage {
    font-size: 1.4em;
    margin-top: 145px;
    position: absolute;
    width: 100%;
    text-align:center;
}
#itemColors, #itemSizes {
    border-bottom: 3px dotted #CCC;
    position: relative;
}

.colorsizelist {
    overflow: hidden;
    margin-top: 10px;
}

#itemSizes .colorsizelist {
    margin-bottom: 8px;
}

.colorsizelist li {
    cursor: pointer;
    border-bottom: solid 5px #F4F4F4;
    text-align: center;
    padding: 0 2px 3px 2px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.colorsizelist li.disabled {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    border-bottom: 5px solid #FAFAFA;
}

#itemSizes .colorsizelist li {
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px 5px 3px 5px;
    min-width: 28px;
}
.colorsizelist li.selected, html.no-touch .colorsizelist li:hover {
    border-color: #e30020;
    color: #e30020;
}
.design .colorsizelist li.selected, html.no-touch .design .colorsizelist li:hover {
    border-color: #026793;
    color: #026793;
}
.art .colorsizelist li.selected, html.no-touch .art .colorsizelist li:hover {
    border-color: #4B0118;
    color: #4B0118;
}

#wearability {
    margin: 5px 0;
    font-weight: bold;
    color: #E30020;
}
.design #wearability {
    color: #026793;
}
.art #wearability {
    color: #4B0118;
}
#proposition65Layer, #itemSelection, #itemSizeConversion {
    display: none;
}

#itemSizeConversion {
    padding-right: 20%;
}

#itemSelection span {
    margin-right: 5px;
}

#itemShare li a {
    height: 25px;
    width: 25px;
    margin-left: 5px;
    display: block;
    background: url("http://cdn2.yoox.biz/yoox10/sections/item/socialsprite.jpg") no-repeat 0 -25px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#itemShare li a#fbLike {
    height: 24px;
    width: 52px;
    margin-right: 5px;
    background: url("http://cdn2.yoox.biz/yoox10/sections/item/fblike.jpg") no-repeat 0 -24px;
}
#itemShare li a#fbLike:hover {
    background-position: 0 0;
}
#itemShare li a#facebook:hover {
    background-position: 0 0;
}
#itemShare li a#twitter {
    background-position: -25px -25px;
}
#itemShare li a#twitter:hover {
    background-position: -25px 0;
}
#itemShare li a#gplus {
    background-position: -50px -25px;
}
#itemShare li a#gplus:hover {
    background-position: -50px 0;
}
#itemShare li a#pinterest {
    background-position: -75px -25px;
}
#itemShare li a#pinterest:hover {
    background-position: -75px 0;
}
#itemShare li a#mailToFriends {
    background-position: -100px -25px;
}
#itemShare li a#mailToFriends:hover {
    background-position: -100px 0;
}
#itemShare li a#sina {
    background-position: -125px -25px;
}
#itemShare li a#sina:hover {
    background-position: -125px 0;
}
#itemShare li a#kaixin {
    background-position: -175px -25px;
}
#itemShare li a#kaixin:hover {
    background-position: -175px 0;
}
#itemShare li a#douban {
    background-position: -150px -25px;
}
#itemShare li a#douban:hover {
    background-position: -150px 0;
}

/* FB LIKE DIALOG */
#ui-dialog-title-fb-like {
    display: none;
}
.fbLikeDialog {
    border: none;
    overflow: visible;
}
.fbLikeDialog .ui-dialog-titlebar {
    height: auto !important;
    height: 0px;
    min-height: 0px;
}
.fbLikeDialog .ui-dialog-content {
    padding: 8px;
    overflow: visible;
}

#itemButton {
    overflow: visible;
}

#itemButton .text-box {
    top: 0;
    left: -9999px;
    position: absolute;
    z-index: -1;
    height: 1px;
    width: 1px;
}

#itemButton .errorColorSize {
    position: absolute;
    font-size: 1.1em;
    padding-left: 8px;
    padding-top: 1px;
    font-weight: bold;
}

#itemButton .field-validation-error {
    background: #e30020;
    color: #FFF;
    padding: 2px 5px;
    height: 1em;
    line-height: 1em;
}

.design #itemButton .field-validation-error {
    color: #52B6DA;
}
.art #itemButton .field-validation-error {
    color: #C39DA8;
}

#addToCart {
    cursor: pointer;
    border: 0 solid transparent;
    background: #EAACAC;
    height: 88px;
    line-height: 88px;
    width: 68%;
    margin-right: 1%;
    font-size: 1.9em;
    color: #FFF;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
}
.design #addToCart {
    background: #52B6DA;
}
.art #addToCart {
    background: #C39DA8;
}

#itemButton.active #addToCart:hover {
    background: #e30020;
}
.design #itemButton.active #addToCart, .design #itemButton #addToCart:hover {
    background: #52B6DA;
}
.art #itemButton.active #addToCart, .art #itemButton #addToCart:hover {
    background: #C39DA8;
}
.design #itemButton.active #addToCart:hover {
    background: #026793;
}
.art #itemButton.active #addToCart:hover {
    background: #4B0118;
}

#addToDB, #addPremiere {
    cursor: pointer;
    color: #FFF;
    border: 0 solid transparent;
    font-size: 1.3em;
    background: #CCC;
    height: 42px;
    line-height: 42px;
    width: 31%;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius:0px
}
#addToDB {
    margin-bottom: 4px;
}

#addToDB:hover, #addPremiere:hover {
    background: #DDD;
}

#itemButton.active #addToDB, #itemButton.active #addPremiere {
}

#itemInfoTab ul {
    overflow: hidden;
    margin-top: 3px;
}

#itemInfoTab ul.itemTabs li {
    float: left;
    display: inline;
    margin: 0 1px;
}

#itemInfoTab ul.itemTabs li a.dataTitle {
    display: block;
    border: 1px solid #F4F4F4;
    border-bottom: none;
    padding: 6px 18px;
    background: #F4F4F4;
}

#itemInfoTab ul.itemTabs li a:hover {
    background: #F9F9F9;
    color: #666;
}

#itemInfoTab ul.itemTabs li a.dataTitle.selected {
    background: none;
}

#itemInfoTab .itemInfoTitle {
    font-weight: bold;
    margin-right: 3px;
    height: 1.4em;
    line-height: 1.4em;
}

#itemInfoTab .dataContent {
    display: none;
    padding: 8px 15px;
    color: #666;
    position: relative;
}

#itemInfoTab .dataContent.selected {
    display: block;
}

#sizeGuideLayer table th, #sizeGuideLayer table td,
#itemInfoTab table th, #itemInfoTab table td {
    border: 1px dotted #CCC;
}

#sizeGuideLayer th,
#itemInfoTab #dialog-modal-ShippingInfo table th {
    padding: 4px;
}

#sizeGuideLayer td,
#itemInfoTab #dialog-modal-ShippingInfo table td {
    padding: 4px;
}
#itemInfoTab #dialog-modal-ShippingInfo table td.tablePrice {
    width: 60px;
}
#itemInfoTab .arrow-e {
    font-size: 5px;
    display: inline;
    float: left;
    width: 8px;
    height: 8px;
    background-position: -551px -17px;
    margin: 2px 4px 0 0;
    left: 0;
}
#itemInfoTab #dialog-modal-ShippingInfo #shippingNotes {
    margin-top: 10px;
}

#itemInfoTab .selected .arrow-e {
    background-position: -551px -3px;
}

#itemOrderList {
    margin-left:15px;
}

#itemOrderList li {
    list-style-type: circle;
}

#itemMoreInfo .dataContent {
    font-size: 1.3em;
    line-height: 1.2em;
    padding: 10px 20px;
}

#measurements .misure:after {
    content: ",";
}
#measurements .misure:last-child:after {
    content: "";
}

#itemTitle .designInfo span, #itemTitle .artwork span {
    margin-top: 10px;
    margin-right: 5px;
}

#itemTitle .designInfo a, #viewMoreInfo {
    margin-top: 10px;
    font-weight: bold;
    color: #52B6DA;
    text-decoration: underline;
}

#itemTitle .artwork a, #itemTitle .artwork a:hover {
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: #4a0017;     
}

#itemTitle a#viewMoreInfo.itemArt {    
    color: #4a0017;    
}

#itemTitle a#viewMoreInfo.itemArt:hover {    
    color: #5c323c;    
}

#itemTitle .designInfo a:hover,
#viewMoreInfo:hover {
    color: #026793;
}

#sizeGuideDescription {
    width: 150px;
    line-height: 1.5em;
    margin-left: 10px;
}

#shippingReturns {
    display: block;
}

/* backToTop */
#backToTop {
    position: relative;
    right: 0;
    margin: 20px;
    margin-left: -60px;
    padding: 5px 12px;
    height: 1.4em;
    line-height: 1.4em;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    background-position: -630px -16px;
}
#backToTop span {
    font-size: 10px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: -12px;
    width: 12px;
    height: 12px;
    background-position: -630px -16px;
}

.design #backToTop span {background-position: -655px -16px;}
.art #backToTop span {background-position: -680px -16px;}

#backToTop {background-color:#EAACAC;}
.design #backToTop {background-color:#52B6DA;}
.art #backToTop {background-color:#C39DA8;}

#backToTop:hover{ background-color: #E30020; }
#backToTop:hover span{ background-position: -630px -66px; }
.design #backToTop:hover{ background-color: #026793; }
.design #backToTop:hover span{ background-position: -655px -66px; }
.art #backToTop:hover{ background-color: #4b0118; }
.art #backToTop:hover span{ background-position: -680px -66px; }




/** ADDTODB LAYER **/

#dreamboxLayer.userBarLayer {
    overflow: hidden;
    margin: 0;
    border: 5px solid #dbdbdb;
    width: 235px;
    height: auto;
    position: absolute;
    z-index: 20;
    background: #ffffff;
    display: none;
}

#dreamboxLayer.userBarLayer #DBLayerItem {
    height: auto;
    overflow: hidden;
}

#dreamboxLayer.userBarLayer #DBLayerItem img {
    float: left;
    border: none;
}

#dreamboxLayer.userBarLayer .itemData {
    padding-left: 125px;
    font-size: 1.2em;
    line-height: 1.2em;
    padding-right: 10px;
    color: #565656;
}

#dreamboxLayer.userBarLayer .itemData .brand {
    font-size: 1.1em;
    line-height: 1.1em;
    display: block;
    margin: 0;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 2px dotted #e5e5e5;
}

#dreamboxLayer.userBarLayer .itemData .micro {
    font-size: 1.2em;
    line-height: 1.2em;
}

#dreamboxLayer.userBarLayer .itemData .oldprice {
    text-decoration: line-through;
    margin-right: 12px;
    float: left;
}
#dreamboxLayer.userBarLayer .itemData .newprice, #dreamboxLayer.userBarLayer .itemData .price {
    font-weight: bold;
}

#dreamboxLayer.userBarLayer .itemData .micro {
    font-style: italic;
}

#dreamboxLayer.userBarLayer .dbInfo {
    font-size: 1.3em;
    line-height: 1.3em;
    display: block;
    text-align: center;
}

#goToDreamBox {
    background: #CCC;
    color: #FFF;
    cursor: pointer;
    font-size: 1.3em;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.fashion #goToDreamBox:hover {
    background: #EAACAC;
}
.design #goToDreamBox:hover {
    background: #52B6DA;
}
.art #goToDreamBox:hover {
    background: #C39DA8;
}

#dreamboxLayer.userBarLayer .separator {
    border-bottom: 5px solid #dbdbdb;
    padding-bottom: 4px;
    margin-bottom: 10px;
    height: 1px;
    width: 235px;
}
/** END ADDTODB LAYER **/


/** TELL A FRIENDS **/
#friendTemplate {
    width: 512px;
}

#enterMailForms {
    margin: 10px 7px;
    font-size:1.5em;
    color:#505050;
}

#friendTemplate .editor-buttons {
    float: right;
}

#friendTemplate #prodImg {
    float:right;
    border:1px solid #CCC;
}

#friendTemplate #prodImg img {
    width:160px;
    height:190px;
}

#notesRow {
    margin-left:2px;
}

#friendTemplate #notes {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid;
}

#friendTemplate .editor-input {
    margin-left:15px;
}

#friendTemplate #userinfomail .editor-row {
    float:left;
}

#friendTemplate .editor-row,
#friendTemplate .editor-row:after {
    clear: none;
}

#friendTemplate #userinfomail .field-validation-error {
    margin-left:15px;
}

#friendTemplate .editor-input-notes {
    border: 2px solid #CCC;
    height: 78px;
}

#friendTemplate #userinfomail .editor-input input {
    width: 232px;
    border: 1px solid #CCCCCC;
}

#friendTemplate .checkout {
    clear: both;
}

#friendTemplate .editor-input input {
    border: 1px solid #CCCCCC;
}

#friendTemplate .checkout .editor-field {
    float: left;
    display: inline;
    margin-right: 5px;
}

#friendTemplate .checkout .editor-label {
    height: auto;
    padding-left: 20px;
    line-height: normal;
}

.disclaimer {
    margin-top: 10px;
}

#userinfomail {
    overflow: hidden;
}

#friendTemplate #Note {
    width: 100%;
    height: 100%;
    border: none;
    float: left;
    font-size: 1.5em;
}

#friendTemplate #Note:focus {
    background-color: #fff;
}

#friendTemplate .editor-label-mails {
    float: left;
    font-size: 1.1em;
    height: 26px;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 20px;
    width: 10px;
}

#friendTemplate .editor-label {
    font-size: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    padding-left: 20px;
}

#friendTemplate .field-validation-error {
    margin-left: 35px;
}

/** INFO ARTWORK **/
#infoArtTemplate {
    width: 512px;
}

#infoArtTemplate .editor-buttons {
    float: right;
}

#infoArtTemplate #notesRow {
     margin-left:2px;
}

#infoArtTemplate #notes {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid;
}

#infoArtTemplate .editor-input {
    margin-left:15px;
}

#infoArtTemplate .first .editor-input {
    margin-left:2px;
}

#infoArtTemplate #userinfomail .editor-row {
    float:left;
}

#infoArtTemplate .editor-row,
#infoArtTemplate .editor-row:after {
    clear: none;
}

#infoArtTemplate .editor-input-notes {
    border: 2px solid #CCCCCC;
    height: 78px;
}

#infoArtTemplate #userinfomail .editor-input input {
    width: 232px;
    border: 1px solid #CCCCCC;
}

#infoArtTemplate .editor-input input {
    border: 1px solid #CCCCCC;
}

#infoArtTemplate .first .editor-label {
    padding-left:4px;
}

#infoArtTemplate #Note {
    width: 100%;
    height: 100%;
    border: none;
    float: left;
    font-size: 1.4em;
}

#infoArtTemplate #Note:focus {
    background-color: #fff;
}

#infoArtTemplate .editor-label-mails {
    float: left;
    font-size: 1.1em;
    height: 26px;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 20px;
    width: 10px;
}

#infoArtTemplate .editor-label {
    font-size: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    padding-left: 20px;
}

#infoArtTemplate .field-validation-error {
    margin-left: 20px;
}

#infoArtTemplate .first .field-validation-error {
    margin-left: 5px;
}

#infoArtTemplate #Note.input-validation-error, #infoArtTemplate #Note.valid {
    background-position: 100% 3px;
}

/*ARTWORK STYLE ENQUIRE BUTTON*/

.estaradefaultstyle { MARGIN:0px; PADDING:0px; BORDER:0px; WIDTH:auto; }
.estaradefaultstyle2 { MARGIN:0px; PADDING:0px; BORDER:0px; DISPLAY:none;  }
.estaradefaultstyle3 { MARGIN:0px; PADDING:0px; BORDER:0px; DISPLAY:none;}
.estaradefaultstyle4 { MARGIN:0px; PADDING:0px; BORDER:0px; DISPLAY:none;  }
.estaradefaultstyle5 { MARGIN:0px; PADDING:0px; BORDER:0px; DISPLAY:none;  }
.estaradefaultstyle6 { MARGIN:0px; PADDING:0px; BORDER:0px;  DISPLAY:none;  }
div.estaradefaultstyle { float: left; }
table.estaradefaultstyle { }
.inquireLayer {
    width: 126px;
    border: 1px solid #F3F5F4;
    height: 68px;
    display: table; 
    position: relative;
    padding: 10px;    
}

.inquireLayer p {
    font-weight: bold;
    color: #4A0017;
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
}
