/* CSS Document - Full and Mobile */

/* !GENERAL */

#breadcrumbs {
    font-size: 11px;
    margin-bottom: 5px;
}

#mobile #breadcrumbs {
    /*font-size: 2em;*/
    font-size: 16px !important;
    margin-bottom: 5px;
}

.checkout {
    float: right;
    width: 130px;
    text-align: center;
}

a.mini_cart {
    float: right;
    background: #beccdf url(catalog/con_cart_blue.gif) no-repeat 10px center;
    border: 1px solid #00468a;
    padding: 0 15px 0 35px; /* 	color: #000; */
    text-decoration: none;
    line-height: 23px; /* CSS3 for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    a.mini_cart:hover {
        background-color: #bfbfbf;
        color: #3360aa;
        text-decoration: none;
    }

.title {
    font-size: 12px;
    font-weight: bold;
    color: #3360AA;
    padding: 0 5px;
}

.desc {
    font-size: 11px;
    padding: 0 5px;
}

.partNo {
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px;
}

.price {
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.priceBox {
    text-align: center; /*--background-color: #C0CCDF; */
    margin: 0 0 0 0; /*padding: 5px;*/
}

.rating {
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px;
}

input.qty {
    width: 30px;
    border: 1px solid #80A3C4;
    font-size: 12px;
    text-align: center;
}

input.login {
    width: 100px;
    border: 1px solid #acacac;
    height: 16px;
}

.loginBoxTop {
    /* 	float: left; */
    width: 170px;
    height: 26px;
    background: url(../images/catalog/loginBox_top.gif) no-repeat left top;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    line-height: 19px;
    text-indent: 15px;
    text-align: left;
}

.loginBoxMid {
    width: 150px; /* 170 actual */
    background-color: #e1e1e1;
    padding: 0 10px;
    color: #5a5a5a;
    font-size: 9px;
    text-transform: uppercase;
}

.loginBoxBtm {
    width: 170px;
    height: 7px;
    background: url(../images/catalog/loginBox_btm.gif) no-repeat left top;
}

