/* common for desktop and other devices */

#promo-nav {
    top: 8px;
    left: 10px;
    position: fixed;
    z-index: 1002;
}
#promo-nav .promo-main {
    float: left;
    padding: 0px;
}
#promo-nav .promo-main .nav-link {
    color: #F9F5F0;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    font: 0.857em/1em " ", Arial, sans-serif;
    display: block;
    padding: 10px;
    border: solid 1px #262626;
}
.fixed-header #promo-nav .promo-main .nav-link {
    border: solid 1px #000;
}
#promo-nav .promo-main:hover .nav-link {
    border-color: #C3C0C2;
    background-color: #FFFEF7;
    color: #000;
}
.promotional-dialog .content h2 {
    margin-bottom: 15px;
    color: #262626;
}
.promotional-dialog .content p.first {
    font: 1em/1.285em EB Garamond, Arial, sans-serif;
    color: #262626;
}
#promo-nav .promo-main:hover .promo-actions-wrap {
    display: block;
}
.promo-actions-wrap {
    background-color: #FFFEF7;
    border-bottom: 1px solid #CBCBCB;
    border-left: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    box-sizing: border-box;
    display: none;
    left: 0px;
    overflow: hidden;
    padding: 5px 0 0 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 100;
}
.promo-actions-wrap li {
    height: 42px;
    padding: 0px 10px;
    float: none;
}
.promo-actions-wrap li a {
    color: #666;
    font: 0.857em/3.5em Arial, Helvetica, sans-serif;
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CBCBCB;
    text-decoration: none;
    text-transform: capitalize;
}
.promo-actions-wrap li.last a {
    border-bottom: none;
    font-family: "EB Garamond", serif;
}
.promo-actions-wrap li u {
    font-style: italic;
}
.promo-actions-wrap li:hover {
    margin-top: -1px;
    height: 43px;
    background-color: #F3F2EB;
}
.promo-actions-wrap li:hover a {
    padding-top: 1px;
    border-bottom: 1px solid #FFFEF7;
}
/* Promotional message styling [Ends] */

.form-row.privacy-policy .content-asset > p {
    padding: 0;
}
.my-account-address-consent {
    font: 1em "TradeGothic CondEighteen";
    color: #666666;
}
div.customer-migration .content-asset p {
    margin-bottom: 17px;
}
.dummyBackground {
    background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/content-slot-dummy.jpg") no-repeat center;
}
/* home page single column*/

.home-bottom-one-column,
.home-bottom-two-column,
.home-bottom-three-column {
    width: 100%;
    display: block;
    background-color: #666;
}
.home-bottom-two-column li.column {
    width: 50%;
    float: left;
    overflow: hidden;
}
.home-bottom-three-column li.column {
    width: 33.3%;
    float: left;
    overflow: hidden;
}
#home-bottom-slots p {
    margin: 0px;
    padding: 0px;
}
.search-product-grid .content-slot {
    clear: both;
    width: 100%;
}
/*dummy content page*/

