﻿.listing .c1 { width:320px; }
.listing .c2 { width:640px; }
 
.listing #mainImage { margin-bottom:30px; }
.listing #additionalImages { margin-bottom:30px; }
.listing #additionalImages .itemList { margin-bottom:0; }
 
.listing #content .section {position:relative;}
.listing #content .section div.info {float:left;width:330px;}
.listing #content .section div.help {float:right;width:260px;}
.listing #content .section .loadProfile { margin-top:13px; } 
         
.listing #gender p {margin-bottom:26px;overflow:hidden;}
.listing #gender p span {float:left;width:100px;}
.listing #gender p span span.radio {width:17px;}
 
.listing #information label { display:block; }
.listing #information select {width:310px;color:#565656;display:block;}
.listing #information span.title { display:block; font-weight:bold; font-size: 20px; color:#231f20; position:relative; }
.listing #information .type { margin-bottom:20px; }
.listing #information .name { margin-bottom:18px; }
.listing #information .name input { border:1px solid #cecece; width:310px; }
 
.listing #content select { border:1px solid #ccc; margin-top:5px; padding:2px; }
.listing #content label { font-size: 11px; color:#666; margin-bottom:4px; } 
 
.marketplace #content .bar { padding:10px; margin-bottom:8px; background-color:#333; color:#fff; font-family:Georgia,serif; font-size:12px; text-transform:uppercase;letter-spacing:0; font-weight:normal; }
.listing #content h3.alt { padding:0; margin-bottom:13px; background-color:transparent; color:#666; font-size:11px; text-transform:none; font-weight:normal;  font-family:Tahoma, sans-serif;}

.listing #designed h3.alt { margin-bottom:11px; }
.listing #designed p { margin-bottom:23px; }
.listing #designed p.me, .listing #designed p.other { float:left; width:100px; }
.listing #designed p.name { clear:both; margin-bottom:23px; }
.listing #designed p.name input { border:1px solid #cecece; width:310px; }
.listing #designed p.brand {clear:both;}
.listing #designed p.brand label {display:block}
.listing #designed p.brand select {width:310px;}
 
.listing #description h3 { margin-bottom:20px; }
.listing #description p { margin-bottom:10px; }
.listing #description p.pitch label { display:block; }
.listing #description p.pitch textarea { border:1px solid #cecece; width:310px; }
.listing #description .options { width:320px; margin-bottom:19px; }
.listing #description .options p { width:150px; float:left; margin-right:10px; }
.listing #description .options label { display:block; }
.listing #description .options select { width:150px; }
.listing #description p.sizing label { display:block; }
.listing #description p.sizing textarea { border:1px solid #cecece; width:310px; }
.listing #description p.care label { display:block; }
.listing #description p.care textarea { border:1px solid #cecece; width:310px; }
 
.listing #inspiration h3 { margin-bottom:20px; }
.listing #inspiration p { width:150px; float:left; margin:0 10px 29px 0; }
.listing #inspiration p label { display:block; }
.listing #inspiration p select { width:150px; }
.listing #inspiration .help p {width:auto;} 
 
.listing #shipping {margin-top:20px;}
.listing #shipping fieldset {width:310px;display:block;margin-top:15px;}
.listing #shipping select {display:block;width:150px;}
.listing #shipping table {width:100%;border: none 0;}
.listing #shipping table td {padding:6px 0;border: none 0;}
.listing #shipping table td.price {text-align:right;}
#shipping table td.price input {border:1px solid #cecece; width:80px;margin-left:5px;}
 
.listing #shipping #international {border:1px solid #cecece; margin-top:10px;padding:10px 0;width:310px;}
.listing #shipping #international table {width:290px;margin-left:10px;}
.listing #shipping #international p {margin:0 10px;}
.listing #shipping #international .addCountry { clear:both; display:block; }
.listing #shipping #international select { width:152px; margin-bottom:5px; }
.listing #shipping .saveSettings {width:310px;margin:15px 0;}
.listing #shipping .saveSettings p {float:left;}
.listing #shipping .saveSettings .asosButton {float:right; margin-top:0;}
 
