@charset "UTF-8";

body {
    color: #0f2032;
    font-family: Rosario, sans-serif;
}

p {
    line-height: 1.5;
}

h1 {
    color: #0f2032;
    font-size: 1.5em;
    font-weight: bold;
    margin: 8px 0 8px 0;
    padding: 8px 0 8px 0;
}

.WaterMarkTextBox {
    color: #b8b8b8;
    font-style: italic;
}

/* master styles */
#subheader-content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 14px 0 0 60px;
}

#page-content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 0 60px;
    color: #0f2032;
}

#home-title {
    float: left;
    max-width: 350px;
    margin: 0;
    padding: 0;
}
    /* accessible button */
    #home-title a {
        display: inline-block;
        padding: 28px 0 2px 0;
        width: 330px;
        color: #0f2032;
        font-size: 1.4em;
        font-weight: bold;
        text-decoration: none;
    }

.dots {
    background-image: url(../images/dots.gif);
    background-repeat: repeat-x;
    height: 5px;
    margin-left: -10px;
    margin-right: -10px;
}

.WelcomeText {
    color: #0f2032;
    font-size: .9em;
    font-weight: normal;
}

/*div,span(lblStyle)*/
#loginViewWelcome {
    float: right;
    width: 500px;
    height: 20px;
    text-align: right;
    margin: 0;
    padding: 0 20px 0 0;
}
    #loginViewWelcome .lblStyle {
        color: #0f2032;
        font-size: .9em;
        font-weight: normal;
    }

#loginView {
    float: right;
    width: 500px;
    text-align: right;
    margin: 0;
    padding: 0 20px 0 0;
}

    #loginView a:link, #loginView a:visited {
        display: inline-block;
        padding: 10px 0 2px 0;
        color: #0f2032;
        font-size: .9em;
        font-weight: bold;
        text-decoration: none;
    }

    #loginView a:active, #loginView a:hover {
        display: inline-block;
        padding: 10px 0 2px 0;
        color: #be4242;
        font-size: .9em;
        font-weight: bold;
        text-decoration: none;
    }
    /*Separators*/
    #loginView .lblStyle {
        color: #0f2032;
        font-size: .9em;
        font-weight: normal;
        padding: 0 4px 0 4px;
    }

/* used on Error.aspx, IE.aspx */
a.lnkBtn:link, a.lnkBtn:visited {
    color: #0f2032;
    font-size: 1.0em;
    font-weight: normal;
    text-decoration: underline;
}

a.lnkBtn:active, a.lnkBtn:hover {
    color: #be4242;
    text-decoration: none;
}

/* used on Login.aspx, PreCheckoutForm.aspx */
a.forgotlnkBtn:link, a.forgotlnkBtn:visited {
    margin: 0 5px 0 5px;
    color: #0f2032;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: underline;
}

a.forgotlnkBtn:active, a.forgotlnkBtn:hover {
    color: #be4242;
    text-decoration: none;
}

/* all login wrapper */
#loginWrapper {
    font-family: "Rosario",sans-serif;
    font-weight: normal;
}
    #loginWrapper .txtStyle {
        width: 220px;
    }
    #loginWrapper h1 {
        margin-top: 0;
        margin-bottom: 15px;
        color: #0f2032;
        font-size: 54px;
        letter-spacing: 0.02em;
        font-weight: normal;
        line-height: 40px;
    }
    #loginWrapper a {
        color: #0f2032;
        text-decoration: underline;
        margin-left: 5px;
        font-weight: normal;
        font-size: 14px;
    }
        #loginWrapper a:hover {
            color: #be4242;
            text-decoration: none;
        }

/* all bread crumb styles */
/*span,a*/
.lnkBtnBreadCrumb {
    color: #0f2032;
    font-weight: normal;
    font-size: 14px;
}

    .lnkBtnBreadCrumb a:link, .lnkBtnBreadCrumb a:visited {
        color: #0f2032;
        text-decoration: underline;
        font-size: 14px;
    }

    .lnkBtnBreadCrumb a:active, .lnkBtnBreadCrumb a:hover {
        color: #be4242;
        text-decoration: none;
        font-size: 14px;
    }