.pt-static .primary-content {
    margin: 6px 0;
    min-height: 252px;
}
.pt-static .primary-content a:hover {
    color: #333;
}
.pt-static .primary-content ul li,
.pt-static .primary-content ol li {
    color: #999999;
}
.pt-static .primary-content ol li a {
    text-decoration: underline;
}
.pt-static .primary-content h1,
.pt-static .primary-content h2,
.pt-static .primary-content h3,
.pt-static .primary-content h4,
.pt-static .primary-content h5,
.pt-static h6 {
    padding: 10px 0;
    color: #333;
    text-transform: uppercase;
    margin: 0;
}
.pt-static .primary-content h3 span {
    text-decoration: underline;
}
.pt-static .primary-content h5 {
    font-size: 0.8em;
}
.pt-static .primary-content h6 {
    font-size: 0.65em;
}
.light thead,
.dark thead {
    background-color: #666666;
    color: #fff;
}
.table-responsive .dark .first-colour {
    background-color: #4d4d4d;
}
.table-responsive .dark .second-colour {
    background-color: #666666;
}
.table-responsive .light .first-colour,
.table-responsive .light .second-colour {
    background-color: none;
}
.table-responsive table .last-col {
    width: auto;
}
.pt-static .primary-content p {
    font-size: 0.857em;
    margin: 5px 0;
    padding: 0;
}
.pt-static .primary-content a {
    text-decoration: none;
}
.pt-static .primary-content p a {
    font-size: 1em;
    text-decoration: underline;
    color: #999;
}
.pt-static .primary-content ul li {
    font-size: 0.85em;
    list-style-position: outside;
    margin: 5px 0 5px 15px;
    list-style: disc;
}
.pt-static .primary-content ul,
.pt-static .primary-content ol {
    padding: 0;
}
.pt-static .primary-content ol li {
    font-size: 0.85em;
    list-style-type: decimal;
    list-style-position: outside;
    margin: 5px 0 5px 15px;
}
.pt-static .primary-content ul a,
.pt-static .primary-content ol a {
    font-size: 1em;
    color: #999;
}
.pt-static .primary-content ul li p,
.pt-static .primary-content ol li p {
    font-size: 1em;
}
/* Size chart*/

.ui-dialog .table-responsive {
    width: 98%;
    overflow-x: auto;
    margin: auto auto 20px;
}
.size-chart-contact-us {
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    text-transform: uppercase;
    padding: 27px 0 30px 20px;
    margin: 0;
}
.size-chart-wrapper {
    width: 85%;
    padding-left: 20px;
}
.size-chart-detail h2 {
    margin: 0;
}
.size-chart-wrapper ul {
    padding: 0;
}
.size-chart-wrapper h2 {
    margin-top: 0;
    font-size: 1.2em;
}
.table-responsive .last-td {
    width: auto;
}
.table-responsive h2,
.table-responsive h3 {
    text-transform: uppercase;
}
.table-responsive td,
.table-responsive th,
.table-responsive h2 {
    text-transform: uppercase;
    color: #666;
    font-family: " ";
}
.table-responsive table {
    display: block;
    overflow: auto;
}
.table-responsive table {
    border-spacing: 0;
    width: 100%;
    min-width: 404px;
}
.table-responsive thead {
    background: #666;
}
.table-responsive {
    margin-bottom: 20px;
}
.table-responsive table.dark td {
    color: #ccc;
}
.table-responsive thead th {
    color: #fff;
    line-height: 14px;
    padding: 7px;
}
.table-responsive thead span {
    display: block;
}
.make-block {
    display: block;
}
.table-responsive table td,
.table-responsive table th {
    border: 1px solid #ddd;
    text-align: center;
    padding: 8px;
    font-size: 1.143em;
    line-height: 1.428em;
}
.table-responsive table th {
    border: none;
}
.table-responsive table td {
    width: 20%;
    min-width: 100px;
}
/* Size chart [END] */
/*faq page*/

#dialog-privacy-policy .content-asset {
    padding: 15px 0px 15px 15px;
}
#dialog-terms-siteuse .content-asset {
    padding: 15px 0px 15px 15px;
}
#dialog-terms-and-condition .content-asset {
    padding: 15px 0px 15px 15px;
}
#dialog-returns-and-exchange .content-asset {
    padding: 15px 0px 15px 15px;
}
.pt-static ul.show-detail-effect li {
    list-style: none;
}
.pt-static .primary-content li h3 {
    padding: 0 0 0 10px;
    font-size: 1.15em;
    text-transform: uppercase;
}
.pt-static .primary-content li h3 a {
    color: #999;
}
.show-detail-effect .checkout-ans {
    padding-left: 10px;
}
.show-detail-effect .general-ans {
    padding-bottom: 5px;
}
.show-detail-effect .general-ans p {
    margin: 5px 0 5px 10px;
    font-size: 0.75em;
}
.show-detail-effect .general-ans p a {
    font-size: 1em;
    margin: 0;
}
.content-pages-wrapper h3 a.general-ques {
    font-size: 1.2em;
}
.pt-static .content-pages-wrapper .general-ans p {
    font-size: 1.1em;
}
/* returns page*/