.listing .confirmation { clear:both; overflow:hidden;  }
.listing .confirmation .asosButton4 {margin-right:10px; margin-bottom:2px;}
.listing .confirmation .asosButton4 input {padding-left:15px; padding-right:15px;}
.listing .confirmation .asosButton2 input {padding-left:40px; padding-right:40px;}
 
.listing .addMore, .listing .addShipping, .listing .addVariant, .listing .addImage { clear:both; font-weight:bold; height:18px;display:inline-block; margin-top:5px; text-transform:uppercase; }
#sell .listing .button { float:right; }
 
/* ================================================================================================================== Add / edit image */
 
#image #masthead, #image #trail, #image #footer {display:none;}
#image h1 {font-size:65px;letter-spacing:-3px;text-transform:uppercase;margin:10px 0 30px;}
#image h2 {font-size:30px;letter-spacing:-1px;text-transform:uppercase;margin:20px 0;}
#image #file-uploader, .imageManagement #file-uploader {border-bottom:1px solid #000;padding:20px 0;}
#image #altTextContainer {margin:20px 0 0 0;}
#image #altTextContainer label {display:block; font:11px Tahoma; color:#6b6b6b; line-height:13px; width:315px; margin:0 0 10px 0;}
#image #altTextContainer input {border:1px solid #CCC; padding:4px; font-size:12px; width:323px;}
#image #savedImages {margin:20px 0;overflow:hidden;}
#image #savedImages li { float:left; }
#image.edit #content #originalImage {width:auto;}
 
/* link highlight override */
.listing p.help a {text-decoration:underline;}
.listing p.header {padding: 0px 10px 8px 10px;}
.listing p.header a {text-decoration:underline;}
.listing p.header a:hover {text-decoration:none;}
 
/* New Product Listing */
 
