/* CMS Pages
    Home
    Lookbook, About Pages
*/

[class^="ccm-"],
[id^="ccm-"],
[class*=" ccm-"],
[class^="ccm-"] *,
[id^="ccm-"] *,
[class*=" ccm-"] * {
    text-transform: none;
    letter-spacing: normal;
}
[id^="ccm-"] textarea,
[class*=" ccm-"] textarea
[id^="ccm-"] input,
[class*=" ccm-"] input,
[id^="ccm-"] select,
[class*=" ccm-"] select {
    background: #fff !important;
}
.ccm-add-block {
    clear: both;
    width: 100%;
    float: left;
    line-height: 18px;
}
.ccm-block.clear.clearer,
.ccm-block-arrange.clear.clearer {
    clear: both;
    float: left;
    width: 100%;
    background: gold;
}
.m-item.ccm-block,
.m-item.ccm-block-arrange {
    clear: both !important;
    width: 100%;
}
div.ccm-add-block.selected {
    color: #000 !important;
    text-decoration: underline !important;
}
div.ccm-add-block {
    font: 400 14px 'Lato', Helvetica, Arial, sans-serif; 
    color: #ccc;
}
.ccm-input-text, 
div.ccm-field-meta input, 
div.ccm-field-meta textarea, 
.ccm-input-date, 
.ccm-input-password, 
.ccm-input-textarea {
    background: #fff;
}

/* Home Page
-------------------------------------------------------------- */

    .divider { float: left; margin-left: 5%; margin-right: 5%; width: 90%; height: 5px; background: #000; }
    .margin-short { margin-top: 15px; margin-bottom: 15px }
    .margin-tall { margin-top: 40px; margin-bottom: 40px }

    .mobile-nav {
        display: none;
    }


/* Login Page
-------------------------------------------------------------- */

#login #central {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
#login .ccm-form label {
    text-transform: uppercase;
}
#login .ccm-form hr {
    margin: 20px 0;
    border: none;
    border-top: solid 1px #ddd;
    height: 0;
}
#login .ccm-input-text {
    width: 300px;
}
#login .ccm-input-submit {
    margin-top: 20px;
}

/* Customer Service Pages
-------------------------------------------------------------- */

.customer-service-header { 
    margin-bottom: 25px;
    background: #eeeeef;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    text-transform: uppercase;
    color: #1a1818;
}