.pt-static .general-ans h5 {
    padding-left: 10px;
}
.pt-static .general-ans > ul li,
.pt-static .general-ans > ol li {
    list-style-type: disc;
    list-style-position: outside;
    font-size: 1em;
    margin-left: 24px;
}
.pt-static .general-ans > ol a,
.pt-static .general-ans > ul a {
    text-decoration: underline;
    font-size: 1em;
}
.pt-static .general-ans > p a {
    text-decoration: underline;
    font-size: 1em;
}
.pt-static .underlined-header-two {
    border-bottom: 1px solid #e5e5e5;
    padding: 0.989em 1.47em 0.989em 0;
}
.pt-static .primary-content .underlined-third-order-header {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    font-size: 1.15em;
}
.pt-static a[name] {
    display: block;
    top: -95px;
    position: relative;
}
/*shipment page*/

caption {
    text-align: left;
}
.ui-tabs-nav .ui-state-active .tab-link {
    background-color: #b6b6b6;
}
.ui-tabs-nav .tab-list-item .tab-link {
    color: #333333;
    cursor: pointer;
    display: block;
    font: 1em/1.429em ' CondTwenty', Arial, sans-serif;
    height: 20px;
    padding: 1px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.pdp-main .tab-list-item .tab-link {
    font: 1em/1.714em ' CondTwenty', Arial, sans-serif;
    height: 24px;
    padding: 1px 24px;
}
.responsive caption {
    padding: 10px 0;
    text-transform: uppercase;
}
.table-responsive .countries th,
.table-responsive .countries td {
    border: none;
    text-align: left;
    padding: 0;
    color: #999;
}
.pt-static .tab-list-item .tab-link {
    font: 1.15em/1.429em ' CondTwenty', Arial, sans-serif;
    cursor: pointer;
}
.pdp-main .ui-state-active .tab-link:after {
    top: 26px;
}
/*accordion*/

.ui-tabs .ui-tabs-panel {
    padding: 1em 0;
}
.pt-static .primary-content li.ui-state-default {
    margin-left: 0;
}
.content-accordion .accordion-desc.ui-accordion-content ol li,
.content-accordion .tab-detail.ui-tabs-panel ol li {
    font-size: 0.85em;
    list-style-type: upper-roman;
    list-style-position: outside;
    margin-left: 20px;
}
.accordion-desc.ui-accordion-content ul li {
    font-size: 0.85em;
}
.product-tabs .content-accordion h3.accordion-header.ui-accordion-header {
    padding: 10px 0;
    width: 90%;
    margin: auto;
}
.product-tabs .content-accordion .accordion-desc.ui-accordion-content {
    width: 90%;
    margin: auto;
}
.security-code-wrapper .content-asset > p {
    padding: 0;
    margin: 4px 0 10px;
}
/*FTC Consent Pages*/

.pt-static .ftc-consent h2 {
    padding-bottom: 0;
}
.pt-static .ftc-consent .customer-care {
    margin-bottom: 20px;
}
/*end content pages*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .trend-header,
    ::i-block-chrome,
    .shop-trends {
        margin-top: 0px !important;
    }
}
.quick-shop-link {
    position: relative;
    margin: 0px auto;
    left: 0px;
    top: 0px;
}
.quick-shop-link img {
    max-width: none;
}
/*PDP SIZE CHART - FOR DEMO ONLY - START*/
/* shipping content assets */

.product-tabs .shipping-wrap h2 {
    color: #333333;
    border-bottom: 1px solid #333333;
    font-size: 18px;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.product-tabs .shipping-wrap p {
    font: 12px ' ';
    padding-top: 6px;
    color: #666666;
}
/* shipping content assets */

.product-tabs h3 {
    color: #333333;
    font: 1.6em 'Frutiger',Helvetica,Arial,sans-serif;
    padding-bottom: 6px;
}
.product-tabs table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.product-tabs table th,
.product-tabs table td {
    border-right: 1px solid #333333;
    border-color: #858585;
    font-size: 1.143em;
    font-family: ' ';
    padding: 6px 0;
    text-align: center;
}
.product-tabs table th {
    color: #FFFFFF;
}
.product-tabs table td {
    color: #CCCCCC;
}
.size-chart table,
.product-tabs .size-chart col.first {
    width: 100%;
}
.product-tabs .size-chart col {
    width: 140px;
}
.product-tabs .size-chart col.last {
    width: auto;
}
.shipping-and-handling p {
    color: #333;
    font: 1em/1.286em " ";
}
/*PDP SIZE CHART - FOR DEMO ONLY - ENDS*/
/*content css [Start]*/

#home-page-slider ul {
    visibility: hidden;
}
#home-page-slider p {
    margin: 0px;
    padding: 0px;
}
#home-page-slider li {
    text-align: center;
}
#home-page-slider li.slide1 {
    background: #660904;
}
#home-page-slider li.slide2 {
    background: #fff;
}
#home-page-slider li.slide3 {
    background: #737373;
}
#home-page-slider li.recommend {
	font-size:23px;
	text-align: left;
	max-width:1280px;
	list-style:none;
	line-height:1.2em;
	height:3.5em;
	margin:0 auto;
}