.bar { padding:10px; margin-bottom:20px; background-color:#333; color:#fff; font-family:Georgia,serif; font-size:12px; text-transform:uppercase;letter-spacing:0; font-weight:bold; }
.hr { clear:both; display:block; overflow:hidden; width:100%; height:0; border-top:1px solid #ccc; margin:20px 0; }
 
.newlisting-section {margin:0 0 44px 0;} /*increased margin to make room for help text*/
.newlisting-section.first .line {padding:0; border:0;}
.newlisting-section .line span {font-weight:normal; text-transform:none; font:11px Tahoma, Sans-Serif;}
.newlisting-section .highlight {background:#ff0;}
.newlisting-section h3 {text-transform:uppercase;margin-bottom:10px;}
.newlisting-section .field {margin:0 0 20px;}
.newlisting-section .field span.field-validation-error {margin-left: 0 !important;padding-left: 10px !important;line-height: 2em !important;display: block;float: left;clear: left;}
.newlisting-section .field-validation-error { float: left;clear: left;line-height: 2em!important;}
.newlisting-section label,
.newlisting-section .label {color:#666;margin-right:40px;}
#Details_IsVintage {position:relative;top:3px;}
.newlisting-section .quantity input { float: left;}
.newlisting-section .label,
.newlisting-section .textinput label,
.newlisting-section .textarea label,
.newlisting-section .select label { display:block; margin:0 0 6px; }
.newlisting-section .textinput input,
.newlisting-section .textarea textarea,
.newlisting-section .select select { display:block; width:354px; padding:2px; border:1px solid #CECECE; }
.newlisting-section .select select { width:360px; }
.newlisting-section select.eralist { width:360px; }
.newlisting-section .select select#Details_Era { width:200px; }
.newlisting-section.newlisting-basics select, .newlisting-section.newlisting-inventory select { float: left;}
.newlisting-section .confirm { margin-top:20px; line-height:1.3em; } 
.newlisting-section .confirm input {margin-right:10px;}
.newlisting-section .help { left:629px; width:280px; margin-top:0; line-height:1.3em; color:#666; }
.newlisting-guide {margin-bottom:12px;}
.newlisting-guide a {text-decoration:underline;}
.newlisting-collections .uiactiongroup .menu { min-width:180px; }
.newlisting-section .headingcopy { margin:0 0 24px;}
.newlisting-details {margin-bottom:10px;}
.newlisting-details label span, .newlisting-collections label span {color:#999;}
.addlisting .uiactiongroup {z-index: 3;}
.addlisting a.sizeguidepopup {color:#000; display:inline-block; margin:0 0 0 5px;}
 
/* Photograph */
.step {margin:0 0 10px; text-transform:uppercase; font-weight:bold; line-height:1.4;}
.photo-group .photo-wrap {float:left; width:170px; margin:0 20px 20px 0;}
.photo-control {margin:0 auto;}
.photo-control .photo a { display:block; width:159px; height:232px; overflow:hidden; }
.photo-control.large .photo a { width:319px; height:463px; }
.photo-control .photo img { display:block; width:100%; }
.photo-wrap { text-align:center; }
.photo-wrap .button {min-width:90px; margin-top:10px;}
.makemain {margin:10px 0 0; text-transform:uppercase; text-decoration:underline; font-size:10px;}
.makemain a {color:#777;}
 
/* Inventory */
/* !important hacks to override .mymarketplace-wide table styles :( */
.table-inventory { float:left; table-layout:fixed; width:auto !important; border:0 !important; margin:0 !important; }
.table-inventory th { color:#666 !important; background:transparent !important; }
.table-inventory th,
.table-inventory td { width:30px; padding:5px 15px 5px 0 !important; border:0 !important; vertical-align:middle !important; }
.table-inventory .size { width:174px; }
.table-inventory .size select {width:100%;}
.table-inventory .quantity { width:102px; }
.table-inventory input,
.table-inventory select { width:110px; padding:2px; border:1px solid #CECECE; }
.table-inventory input { width:60px; font-size:10px; padding:8px; }
.table-inventory .hideDelete .deleteRow {display:none;}
.addSize {clear:both;}
.addSize .field-validation-error {display:block;}
.addRow {font-weight:bold; display:inline-block; margin-top:5px; text-transform:uppercase;}

.pricing#offers {clear:both; float:left; width:331px; padding:20px 15px 25px 15px; background:#eee; margin:25px 0 0 0;}
.pricing .field {float:left; margin:0;}
.pricing #set-price {margin:0 25px 0 0;}
.pricing #set-price label {font-weight:bold;}
.pricing label {color:#000;}
.pricing .asp-message {float:left; display:none; border-top:1px solid #CCC; padding-top:10px; margin-bottom:10px; width:100%; color:#666; font-size:11px;}
.pricing .textinput label {display:block; margin:0 0 6px 10px; line-height:21px; }
.pricing .textinput input {display:inline-block; width:60px; padding:2px; border:1px solid #CECECE; font-size:10px; padding:8px; }
.pricing .checkbox {margin:32px 25px 0 0;}
.pricing .checkbox label {display:inline-block; vertical-align:top; margin-right:0;}
.pricing .checkbox input {margin-right:6px;}
.pricing .help-icon {vertical-align:top;}
.pricing .field-validation-error {float:left; margin-bottom:10px; width:100%; font-size:11px;}

.newlisting-inventory  {margin-top:0}

/* Shipping */
.newlisting-shipping #set-delivery-options {width:100%; margin:0 8px 0 0; float:left;clear: both;}
.newlisting-shipping #set-delivery-options .step {clear: both;}
.newlisting-shipping .profile-existing,
.newlisting-shipping .profile-new { padding:10px 10px 20px; margin:0 0 10px 0; border:1px solid #ccc; }
.newlisting-shipping .profile-existing {width: 505px;}
.newlisting-shipping .profile-new {width: 97.5%; float: left;}
.newlisting-shipping .profile-new #shipping_options {float: left;}
.newlisting-shipping #profile_name {margin:10px 0 0 0;}
.newlisting-shipping #profile_name label {width:auto;}
.newlisting-shipping .profile-select {margin-top:10px;}
.newlisting-shipping .button {display:inline-block;}
.newlisting-shipping #DeleteProfile {background:#fff; border:0 none; cursor:pointer; font-size:12px; text-decoration:underline;}
.newlisting-shipping #DeleteProfile:hover {text-decoration:none;}
.newlisting-shipping .profile-existing label { display:block; margin:0 0 5px; }
.newlisting-shipping .field { margin-bottom:15px; }
.newlisting-shipping .field label { display:inline-block; width:106px; }
.newlisting-shipping .field label.stdpost-time { width:30px; }
.newlisting-shipping .textinput input { display:inline-block; width:60px; margin:0 20px 0 0; font-size:10px; color:#888; padding:8px; }
.newlisting-shipping .textinput input#ProfileName {display: block;}
.newlisting-shipping .textinput input.eta {margin-right:0;}
.newlisting-shipping .checkbox {margin-top:20px;}
.newlisting-shipping .checkbox label {width:auto; vertical-align:top;}
.newlisting-shipping .checkbox input {margin-right:6px;}
.newlisting-shipping .heading {margin-bottom:20px;text-transform:uppercase;}
.newlisting-shipping .heading span {display:inline-block;font-weight:bold;vertical-align:top;}
.newlisting-shipping .heading .type {width:116px;}
.newlisting-shipping .heading .val {width:106px;}
.newlisting-shipping .heading .multi-shipping {width:99px;}
.newlisting-shipping .heading .est {width:60px;}
.newlisting-shipping #shipping-guidelines {float:right; width:400px; padding:10px; border:1px solid #ccc; background:#eee; text-align: center;}
.newlisting-shipping #shipping-guidelines p {font-size: 14px; margin-bottom: 30px;}
.newlisting-shipping #shipping-guidelines ul {float: left; margin-bottom: 10px;}
.newlisting-shipping #shipping-guidelines ul li {float: left; width: 30%; text-align: left;margin-right: 5%;}
.newlisting-shipping #shipping-guidelines ul li:last-child {margin-right: 0;}
.newlisting-shipping #shipping-guidelines ul li p {font-size: 12px; margin-top: 5px; margin-bottom: 0;}
#shipping-guidelines ul li span {text-transform: uppercase; font-weight: bold;}
.newlisting-shipping #shipping-guidelines h3 {font-size: 15px; margin: 5px auto 20px;}
.newlisting-shipping #shipping-guidelines h3:after {content: ''; display: block; background: url('/img/shipping-guidance-journey.png') no-repeat 0 0; height: 66px; width: 250px; margin: 30px auto 0;}
.newlisting-shipping span.field-validation-error {margin:0 0 3px 0 !important; display:block;}
.optional {font-weight: normal!important;text-transform: none;color: #999;}
/* Confirm */
.confirmation-box {padding:20px 10px 10px; border:3px solid #ccc;}
.confirmation-box p.title {margin:0 0 5px;}
.confirmation-box div.save {float:right;width:200px;text-align: right}
.confirmation-box div.saveforlater {float:left;width:200px;}
.confirmation-box div.unpublish { float: left;width: 200px;text-align: left}
.confirmation-box div.publish {float:right;width:206px;text-align:right;}
.confirmation-box .button.style2 {min-width:180px;}

#listing-image-uploader {position:relative; width:100%; height:258px;}
#listing-image-uploader .image-titles {position:absolute; top:0; left:0;}
#listing-image-uploader .image-titles li {width:150px; height: auto; padding:5px; float:left; margin-right:3px;}
#listing-image-uploader .image-titles .main-image { border:1px solid #e8e8e8;  padding:4px;  }
#listing-image-uploader .photo-uploader {position:absolute; top:5px; left:5px;}
#listing-image-uploader .image-titles li span {margin-top:225px; margin-bottom:10px; display:block; font:10px Arial, Sans-Serif; text-transform:uppercase; font-weight:bold;}
#listing-image-uploader .image-titles li .confirm {margin:0;}
#listing-image-uploader .image-titles li .confirm input {float:left;}
#listing-image-uploader .image-titles li .confirm label {float:left; margin:0; width:75%; font-size:11px;}
#listing-image-uploader .image-titles li .confirm a {font:10px Arial, Sans-Serif; font-weight:bold; text-decoration:none;}
#listing-image-uploader .image-titles li .confirm a:hover {text-decoration:underline;}

#img-min-copy {margin-top: 10px;float: left;}
#saveItemForm .field-validation-error,
#basics-view .field-validation-error { margin-left: 0 !important;padding-left: 0 !important;}



#results.manage #dashboardMenu {border-top:1px solid #707070; margin-bottom:45px;}
#results.manage .col.c2 h1 {display:none;}
#results.manage h1 {font-size:60px;}
#results.manage .refine,
#results.manage .refine h2 {margin-top:0;}

.manage .addNew {padding:5px 5px 0; margin-bottom:8px; font-family:Tahoma,serif; font-size:12px; font-weight:bold; text-transform:uppercase; /*letter-spacing:1.2;*/ background-color:#333;}
.manage .addNew a {display:block; width:200px; height:23px; padding-left:30px; padding-top:6px; margin-left:163px; color:#fff; background:transparent url("/img/asos-sprite.png") -366px -220px no-repeat;}

.itemList li {position:relative;}
.itemList .overlay {position:absolute; top:10px; left:10px; width:137px; height:211px; text-indent:0 !important; background:transparent url("/img/login/overlay.png") 0 0 repeat;}
.itemList .overlay li {float:none; margin:10px 0; text-align:center;}
.itemList .overlay li.first {margin-top:20px;}
.itemList .overlay li.last {width:88px; margin:10px 0 0 20px; text-align:left; line-height:1.2em;}
.itemList .overlay li .asosButton {width:88px; margin:0; text-align:center;}
.itemList .overlay li .asosButton input {width:88px;}

/* Clearance Section */
#sell.mymarketplace #basics-view .field.radio .label p {margin-bottom: 10px;}
#sell.mymarketplace #basics-view .field.radio .label .help-icon {vertical-align: top; margin-top: 1px;}
#sell.mymarketplace #basics-view .field.radio label {vertical-align: top;}
#sell.mymarketplace #basics-view .field.select {min-height: 45px;}
#sell.mymarketplace #basics-view .field.select select {float: left;}
#sell.mymarketplace #basics-view .field.select .help-icon {margin: 5px 0 0 10px;}
#sell.mymarketplace .newlisting-inventory tbody .sizes {float: left; width: auto;} 
#sell.mymarketplace .newlisting-inventory tbody .size .help-icon {float: left; margin: 5px 0 0 6px;}
#sell.mymarketplace .newlisting-inventory tbody .quantity {width: 400px;}
#sell.mymarketplace .newlisting-inventory .pricing#offers .field.checkbox {margin: 36px 25px 0 0;}
#sell.mymarketplace .newlisting-inventory .pricing#offers .convert-price {margin-bottom: 10px;}
#sell.mymarketplace .newlisting-inventory .pricing#offers .asp-message {margin-top: 20px;}

.wrap-heading-text { width: 815px; word-wrap: break-word;}

/* this should fix bug 8074 */
#basics-view label.float-dodge,
#basics-view iframe,
#basics-view input[type=text],
#basics-view textarea,
#basics-view select {
    clear:both;
}

#basics-view label.float-dodge {
    margin-top: 15px;
}

#basics-view .table-inventory .input-validation-error {
    border: 1px solid #f00;
}

#set-delivery-options .profile-new .field-validation-error {
    float: none;
    clear: none;
}

.faux-fur-info.modal #faux-fur-popup {text-align: center; padding: 40px 21px 50px;}

.faux-fur-info.modal #faux-fur-popup h1,
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check h2,
.faux-fur-info.modal #faux-fur-popup p,
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check .faux-fur-check-examples .faux-fur-check-example span,
.faux-fur-info.modal #faux-fur-popup .faux-fur-cta-container .faux-fur-cta a {font-family: "Futura-pt-n4", "futura-pt", tahoma, geneva, verdana, arial, sans-serif; margin: 0; letter-spacing: normal;}

.faux-fur-info.modal #faux-fur-popup h1 {float: none; font-size: 25px; text-transform: none;}

.faux-fur-info.modal #faux-fur-popup p {margin: 10px 0; font-size: 13px;}

.faux-fur-info.modal #faux-fur-popup a {text-decoration: underline;}
.faux-fur-info.modal #faux-fur-popup a:hover {text-decoration: none;}

.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist {display: inline-block; margin: 20px 0 40px; width: 100%;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist:after {content: ""; display: table; clear: both;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check {text-align: center; display: inline-block; vertical-align: top;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check h2 {font-size: 16px; text-align: center;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check p {text-align: left; font-size: 12px; margin-top: 25px; padding-left: 10px;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check:last-child p {margin-top: 5px; padding-right: 10px;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check img {width: 170px; margin-top: 25px;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check .faux-fur-check-examples {}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check .faux-fur-check-examples .faux-fur-check-example {display: inline-block}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check .faux-fur-check-examples .faux-fur-check-example img {width: 130px;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check .faux-fur-check-examples .faux-fur-check-example li:first-child {margin-right: 5px;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-checklist .faux-fur-check .faux-fur-check-examples .faux-fur-check-example span {display: block; text-align: center; font-size: 10px; color: #9a9a9a;}

.faux-fur-info.modal #faux-fur-popup .faux-fur-cta-container {width: 55%; margin: 0 auto;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-cta-container .faux-fur-cta {display: inline-block; width: 49%; vertical-align: bottom;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-cta-container .faux-fur-cta a {display: block; padding: 10px; background-color: #353535; color: #fefefe; line-height: 12px; font-size: 12px;}
.faux-fur-info.modal #faux-fur-popup .faux-fur-cta-container .faux-fur-cta:last-child a {background-color: #ccc; color: #222; font-size: 13px;}

/*tax notification start region*/
.tax-text {font-size: 14px;}
.tax-notification-icon {background: url(/img/alert.svg) no-repeat;width: 20px;height: 20px;float: left;cursor: pointer}
.tax-notification-div {float: left;margin-top: 16px;margin-bottom: 24px;clear:both}
.tax-notification-findoutmore-outerdiv {margin-bottom: 16px;background: #FFEDA5;float: left}
.tax-notification-findoutmore-innerdiv {margin-top: 14px;margin-bottom: 14px;margin-left: 10px;margin-right: 10px}
.tax-notification-findoutmore-truckicon {background: url(/img/standard-delivery.svg) no-repeat;width: 50px;height: 25px;display:table-cell;float:left;margin-top:8px}
.tax-notification-findoutmore-text {font-size: 14px;margin-left: 16px;display: table-cell;line-height:1.3em}
.tax-notification-findoutmorelink {cursor: pointer;text-decoration: underline;font-weight:bold}
.tax-notification-whereapplicable-link{cursor:pointer;text-decoration:underline;font-weight:bold}
/*tax notification end region*/
.ranking-document-container { width: 247px;height: 44px;display: flex;align-items: center;}
.ranking-document-content { width: 213px;height: 13px;color: rgb(0, 0, 0);font-size: 11px;font-family: "Futura-pt-n4", "futura-pt", tahoma, geneva, verdana, arial, sans-serif;font-weight: normal;letter-spacing: 0px;}
.ranking-document-new-window-icon { width: 6px;height: 6px;border-radius: 0px;margin-left: 9px;cursor: pointer;}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .ranking-document-container {width: 245px;height: 41px;display: flex; align-items: center;}
    .ranking-document-new-window-icon {width: 9.32px;height: 9.32px;margin-left: 6.33px;cursor: pointer;}
}
