/* CSS Document */

html {
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    background: url(../images/bg_tile.gif) repeat top left;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

#pageTile {
    width: 938px;
    margin: 0 auto;
    background: url(../images/page_tile.gif) repeat-y center top;
}

#pageTileFull {
    width: 938px;
    height: 100%;
    margin: 0 auto;
    background: url(../images/page_tile_ext.gif) repeat-y center top;
}

#dropShadow {
    width: 100%;
    height: 100%;
    background: url(../images/bg_tile_dropshadow.gif) repeat-x left top;
}

#flash {
    width: 922px;
    height: 220px;
    margin: 0 auto;
}

#contentWrapper {
    float: left;
    width: 922px; /* 938 actual */
    margin: 0 auto;
    padding: 0 8px;
    background: url(../images/page_tile.gif) repeat-y center top;
}

#sidebarLeft {
    clear: right;
    float: left;
    width: 240px;
    height: 100%;
    padding: 0 15px;
    font-size: 11px;
    color: #A1A5B3;
}

#contentExt {
    float: left;
    width: 892px; /* 922 actual */
    margin: 0 auto;
    padding: 15px 15px 40px;
    line-height: 18px;
    background-color: #FFF;
}

#contentFull {
    float: left;
    width: 622px; /* 652 actual */
    padding: 15px 15px 40px;
    line-height: 18px;
}

#content {
    float: left;
    width: 420px; /* 450 actual */
    padding: 15px 15px 0;
    line-height: 18px;
}

#sidebarRight {
    float: left;
    width: 172px; /* 202 actual */
    padding: 70px 15px 0 15px;
    font-size: 11px;
    color: #A1A5B3;
}

#footer {
    float: right;
    width: 652px;
}

#legal {
    clear: both;
    padding: 5px 0 20px 0;
    text-align: center;
    color: #999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.boxTop {
    float: left;
    width: 165px; /* 170 actual */
    height: 24px;
    padding: 0 0 0 10px;
    line-height: 24px;
    background: url(../images/box_top.gif) no-repeat left top;
    color: #DFE997;
    font-size: 13px;
    font-weight: bold;
}

.boxMid {
    float: left;
    width: 160px; /* 170 actual */
    padding: 5px;
    background-color: #3360AA;
    color: #FFF;
}

.boxBtm {
    float: left;
    width: 170px;
    height: 10px;
    background: url(../images/box_btm.gif) no-repeat left top;
}

.boxMid .header {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
    color: #80b6ec;
    text-decoration: underline;
}

/* ===== FONT MANAGEMENT ===== */

h1 {
    font-size: 16px;
    color: #3360AA;
    margin: 0 0 10px 0;
    border-bottom: 2px solid #3360AA;
}

h2 {
    font-size: 14px;
    margin: 0;
}

#sidebarLeft h1 {
    font-size: 13px;
    color: #FFF;
    margin: 0;
    border-bottom: 1px solid #FFF;
}

/* ===== end FONT MANAGEMENT ===== */

/* ===== LINK MANAGEMENT ===== */

a:link, a:visited {
    color: #3360AA;
    text-decoration: none;
}

a:hover {
    color: #819E10;
    text-decoration: underline;
}

a:active {
    color: #586B0B;
}

a:link.more {
    padding: 0 20px 0 0;
}

#sidebarLeft a:link, #sidebarLeft a:visited {
    color: #FFF;
    font-weight: bold;
}

#sidebarLeft a:hover, #sidebarLeft a:active {
    color: #93ADD7;
}

#sidebarRight a:link, #sidebarRight a:visited {
    color: #FFF;
    font-weight: bold;
}

#sidebarRight a:hover, #sidebarRight a:active {
    color: #93ADD7;
}

/* ===== end LINK MANAGEMENT ===== */

/* ===== MISCELLANEOUS ===== */

img {
    border: 0;
}

.picRight {
    float: right;
    margin-left: 8px;
}

.picLeft {
    float: left;
    margin-right: 8px;
}

blockquote {
    margin-left: 20px;
    padding: 0 0 0 5px;
    border-left: 4px solid #6587C0;
    line-height: normal;
}

.nowrap {
    white-space: nowrap;
}

/* ===== end MISCELLANEOUS ===== */

/* ===== FORM TABLES ===== */

.forms {
    font-size: 11px;
}

    .forms td {
        padding: 1px 5px;
    }

    .forms .desc {
        font-weight: normal;
        text-align: right;
        /* 	letter-spacing: .1em; */
        border-bottom: 1px solid #d8d8d8;
    }

    .forms input,
    .forms textarea {
        border: 1px solid #80A3C4;
        background-color: #f3f6fa;
        color: #3360AA;
    }

/* ===== end FORM TABLES ===== */


/* ===== ALPHABET BOXES FOR SEARCH BY MANUFACTURER ===== */

div.alphabet {
    background: #c2ccdd;
    width: 600px;
    margin: 15px auto;
    padding: 8px 0;
    font-size: 17px;
    text-align: center;
    /* CSS3 for Modern Browsers */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

    div.alphabet a {
        padding: 2px;
        border: 1px solid #fff;
    }

        div.alphabet a:hover {
            background: #3360AA;
            color: #fff;
            text-decoration: none;
        }

.resizedImgForHeight {
    height: 300px;
}

.resizedImgForWidth {
    width: 300px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.red {
    color: red;
}

/* fix datepicker startup */
#ui-datepicker-div {
    display: none;
}

/* fix table layout inside jqgrid */
.ui-jqgrid .ui-jqgrid-btable table.no-border-table, table.no-border-table {
    border: 0 !important;
    float: none !important;
}

    .ui-jqgrid .ui-jqgrid-btable table.no-border-table > tbody > tr > td, table.no-border-table > tbody > tr > td {
        border: 0 !important;
        border-bottom: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-left: 0 !important;
    }

/* jqgrid srs. 6/3/2019. Eliminate (set white) hover color. */
.ui-state-hover a.button, .ui-state-hover a.button:hover {
    color: white !important;
}