#home-page-slider li.recommend dt{
	margin-right:20px;
	border-right:1px solid #000000;
	font-size:23px;
	width:20%;
	float:left;
	text-align:center;
	
}
#home-page-slider li.recommend dd{

	font-size:18px;
	width:70%;
	float:left
}
#home-page-slider li.recommend a{
	color:#C1A152;
}
/*content css [END]*/

.pt_checkout .configurable-checkout-content {
    color: #666666;
    font: 1.286em/0.984em " ", Arial, sans-serif;
    text-align: center;
    width: 100%;
}
.pt_store-locator .store-locator-content-slot,
.pt_customer-service .configurable-content-slot {
    text-align: center;
    width: 100%;
    max-width: 100%;
    font: 1.286em/0.984em " ", Arial, sans-serif;
    float: none;
    color: #666666;
}
/*CLP two column images*/

.shop-trends .trend-g-Tees {
    width: 50.3947%;
    float: left;
}
.shop-trends .trend-swim {
    width: 49.6053%;
    float: left;
}
/* only for tablets */

@media screen and ( min-width: 768px) and (max-width: 959px) {
    .pt_store-locator .store-locator-content-slot {
        margin: 20px 9px;
        width: 97%;
    }
}
/* only for mobile - portrait and landscape */

@media screen and (max-width: 767px) {
    /*size chart */
    
    .size-chart-wrapper {
        padding: 0 5.5%;
        width: 87.6%;
    }
    .table-responsive {
        border: 2px solid #999;
        overflow-x: scroll;
        width: 98%;
    }
    .size-chart-contact-us {
        margin: 0 5.5%;
        width: 88.5%;
    }
    /* size chart end */
    
    .pt-static #main {
        width: 90%;
    }
    .pt_store-locator .store-locator-content-slot {
        margin: 40px 9px 0;
        padding: 20px 0;
        width: 93%;
    }
    .my-account-grid .content-asset > p {
        padding-bottom: 0;
    }
    .form-row.privacy-policy .content-asset > p {
        margin-bottom: 0;
    }
    .pt-static .content-accordion .accordion-header {
        border-bottom: 1px solid #E1E1E1;
    }
    .content-accordion .accordion-header .arrow {
        background: url("file:///C|/Users/van/AppData/Roaming/Adobe/Dreamweaver CS6/zh_TW/Configuration/Temp/images/A-F/arrowSprite.png") no-repeat scroll -24px -368px transparent;
        margin: 12px 10px auto;
        float: right;
        height: 11px;
        width: 11px;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
    }
}
/* Content Asset Tools */
/* Small devices */
@media screen and (max-width: 619px) {
    .not-medium, .not-large, .small {
        display: inline-block;
    }
	.not-small, .medium, .large {
        display: none;
    }
}
/* medium devices */
@media screen and (max-width: 959px) and (min-width: 620px) {
    .not-small, .not-large,  .medium {
        display: inline-block;
    }
    .not-medium, .small, .large {
        display: none;
    }
}
/* Large devices */
@media screen and (min-width: 960px) {
    .not-small, .not-medium , .large {
        display: inline-block;
	}
    .not-large, .small, .medium {
        display: none;
    }  
}