/* skin classes */
.txtStyle {
    margin-bottom: 5px;
    margin-top: 5px;
}
.lblStyle {
    font-size: 14px;
}
.btnStyle {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 90px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #0f2032;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #0f2032, #355595);
}

    .btnStyle:hover {
        color: #ffffff;
        background-image: linear-gradient(to bottom, #be4242, #c55555);
    }

/* home page seach panel styles */
/* all divs */
.panelWrapper {
    float: left;
}

#panelBlock {
    float: left;
    margin: 10px 10px 10px 10px;
    width: 295px;
}
    #panelBlock .panelTopShadow {
        width: 295px;
        height: 5px;
        margin: 0;
        background-image: url(../images/shadow.png);
        background-repeat: repeat-x;
    }

    #panelBlock .panelBaseShadow {
        width: 295px;
        height: 5px;
        margin: 0;
        background-image: url(../images/shadow.png);
        background-repeat: repeat-x;
    }

    #panelBlock .panel {
        width: 295px;
        color: #0f2032;
        background-image: linear-gradient(to bottom, #cccccc, #f8f8f8);
    }

    #panelBlock .panelContent {
        float: left;
        display: block;
    }

    #panelBlock .panelContentRight {
        display: block;
        text-align: right;
        padding: 0 10px 4px 0;
    }

    #panelBlock h2 {
        color: #0f2032;
        font-size: 1.0em;
        font-weight: bold;
        padding: 4px 0 4px 4px;
        width: 265px;
        border-bottom: dotted 1px #0f2032;
    }

    #panelBlock a:link, #panelBlock a:visited {
        color: #0f2032;
        font-size: 1.0em;
        font-weight: normal;
        text-decoration: none;
    }

    #panelBlock a:active, #panelBlock a:hover {
        color: #be4242;
        font-size: 1.0em;
        font-weight: normal;
        text-decoration: underline;
    }

    #panelBlock p {
        float: right;
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1.5;
        color: #0f2032;
        font-size: .9em;
        height: 80px;
        width: 144px;
    }

    #panelBlock img.imgBtn {
        float: left;
        display: block;
        width: 120px;
        height: 90px;
        margin: 4px 10px 0 10px;
        box-shadow: 0 0 5px rgba(15, 32, 50, 0.99);
        border: solid 1px #0f2032;
    }
    

/* all site styles */
.alignRight {
    text-align: right;
}
.alignCenter {
    text-align: center;
}
.listWrapper {    
    margin-top: -10px;
    margin-bottom: 0;
    width: 985px;
}
.listWrapper-item {    
    line-height: 1.2;
    white-space: normal;
    word-wrap: break-word;
    max-width: 880px;
}
.listWrapper2 {
    overflow: visible;
    height: 1.5em;
    margin-top: -10px;
    margin-bottom: 0;
    width: 985px;
}

.listWrapper2-item {
    overflow: visible;
    height: 1.5em;
    line-height: 1.2;
    white-space: normal;
    word-wrap: break-word;
    max-width: 880px;
}
.validator {
    overflow: visible;
    height: 1.5em;
    color: #a30000; /*accessible red*/
}
.error {
    color: #a30000; /*accessible red*/
    background: #fff;
    font-size: 1.0em;
    text-align: left;
}
.clear {
    clear: both;
    height: 0;
}
.topPad30 {
    padding-top: 30px;
}

/* skin gridview and tab container styles */
/*tr,td*/
.gridViewRowStyle tr {
    overflow: visible;
    height: 1.5em;
    color: #000;
    height: 22px;
    border: solid 1px #d3d3d3;
}

.gridViewRowStyle td {
    overflow: visible;
    height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px;
    border: solid 1px #d3d3d3;
}

/*tr,td*/
.gridViewAlternatingRowStyle tr {
    overflow: visible;
    height: 1.5em;
    height: 22px;
    color: #000;
    border: solid 1px #d3d3d3;
    background-color: #e5e5e5;
}

.gridViewAlternatingRowStyle td {
    overflow: visible;
    height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px;
    border: solid 1px #d3d3d3;
}

/*tr,td*/
.gridViewSelectedRowStyle tr {
    overflow: visible;
    height: 1.5em;
    height: 22px;
    color: #000;
    border: solid 1px #d3d3d3;
    background-color: #fffccc;
}

.gridViewSelectedRowStyle td {
    overflow: visible;
    height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px;
    border: solid 1px #d3d3d3;
    background-color: #fffccc;
}
/*table*/
.gridViewStyle {
    width: 985px;
    margin: 0 0 4px 0;
    color: #000;
    font-size: .9em;
    border-top: double 4px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    border-bottom: double 4px #d3d3d3;
    border-left: solid 1px #d3d3d3;
    background-color: #fff;
}

    .gridViewStyle tr.gridViewRowStyle:hover {
        color: #000;
        background-color: #fffccc;
    }

    .gridViewStyle tr.gridViewAlternatingRowStyle:hover {
        color: #000;
        background-color: #fffccc;
    }

    .gridViewStyle a:link, .gridViewStyle a:visited {
        padding: 0 4px 0 4px;
        color: #0f2032;
        font-size: 1.0em;
        text-decoration: underline;
    }

    .gridViewStyle a:active, .gridViewStyle a:hover {
        padding: 0 4px 0 4px;
        color: #be4242;
        font-size: 1.0em;
        text-decoration: none;
    }

    .gridViewStyle .lblStyle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.0em;
    }

    .gridViewStyle .txtStyle {
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        width: 110px;
    }