.relProductsTab {
    width: 150px;
    height: 20px;
    margin: 0 0 0 20px;
    background: url(../images/catalog/tab_relproducts.gif) no-repeat center center;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

/* !TABLES */

.prodno-repeat center center {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

/* !TABLES */

.prodTable thead td {
    background-color: #014689;
    padding: 3px 4px;
    color: #80A3C4;
    font-weight: bold;
    line-height: 14px;
}

.sm.prodTable tr {
    height: 3em;
}

.prodTable td {
    padding: 2px 4px; /*border-bottom: 1px solid #FFF;*/
}

.prodTable .nowrap {
    white-space: nowrap;
}

.prodTable .odd {
    background-color: #DFE8F7;
}

.prodTable .even {
    background-color: #C0CCDF;
}

.prodTable tfoot td {
    background-color: #014689;
    /*srs.1/12/2018. Added properties.*/
    height: 4px;
    padding: 3px 4px;
    color: #FFF;
    font-weight: bold;
    line-height: 14px;
}

.prodTable input.qty {
    width: 20px;
    border: 1px solid #80A3C4;
    font-size: 10px;
    text-align: center;
}

.prodTable img {
    border: 0;
}

/*srs. 2/4/2011 new stuff */
/*AK. 9/02/2016 changed style*/
a.button, button.button, input[type=button].button {
    background: #819e10;
    margin: 2px;
    padding: 3px;
    border: 2px solid #819e10;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: none; /* CSS3 for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/*AK. 9/02/2016 added style*/
a.button, button.button {
    display: block;
}

.sm.a.button, .sm.button.button {
    width: auto !important;
    padding: 0.5em;
}

.sm.button {
    /*font-size: 30px !important;*/
    font-size: 16px !important;
}

    /* Product details::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
    .sm.button.Prod {
        font-size: 30px !important;
    }

/*End Product Details:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
button:hover {
    cursor: pointer;
}

a.button:hover, button:hover {
    background: #014689;
    text-decoration: none;
    border-color: #014689;
    color: #FFFFFF !important;
}

a.yellow, button.yellow {
    background: #ffcc00;
    border-color: #cca300;
    color: #806600;
}

/*srs.11/29/2018.*/
a.barcode {
    background-image: url(../images/camera-icon-sm.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 24px !important;
    text-indent: -9999em;
}

/*srs.11/29/2018.*/
a.camera {
    background-image: url(../images/camera-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;
    padding-left: 36px !important;
}

.sm.button.blue:hover {
    background: #819E10;
    border-color: #fff;
    color: #fff;
}

.sm.a.yellow, .sm.button.yellow {
    width: auto !important;
}

a.yellow:hover, button.yellow:hover {
    background: #819e10;
    border-color: #fff;
    color: #fff;
}

/*AK. 9/02/2016 changed style*/
a.blue, button.blue, input[type=button].blue {
    background: #6384BC;
    border-color: #6384BC;
    color: #fff;
}

    a.blue:hover, button.blue:hover {
        background: #BFBFBF;
        border-color: #fff;
        color: #fff;
    }

.button.red {
    background: red;
    border-color: red;
    color: #fff;
}

    .button.red:hover {
        background: lightcoral;
        border-color: lightcoral;
        color: #fff;
    }

/*Disable button selectInv grid*/
.sm.button.blue.disablebutton {
    background: #f4f4f4;
    border-color: #ADB2B5;
    color: #ADB2B5;
    border: 2px solid #ADB2B5;
}

    .sm.button.blue.disablebutton:hover {
        background: #f4f4f4 !important;
        border-color: #ADB2B5 !important;
        color: #ADB2B5 !important;
    }
/*end*/
a.blueCartSummary, button.blueCartSummary {
    width: 270px;
    float: right;
    background: #beccdf;
    border-color: #00468a;
    color: #000000;
}

.sm.a.blueCartSummary, .sm.button.blueCartSummary {
    float: none !important;
    background: #beccdf;
    border-color: #00468a;
    color: #000000;
}

a.blueCartSummary:hover, button.blueCartSummary:hover {
    background-color: #bfbfbf;
    border-color: #fff;
    color: #3360aa;
}

.displaybox {
    width: 219px;
}

.displaybox-title {
    background: #17181c;
    border: 1px solid #80828c;
    border-bottom: none;
    font-weight: bold;
    color: #7C97C3;
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: .1em; /* CSS3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#505463), to(#17181c));
    background: -moz-linear-gradient(100% 100% 90deg, #17181c, #505463);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
}

.displaybox-content {
    padding: 10px 10px 16px;
    background: #3e414d;
    border: 1px solid #80828c;
    font-size: 11px;
    color: #fff; /* CSS3 */
    height: 113px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
}

.displayboxBlue {
    width: 219px;
}

.displayboxBlue-title {
    background: #014689;
    border: 1px solid #014689;
    border-bottom: none;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: .1em; /* CSS3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#014689), to(#C0CCDF));
    background: -moz-linear-gradient(100% 100% 90deg, #014689, #C0CCDF);
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    text-align: right;
    padding-right: 10px;
}

.displayboxBlue-content {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    background: none repeat scroll 0 0 #C0CCDF;
    border: 1px solid #C0CCDF;
    font-size: 11px;
    padding: 10px 10px 16px;
}


/* For mobile */
.sm.displayboxBlue {
    width: 100%;
}

.sm.displayboxBlue-title {
    background: #014689;
    border: 1px solid #014689;
    border-bottom: none;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    line-height: 2.2em;
    letter-spacing: .1em; /* CSS3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#014689), to(#C0CCDF));
    background: -moz-linear-gradient(100% 100% 90deg, #014689, #C0CCDF);
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    padding-right: 10px;
}

.sm.displayboxBlue-content {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    background: none repeat scroll 0 0 #C0CCDF;
    border: 1px solid #C0CCDF;
    font-size: 16px !important;
    padding: 10px 10px 16px;
}

/* Div Grid entry
---------------------------*/
.grid-item {
    float: left;
    width: 60%;
}

.grid-label {
    float: left;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 34%;
}

.grid-line {
    min-height: 27px;
    padding-bottom: 10px;
}

input, textarea, select {
    border: 1px solid #444;
    /* srs.5/7/2019. commented.margin: 5px 0;*/
    padding: 5px;
    color: #333;
}

.out-of-stock {
    background: #bbb !important;
    border-color: #bbb !important;
}

/*srs.4/8/2019.*/
.vertical-align-top {
    vertical-align: top;
}

/*srs.12/23/2020.*/
#social-media {
    padding: 10px;
    text-align: center;
}

    #social-media a {
        color: #3360AA;
        display: inline-block;
        margin: 0 10px;
    }

        #social-media a:hover {
            color: #819E10;
        }