/* CSS Document */


/* -- context selector -- */
div#ibfModal {
    background: url("../ibf/images/overlay-bg.jpg") no-repeat scroll center 70px #ffffff;
    border: medium none;
    height: auto;
    padding: 0 0 90px !important;
    width: 640px;
}

div.context-selector-header {
    background:#000;
    padding:10px 0;
    margin-top:0;
}
.context-selector-content-text a{
    color:#333;
}
h1#context-selector-header-h1 {
    padding:6px 0 3px 30px;
    margin:0;
    font-family:arial,helvetica,sans-serif;
    font-size:22px;
    font-weight:normal;
    color:#FFF;
}

#contextSelector .modalClose{
    /*background:url(../ibf/images/modal-close.png) no-repeat scroll center center rgba(0, 0, 0, 0);*/ /*Layla Cecil 8.18.2014*/
    left:12px !important;
}
/*
div#context-selector-content-wrapper {
    background: #FFFFFF;
}
*/

div.context-selector-content {
    padding:40px 40px 0 20px;
}

div.context-selector-content h2 {
    font-family:arial,helvetica,sans-serif;
    font-size:22px;
    color:#333333;
    font-weight:100;
    margin-bottom:10px;
}

span.context-selector-content-text {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
}

div#context-selector-selection-wrapper {
    padding:10px 40px 0 20px;
}

div.context-selector-selection {
    float:left;padding:20px 20px 0 0;
}

span.context-selector-selection-label {
    font-family:arial,helvetica,sans-serif;
    font-size:12px;color:#666666;
}
span.context-selector-selection-label {
    font-family:arial,helvetica,sans-serif;
    font-size:11px;color:#666666;
}

#context-selector-currency-select, #context-selector-country-select {
    border: 1px solid #B5B5B1;
    height: 26px;
    padding: 3px;
    width: 170px;
}

div.context-selector-call-to-action {
    float: left;
    padding: 36px 0 0;
}

div#borderfree-partner-terms {
    display:none;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    margin-top:-10px;
    margin-bottom:16px;
}

/* SKU ERROR MODALS */
div#borderfreeSKUError {
    background: #FFFFFF;
    text-align:center;
    font-family: arial, helvetica, sans-serif;
    color: #330000;
    font-size:24px;
}

div#borderfreeError {
    background: #FFFFFF;
    text-align:center;
    font-family: arial, helvetica, sans-serif;
    color: #330000;
    font-size:24px;
    background: #fff;
}

div#borderfreeSKUError a.modalClose {
    display: none;
}

/* Modal Update */
#contextSelector #context-selector-content-wrapper {
    background-color: none !important;
}

/*
* Restricted Items Modal - Common
*/
#modal-restricted {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    width: 621px;
    background: #fff;
}

#modal-restricted dl {
    margin: 0;
    padding: 0;
}

#modal-restricted dl dd {
    margin: 0;
    padding: 0;
}

#modal-restricted div.modal-restricted-header {
    height: 50px;
    background: url('../ibf/images/model-header-international-shipping-conflict.jpg') no-repeat;
}

#modal-restricted div.modal-restricted-header span {
    display: none;
}

#modal-restricted .note {
    font-size: 16px;
    padding: 0 20px;
    margin: 25px 0;
}

#modal-restricted ul.restricted-items-list {
    list-style: none;
    overflow:auto;
    margin: 0px 20px;
    padding: 0px;
    max-width: 620px;
    min-height:160px;
    min-width:590px;
    max-height: 480px;
}

#modal-restricted ul.restricted-items-list li {
    float:left;
    width: 105px;
    height: 160px;
    margin-right:10px;
}

#modal-restricted ul.restricted-items-list li .itemName {
    font-size: 13px;
    margin-bottom:10px;
    display:block;
}

#modal-restricted .modal-form-submit {
    overflow: hidden;
    margin-left: 20px;
    width: 100%;
    padding-bottom: 25px;
}

#modal-restricted .restricted-items-button {
    background: url('../ibf/images/modal-button-remove-items-and-continue.jpg') #FFF no-repeat;
    width: 201px;
    height: 28px;
    border: none;
    float: left;
}

#modal-restricted .restricted-items-link {
    display: inline-block;
    margin-left: 20px;
    padding-top: 5px;
    float: left;
}

/*
* Restricted Items Modal - Brand
*/

#modal-restricted {
    color: #474747;
}

#modal-restricted a {
    color: #474747;
}

#modal-restricted ul.restricted-items-list li .item-price-label {
    color: #989898;
}

#modal-restricted div.modal-restricted-header {
    background-color:  #000;
}

/* --------------------------> HIDE International Functionality <-----------------------------
ul.location-list {
    height: 17px;
}

ul.location-list .location-header-spacer {
    display:none;
}

ul.location-list .location-store-switch {
    display:none;
}

ul.location-list .location-store-locator {
    padding-right: 25px;
}

    ------------------------------------------------------------------------------------------------------- */

/* generic error modal */

#ibf-error-modal-content {
    text-align: left;
    margin-top: 0;
}

#ibf-error-modal-content-heading {
    margin-left: 30px;
    font-size: 22px;
}

#ibf-error-modal-content-message {
    margin: 16px 0 28px 30px;
    font-size: 12px;
}

#ibf-error-modal-content-button {
    text-align: center;
}

div#borderfreeError a.modalClose {
    background: none !important;
}

/* price change modal */

#borderfreePriceChange {
    background: #FFFFFF;
}

#ibf-price-change-modal-content {
    text-align: left;
    margin-top: 0;
}

#ibf-price-change-modal-content-heading {
    margin-left: 30px;
    font-size: 22px;
}

#ibf-price-change-modal-content-message {
    margin: 16px 15px 28px 30px;
    font-size: 12px;
}

#ibf-price-change-modal-content-button {
    text-align: center;
}

div#borderfreePriceChange a.modalClose {
    top:-17px;
}

/*** BF SKU ERROR MODAL OVERRIDE ***/
.borderfreeSKUErrorModal{
    opacity:0.7;
    background-color:#000000;
}


@media only screen and (max-width : 767px) {
    /* mobile - border free welcome mat modal */
   #customTxt img{ /* fix for Defect DTC-2362 */
        width:100%;  
   }
}