/*tr,th*/
.gridViewHeaderStyle {
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    background-color: #d3d3d3;
    border: solid 1px #d3d3d3;
    height: 30px;
}
    .gridViewHeaderStyle th {
        overflow: visible;
        height: 1.5em;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
        border: solid 1px #d3d3d3;
    }

        .gridViewHeaderStyle th a:link, .gridViewHeaderStyle th a:visited {
            color: #0f2032;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            text-decoration: underline;
        }

        .gridViewHeaderStyle th a:hover, .gridViewHeaderStyle th a:active {
            color: #be4242;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            text-decoration: none;
        }

/*tr,td*/
.gridViewPagerStyle {
    overflow: visible;
    height: 1.5em;
    background-color: #d3d3d3;
    border: solid 1px #d3d3d3;
    height: 24px;
}
    .gridViewPagerStyle td {
        overflow: visible;
        height: 1.5em;
        font-family: Arial, Helvetica, sans-serif;
    }
    .gridViewPagerStyle a:link, .gridViewPagerStyle a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        padding: 4px;
        color: #0f2032;
        text-decoration: underline;
    }

    .gridViewPagerStyle a:hover, .gridViewPagerStyle a:active {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        padding: 4px;
        color: #be4242;
        text-decoration: none;
    }

.gridViewFooterStyle {
    background-color: #d3d3d3;
    border: solid 1px #d3d3d3;
    height: 24px;
}
    .gridViewFooterStyle td {
        font-family: Arial, Helvetica, sans-serif;
    }


/* styles for ajax tab container on AccountForm & AdminForm */
/*div,<atk:TabContainer/>,tcAccount,tcAdmin*/
.tabContainer .ajax__tab_container {
    float: left;
    width: 985px;
    font-size: 1.0em !important;
}

.ajax__tab_header {
    display: inline-flex;
    justify-content: center;
    max-width: 985px !Important;
    height: 44px !important;
    padding: 0 0 12px 0 !important;
    clear: both;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: unset !Important;
}

.ajax__tab_default {
    display: inline-flex;
    justify-content: center;
    max-width: 985px !Important;
    height: 44px !important;
    padding: 0 !important;
    clear: both;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: unset !Important;
}

.ajax__tab_outer {
    height: 44px !important;
    margin: 0;
    padding: 0;
    background-image: none !important;
    background-repeat: unset !Important;
}
.ajax__tab_inner {
    height: 44px !important;
    margin: 0;
    padding: 0;
    background-image: none !important;
    background-repeat: unset !Important;
}

.ajax__tab {
    display: inline-flex;
    justify-content: center;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 6px 0 6px !important;
    background-image: linear-gradient(to bottom, #0f2032, #355595);
    font-weight: normal;
    font-size: 1.1em;
    border: .5px solid #d3d3d3;
    border-radius: 5px;
}
    .ajax__tab a:link, .ajax__tab a:visited {
        color: white;
        text-decoration: underline;
    }

    .ajax__tab a:hover, .ajax__tab a:active {
        color: white;
        text-decoration: underline;
    }

.ajax__tab_hover {
    color: white;
    background-image: linear-gradient(to bottom, #0f2032, #d3d3d3);
    text-decoration: underline;
    border: .5px solid #d3d3d3;
}

.ajax__tab_active {
    background-image: linear-gradient(to bottom, #355595, #355595);
}

.ajax__tab_tab {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    height: 44px !important;
    margin: 0;
    padding: 0 !important;
    font-weight: normal;
    background-image: none !important;
    background-repeat: unset !Important;
}
    .ajax__tab_tab a:link, .ajax__tab_tab a:visited {
        color: #0f2032;
        text-decoration: underline;        
    }

    .ajax__tab_tab a:hover, .ajax__tab_tab a:active {
        color: white;
        text-decoration: none;
    }

.ajax__tab_xp {
    display: inline-block !important;
    max-width: 985px !Important;
    margin: 0;
    padding: 0;
}

.ajax__tab_body {
    display: inline-block !important;
    max-width: 985px !Important;
    margin: 4px 0 0 0 !Important;
    padding: 2px !Important;
    border: .5px solid #c9c9c9 !Important;
    border-radius: 5px !important;
    background-color: transparent;
}

.ajax__scroll_none {
    
}

.ajax__tab_panel {
    display: flex;
    justify-content: flex-start;
    min-height: 150px;
    min-width: 500px;
    width: 100%;
    margin: 0 !Important;
    padding: 0 !Important;
    font-size: 1.0em;
    background-color: #ffffff;
}
    /*div,span*/
    .ajax__tab_panel .lblStyle {
        overflow: visible;
        height: 1.5em;
        font-size: 1.0em;
    }

    /*div,input-submit*/
    .ajax__tab_panel .btnStyle {
        width: 150px;
        font-size: 1.0em;
    }

    .ajax__tab_panel a:link, .ajax__tab_panel a:visited {
        overflow: visible;
        height: 1.5em;
        padding: 0 4px 0 4px;
        color: #0f2032;
        font-weight: normal;
        font-size: 1.0em;
        text-decoration: underline;
    }

    .ajax__tab_panel a:hover, .ajax__tab_panel a:active {
        overflow: visible;
        height: 1.5em;
        padding: 0 4px 0 4px;
        color: #be4242;
        font-weight: normal;
        font-size: 1.0em;
        text-decoration: none;
    }
/*end of gridview style*/

/* cart styles */
#cartResults {
    display: block;
    float: right;
    max-width: 985px;
    text-align: right;
    margin-right: 0;
    margin-right: 50px;
}
    #cartResults .txtStyle {
        width: 120px;
        text-align: right;
        border: none;
        background-color: Transparent;
        font-size: 14px;
        padding-right: 5px;
    }
    #cartResults .lblStyle {
        width: 100px;
        text-align: right;
        font-weight: bold;
    }
