﻿/********** SIGN IN / SIGN UP **********/
#signIn legend {
  display: none;  
}

#signIn .option-div {
    margin: 0 auto;
    width: 300px;
}

#signIn .option-div p {
    font-size: 1.15em;
    text-align: center;
}

#signIn .option-div span {
    float: left;
    border-bottom: 1px solid #ccc;
    height: 1px;
    padding: 7px 0;
    width: 120px;
}

    #signIn .option-div span + span {
        float: right;
    }

/* SIGN UP FORM */
#signUp h2 {
    font-size: 1.89em;
    padding: 0 0 15px;
    text-align: center;
}

#signUp p {
    text-align: center;
    color: #6c6c6c;
}
#signUp .button {
    margin: 0 auto;
    display: block;
    width: 200px;
}

/* LOGIN FORM */
#socialSignIn {
    padding: 20px 0 40px;
}
#socialSignIn .col-md-6 {
    padding: 0 10px 0 0;
}

    #socialSignIn .col-md-6 + .col-md-6 {
        padding: 0 0 0 10px;
    }

#signin-form .field.col-md-12 {
    padding: 10px 0;
}

    #signin-form .field.col-md-12 a,
    #signin-form .field.col-md-12 a:visited {
        display: block;
        padding: 4px 0 13px;
        text-decoration: underline;
    
    }

        #signin-form .field.col-md-12 a:hover,
        #signin-form .field.col-md-12 a:focus {
            text-decoration: none;
        }

#signin-form input[type="submit"] {
    width: 140px;
}

/********** ORDER HISTORY **********/
#order-history-listing h3 > strong {
    font-weight: 600;
}

#order-history-listing p > strong {
    font-weight: 700;
}

#order-history-listing .accordionList {
    padding: 20px 10px;
}

#order-history-listing .accordion {
    margin: 0 0 5px;
}

#order-history-listing .ui-state-default {
    background-color: #f7f7f7 !important;
    border: 1px solid #efefef !important;
    font-weight: 400 !important;
    margin: 0 0 10px;
    padding: 7px 40px 7px 10px !important;
    color: #4c4c4c !important;
}

    #order-history-listing .ui-state-default span.icon {
      font-family: untitled-font-1;
    }

    #order-history-listing .ui-state-default span.icon:before {
      font-size: 16px;
      content: 'a' !important;
      position: absolute;
      right: 12px;
      top: 12px;
    }

    #order-history-listing .ui-state-default.ui-state-active span.icon:before {
      font-size: 16px;
      content: 'g' !important;
      position: absolute;
      right: 12px;
      top: 9px;
    }

    #order-history-listing .ui-state-default h3,
    #order-history-listing .ui-state-default p {
        font-weight: 300;
        padding: 0;
    }

    #order-history-listing .ui-state-default h3 {
        font-size: 1.25em;
    }

#order-history-listing .ui-widget-content {
    background-color: transparent !important;
}

#order-history-listing .accordionList h5 {
    font-size: 1.25em;
    font-weight: 600;
    padding: 10px 10px 15px;
    width: 100%;
}

#order-history-listing .product-title {
    padding: 0 0 5px;
}

#order-history-listing .product-image a {
    display: block;
    height: 110px;
    width: 110px;
}

#order-history-listing .product-image img {
    height: 110px;
    width: auto;
}

/********** MANAGE ACCOUNT *********/
.account .links div {
    float: right;
}
.account .links a,
.account .links a:visited {
    float: right;
    display: block;
    margin: 6px 0 0 18px;
}

    .account .links a.button,
    .account .links a.button:visited {
        float: right;
        background-color: #b8b9c2;
        border: 1px solid #e8e8e8;
        margin: 0 0 0 18px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        text-align: center;
        width: 135px;
    }

        .account .links a.button:hover {
            background-color: #88888f;
        }

.account input[type="submit"] {
    padding: 8px 34px
}