.sizechart {  }
    
    .sizechart > div { margin-bottom: 35px }
    
    .sizechart h4 { font-size: 1.2em; text-transform: capitalize; color: #1a1818; margin: 0 0 10px 0 }
    
    .sizechart table { width: 100%; border: 1px solid #d8d8d8; border-bottom: none }
    
    .sizechart td:first-child { width: 22%; background: #F1F1F1; border-right: 1px solid #d8d8d8 }
    
    .sizechart table.everyother2nd td:first-child { border-right: none; background: none }
    .sizechart table.everyother2nd td:nth-child(2n+2) { background: #F1F1F1; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8 }

    .sizechart td { font-size: 1.05em; text-transform: uppercase; padding: 8px 2px; width: 7.8%; border-bottom: 1px solid #d8d8d8; text-align: center }
    
    .sizechart table.shoe { border: 1px solid #d8d8d8; border-bottom: none }
    .sizechart table.shoe td:first-child { width: 18% }
    .sizechart table.shoe td { width: 6.5% }
    
    .sizechart table.everyother1st { border-left: none }
    .sizechart table.everyother1st td:first-child { }
    .sizechart table.everyother1st td:nth-child(2n+1) { background: #F1F1F1; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8 }

    .sizechart .row2 .leftcol { width: 440px; float: left }
    .sizechart .row2 .leftcol.floatright { width: 230px; float: right }
    
    .sizechart .row5 .leftcol { width: 400px; float: left }
    .sizechart .row5 .leftcol td { width: 65px }
    .sizechart > .row5 > .rightcol2 {  }
    .sizechart .row5 .rightcol2 td { padding: 8px; width: 65px; font-size: .9em }
    
    .sizechart .cupsize { margin: 0 0 50px 0; border-right: none }
    .sizechart .cupsize td { width: 36px; border-right: 1px solid #d8d8d8;  }   
    .sizechart .cupsize td:first-child { width: 240px } 

    .corsetfit {
        float: left;
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .corsetfit li {
        float: left;
        margin: 0 15px 15px 0;
        width: 187px;
        display: block;
        line-height: 1.3em;
    }
    .corsetfit li img.maincorset {
        height: inherit;
        margin: 0 0 15px 0;
    }
    .corsetfit li img.number {
        margin: 0 15px 35px 0;
        float: left;
    }
    .corsetfit img.main {
        width: 100%;
        min-height: 0;
        height: auto;
        margin-bottom: 15px;
    }

/* Customer Service
-------------------------------------------------------------- */
.col-left #leftnav { border-right: 1px solid #eeeeef; padding-left: 0 }

.rightcol .page-title h1 {
    font-size: 2em;
    margin: 0 0 15px 0;
    background: #eeeeef;
}
.content .rightcol { font-size: 1.2em }

.rightcol .required {
    float: right;
    color: #c20f25;
    text-transform: lowercase;
    font-size: 1.1em;
    display: block;
    margin: 0 0 30px;
}
.rightcol *.red {
    color: #c20f25;
}
.rightcol a {
    font-style: italic;
}
.rightcol ul,
.rightcol ol {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
    
}
.rightcol ul {
    list-style-type: disc;
}
.rightcol .clears {
    clear: both;
}
.rightcol .floatright {
    float: right;
}

/* Form Styles */

.rightcol ul.form td {
    width: 10%;
    padding-bottom: 13px;
}
.rightcol ul.form td input { width: 85% }
.rightcol ul.form tr.last td.textarea {
    text-align: right;
    width: 73%;
}
.rightcol ul.form td textarea {
    min-width: 100%;
    max-width: 400px;
    min-height: 150px;
    max-height: 300px;
    padding: 7px 15px;
}
.rightcol input[type=text], .rightcol input[type=password],
.rightcol textarea {
    border: 1px solid #d1d1d1;
    max-height: 24px;
    padding: 7px 8px;
    background: #fff;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    letter-spacing: .5px;
}
.rightcol ul.listcontainer {
    padding: 10px 10px 25px;
    margin: 15px 0 50px;
    list-style: none;
    border: 1px solid #eeeeef;
}
.rightcol ul.listcontainer td.legend {
    color: #474747;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}
.rightcol ul.listcontainer td.value { width: 20% }
.rightcol ul.listcontainer td.textarea div {
    margin: 10px 0 30px;
    font-size: .8em;
}
.rightcol .proceed {
    padding: 20px 26px;
    left: 0;
    display: block;
    min-height: 20px;
    background: #f9e7e9;
    text-align: center;
}
.rightcol .proceed > .redbutton {
    width: 200px;
    font-size: 1.2em;
    padding: 7px 70px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    font-style: normal;
    text-transform: uppercase;
    background: rgba(225,66,71,1);
    background: -moz-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,66,71,1)), color-stop(100%, rgba(184,34,39,1)));
    background: -webkit-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: -o-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: -ms-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: linear-gradient(to bottom, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e14247', endColorstr='#b82227', GradientType=0 );
}
.rightcol .proceed > .redbutton:hover { background: #000 }
.rightcol .contact-ul ul { padding-left: 20px }
.rightcol .contact-ol ol { padding-left: 35px }
.mobile-dropdown { display: none }



        .rightcol .ratesmethods { padding: 10px 0; margin: 0 0 25px 0; border: 1px solid #d8d8d8; width: 310px }
        .rightcol .ratesmethods td:first-child { border-right: 1px solid #d8d8d8 }
        .rightcol .ratesmethods td { width: 50%; text-align: center }


/* Responsive
-------------------------------------------------------------- */

/* Widescreen [[ Blue ]] */
@media only screen and (min-width: 1110px)  {}
/* Small Desktops [[ Brown ]] */
@media only screen and (min-width: 960px) and (max-width: 1109px) {}
/* Tablet (Portrait) [[ Yellow ]] */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* Mobile Universal [[ Orange Border ]] */
@media only screen and (max-width: 767px) {
    /* contact us */
    
    .rightcol ul.listcontainer table {
        width: 100%;
    }
    .rightcol ul.form td {
        width: 80%;
        display: inline-block;
    }
    .rightcol ul.form td select {
        height: 30px;
    }
    .rightcol ul.listcontainer td.legend {
        width: 20% !important;
    }
    .rightcol ul.listcontainer td.value {
        width: 80%;
    }
    .rightcol ul.form tr.last td.comments {
        width: 25% !important;
    }
    .rightcol ul.form tr.last td.textarea {
        width: 58%;
    }
    .sizechart .row5 .leftcol {
        width: 100%;
    }
    .sizechart .row2 .leftcol.floatright,
    .sizechart .row2 .leftcol {
        float: none;
        width: 100%;
    }
    .row5 .rightcol2 {
        float: none !important;
    }
    .ccm-image-block {
        width: 100%;
        height: auto;
    }
    .corsetfit img.main {
        height: auto;
        min-height: 187px;

    }

    /* accordion */
    .col-left #leftnav { border: none;}
    #leftnav {
        width: 100%;
        display: none;
    }
    .mobile-dropdown {
        display: block;
        width: 93%;
        margin: 10px auto;
        color: #1a1818;
        background: #eeeeef;
        padding: 10px;
        font-size: 1.5em;
    }
    .mobile-dropdown:after {
        content: 'd';
        float: right;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        color: #1a1818;
        line-height: 35px;
        font-size: 14px;
        font-family: "fredericks" !important;
        font-style: normal !important;
        font-weight: normal !important;
        speak: none;
    }
    .mobile-dropdown strong {
        float: none !important;
    }
    .col-left #leftnav li.level-0 {
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
    }
    .col-left.sidebar ul#leftnav > li.nav-path-selected > a {
        text-decoration: none;
        color: #c20f25;
    }
}
/* Mobile (Landscape) [[ Pink ]] */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile (Landscape - Large Mobile, iPhone 5, etc.) [[ Purple ]] */
@media only screen and (min-width: 640px) and (max-width: 767px) {}
/* Mobile (Portrait) [[ Gray ]] */
@media only screen and (min-width: 320px) and (max-width: 568px) {
    .rightcol ul.listcontainer td.legend {
        font-size: .8em;
    }
    .sizechart table {
        font-size: .75em !important;
    }
}