#cartResultsMessage {
    float: right;
    text-align: right;
    margin-right: 20px;
}

/* pre checkout styles */
#userWrapper {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#divreturningUser {
    float: left;
    width: 460px;
    padding-top: 5px;
}
#divNewUser {
    width: 460px;
    border-left: solid 1px #cccccc;
    float: left;
    height: 300px;
    padding-left: 15px;
    padding-top: 5px;
}


/* checkout styles */
#CheckoutTotals {
    float: left;
    text-align: right;
    margin-left: 40px;
}
    #CheckoutTotals .txtStyle {
        border: none;
        background-color: Transparent;
        font-size: 14px;
        width: 80px;
        text-align: right;
        padding-right: 30px;
    }
    #CheckoutTotals .lblStyle {
        font-weight: bold;
        width: 120px;
        text-align: right;
    }

/* payment details on receipt page (thank you) 
   ITSD-3779 WMM 6/26/2020 increase size of PaymentDetails.txtStyle for longer reference number (30 -> 50)
*/
/* payment result styles */
#PaymentDetails {
    text-align: right;
    margin-left: 50px;
}
    #PaymentDetails .txtStyle {
        border: none;
        background-color: Transparent;
        font-size: 14px;
        width: 350px;
        text-align: left;
        padding-left: 25px;
    }

    #PaymentDetails .lblStyle {
        font-weight: bold;
        width: 140px;
        text-align: right;
    }

/* my account styles */
#account {
    float: left;
    border: solid 1px #cccccc;
    /*   width:925px; */
}
.pnlBtnWrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
    .pnlBtnWrapper .btnDiv {
        float: left;
        padding: 1px;
        width: 280px;
    }
    .pnlBtnWrapper .error {
        float: left;
        display: block;
    }
    .pnlBtnWrapper .btnStyle {
        float: left;
        width: 280px;
    }
/*used multiple times on single page (sorry), still worked*/
#userAdminRecordCount {
    float: right;
    margin: 0;
}
    #userAdminRecordCount .lblStyle {
        width: 120px;
        margin-right: 20px;
        text-align: right;
        font-weight: bold;
        font-size: 1.0em;
    }

#searchRecordCount {
    float: right;
    margin: 0;
}
    #searchRecordCount .lblStyle {
        width: 120px;
        margin-right: 50px;
        text-align: right;
        font-weight: bold;
        font-size: 1.0em;
    }


/* works for all unstyled links, including gridview */
a:link, a:visited {
    font-size: 1.0em;
    color: #0f2032;
    text-decoration: underline;
}

a:hover, a:active {
    font-size: 1.0em;
    color: #be4242;
    text-decoration: none;
}

.instructions {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.1em;
    color: #0f2032;
}

.instructions_sm {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: .9px;
    color: #0f2032;
}


/* not used */
.lblTotal {
    text-align: left;
    float: right;
}
a.lnkStyle:link, a.linkStyle:visited {
    color: #0f2032;
    text-decoration: none;
}
a.lnkStyle:hover, a.lnkStyle:active {
    color: #be4242;
    text-decoration: underline;
}