.full-container {
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-family: " ";
    text-align: center;
    box-sizing: border-box;
}
.full-width {
    width: 100%;
}
.full-container .column {
    margin-left: 50%;
}
.banner-link {
    color: #fff;
    width: 47%;
    font-size: 1rem;
    height: 10%;
    max-width: 150px;
    background-color: #a2a2a2;
    float: left;
    margin: 1%;
    padding: 10px;
    cursor: pointer;
}
.message-row,
.button-row {
    position: absolute;
}
/* End Content Asset Tools */
/* by Naresh As the part of HCO-Reskining*/
@media (min-width: 769px) {
    .footer-top-bar-right .newsletter,
    #footer .follow-us {
        float: left;
    }
}
@media (max-width: 768px) {
    .find-store ul li,
    .find-store ul li:last-child {
        background: none;
    }
}
/* changes by Onyemobi to create spacing on all of the div heroes*/

.trending-hero {
    padding-top: 23px;
}
/* changes by andrew 10/28/2014 */

h2.underlined-header-two {
    border-bottom: 1px solid #555;
    margin-bottom: 12px;
    margin-right: 45px;
    padding-bottom: 15px;
}

/* mitch modal style fix */

.ui-dialog .ui-dialog-content .content-asset h2,
.ui-dialog .ui-dialog-content .content-asset h3,
.ui-dialog .ui-dialog-content .content-asset h4,
.scroll-content p {
    color: #212121;
}
.promotional-dialog.ui-dialog {
    background: #ffffff;
}
#dialog-site-use .scroll-content p {
    font: 1em/normal "EB Garamond", Arial, sans-serif;
}


/* ANDRE BYNUM CNY CODE TO TURN A CATEGORY RED ACTUALLY PARAS CODE THAT I STOLE */


.plp-product-grid  .categoryrefinement  .refinement-link[title="Chinese New Year Collection"] {
    color:#6f0106;
}
.plp-product-grid  .categoryrefinement  .refinement-link[title="New Year Collection"] {
    color:#6f0106;
}
.plp-product-grid  .categoryrefinement  .refinement-link[title="%E6%96%B0%E6%98%A5%E7%89%B9%E8%BE%91%E7%BA%A2%E8%89%B2%E7%BB%8F%E5%85%B8"] {
    color:#6f0106;
}
.plp-product-grid  .categoryrefinement  .refinement-link[title="%E6%96%B0%E6%98%A5%E7%89%B9%E8%BC%AF%E7%B4%85%E8%89%B2%E7%B6%93%E5%85%B8"] {
    color:#6f0106;
}
.plp-product-grid  .categoryrefinement  .refinement-link[title="%E7%A5%9E%E7%A7%98%E7%89%B9%E5%8D%96"] {
    color:#6f0106;
}
.plp-product-grid  .categoryrefinement  .refinement-link[title="%E6%96%B0%E6%98%A5%E7%89%B9%E8%BC%AF%E7%B4%85%E8%89%B2%E7%B6%93%E5%85%B8"] {
    color:#6f0106;
}