/* Minification failed. Returning unminified contents.
(1948,62): run-time error CSS1046: Expect comma, found '0'
(1948,66): run-time error CSS1046: Expect comma, found '/'
(1948,78): run-time error CSS1046: Expect comma, found '0'
(1948,82): run-time error CSS1046: Expect comma, found '/'
(1950,35): run-time error CSS1046: Expect comma, found '0'
(1950,39): run-time error CSS1046: Expect comma, found '/'
 */

.orderSummary thead td, .orderSummary tfoot td {
    background-color: #014689;
    height: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 11px;
}

.orderSummary.sm thead td, .orderSummary.sm tfoot td, .orderSummary.sm tbody td {
    height: 1em !important;
    padding: 0 !important;
    padding-bottom: 1px !important;
}

.orderSummary thead td.shorthdr {
    background: url(../images/catalog/rndtblhdr_short.gif) no-repeat left top;
    padding: 0;
    height: 8px;
}

.orderSummary tfoot td.shortftr {
    background: url(../images/catalog/rndtblftr_short.gif) no-repeat left top;
    padding: 0;
    height: 8px;
}

.orderSummary thead td.longhdr {
    background: url(../images/catalog/rndtblhdr_long.gif) no-repeat left top;
    padding: 0;
    height: 8px;
}

.orderSummary tfoot td.longftr {
    background: url(../images/catalog/rndtblftr_long.gif) no-repeat left top;
    padding: 0;
    height: 8px;
}

.orderSummary tbody td {
    padding: 4px;
    vertical-align: top;/*srs.3/4/2021*/
    /* 	border-bottom: 1px solid #FFF; */
}

.orderSummary .lineno {
    background-color: #C0CCDF;
}

.orderSummary .deleteitem {
    background-color: #C0CCDF;
    vertical-align: middle;
}

.orderSummary .odd {
    background-color: #FFF;
}

.orderSummary .even {
    background-color: #C0CCDF;
}

.orderSummary .totalbtm {
    padding: 0;
    height: 2px;
    background-color: #464646;
}

.orderSummary .totals {
    height: 20px;
    padding-right: 10px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

.orderSummary .linetotal {
    background-color: #C0CCDF;
    vertical-align: top;
}

.orderSummary .subtotal {
    background-color: #C9C9C9;
}

.orderSummary .grandtotal {
    background-color: #819E10;
    color: #FFF;
}

.orderSummary input.qty {
    width: 20px;
    border: 1px solid #80A3C4;
    font-size: 10px;
    text-align: center;
}

.orderSummary img {
    border: 0;
}

.orderSummary tbody td.dividerH {
    height: 3px;
    padding: 0;
    background: url(../images/catalog/dividerH.gif) repeat-x left top;
    width: 542px !important;
}

/* 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;
}

#shoppingcart {
	clear: both;
	padding: 5px 0;
}

#ordersummary {
	clear: both;
	padding: 5px 0;
}

#col01 {
	float: left;
	width: 446px;
}

#col02 {
	float: right;
	width: 446px;
}

.thankyou {
	float: left;
	width: 304px;
	height: 50px;
	padding: 30px 0 0 170px;
}

.ordersteps {
	float: right;
	padding: 5px 0 10px 0;
	font-size: 12px;
	text-align: right;
}

.printpage {
	margin: 15px 10px 0 10px;
}

.linecomment {
	margin-left: 2px;
	padding-left: 2px;
	border-left: 2px solid;
	font-size: 11px; /*srs.3/5/2021. changed 10px*/
	color: #595959; /*srs.3/5/2021. changed #787878*/
	line-height: normal;
}

.ordercomments {
	width: 414px;
	min-height: 50px;
	padding: 15px;
	border: 1px solid #CCC;
}

/* !TABLES */

.cartTable thead td,
.cartTable tfoot td {
	background-color: #014689;
	height: 24px;
	color: #80A3C4;
	font-weight: bold;
	line-height: 11px;
}

.cartTable thead td.shorthdr {
	background: url(../images/catalog/rndtblhdr_short.gif) no-repeat left top;
	padding: 0;
	height: 8px;
}

.cartTable tfoot td.shortftr {
	background: url(../images/catalog/rndtblftr_short.gif) no-repeat left top;
	padding: 0;
	height: 8px;
}

.cartTable thead td.longhdr {
	background: url(../images/catalog/rndtblhdr_long.gif) no-repeat left top;
	padding: 0;
	height: 8px;
}

.cartTable tfoot td.longftr {
	background: url(../images/catalog/rndtblftr_long.gif) no-repeat left top;
	padding: 0;
	height: 8px;
}

.cartTable tbody td {
	padding: 4px;
	vertical-align: top;
/* 	border-bottom: 1px solid #FFF; */
}

.cartTable .lineno {
	background-color: #C0CCDF;	
}

.cartTable .deleteitem {
	background-color: #C0CCDF;
	vertical-align: middle;
}

.cartTable .odd {
	background-color: #FFF;
}

.cartTable .even {
	background-color: #EBEBEB;
}

.cartTable .totalbtm {
	padding: 0;
	height: 2px;
	background-color: #464646;
}

.cartTable .totals {
	height: 20px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

.cartTable .linetotal {
	background-color: #C0CCDF;
	vertical-align: top;
}

.cartTable .subtotal {
	background-color: #C9C9C9;
}

.cartTable .grandtotal {
	background-color: #819E10;
	color: #FFF;
}

.cartTable input.qty {
	width: 20px;
	border: 1px solid #80A3C4;
	font-size: 10px;
	text-align: center;
}

.cartTable img {
	border: 0;
}

.cartTable tbody td.dividerH {
	height: 3px;
	padding: 0;
	background: url(../images/catalog/dividerH.gif) repeat-x left top;
}

.shipTO,
.billTO,
.masterBillTO {
	float: left;
	width: 215px;
	font-size: 12px;
	line-height: normal;
}

.address {
	padding-left: 5px;
	border-left: 3px solid #CCC;
    min-height: 60px;
}

input.text {
	margin: 0;
	border: 1px solid #80A3C4;
	font-size: 12px;
	text-align: center;
}

textarea {
	border: 1px solid #80A3C4;
	font-size: 11px;
}
.orderstatusconfirm
{
border:1px solid #CCCCCC;
min-height:20px;
padding:5px;
}
#instructions {
	float: left;
	width: 480px; /* 500 actual */
	padding: 0 0 0 20px;
	line-height: normal;
}

#legend {
	float: right;
}

#legend .header {
	width: 380px;
	height: 28px;
	margin: 0px 0 0 0;
	background: url(../images/catalog/legendBox_top.gif) no-repeat left top;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
}

#legend .content {
	width: 364px; /* 380 actual */
	background-color: #C0CCDF;
	padding: 0 8px;
	font-size: 11px;
	line-height: normal;
}

#legend .bottom {
	width: 380px;
	height: 8px;
	background: url(../images/catalog/legendBox_btm.gif) no-repeat left top;
}

#ordersheet {
	clear: both;
	padding: 10px 0 0 0;
}

#ordersheet .buttons  {
	float: right;
/* 	width: 380px; */
	height: 24px;
	padding-top: 2px;
	text-align: right;
}

#ordersheet .buttons img {
	margin-left: 2px;
	border: 0;
}

/* !LINKS */

#ordersheet thead a:link,
#ordersheet thead a:visited,
#ordersheet tfoot a:link,
#ordersheet tfoot a:visited {
	color: #80A3C4;
	text-decoration: underline;
}

#ordersheet thead a:hover,
#ordersheet tfoot a:hover {
	color: #FFF;
	text-decoration: none;
}

div.collapse {
	background-color: #014689;
	color: #fff;
	text-align: center;
	line-height: 22px;
}

div.collapse a {
	color: #c2ccdd;
}


/* !LISTS */

ul.category,
ul.category ul,
ul.category ul ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.category li {
	background: url(../images/catalog/arrow_right_green.gif) no-repeat 25px 8px;
	padding-left: 40px;
	line-height: 22px;
	border-top: 1px dotted #777;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
}

ul.category li.first {
	border: none;
}

ul.category li ul {
	margin-left: -40px;
}

ul.category li ul ul {
	margin-left: -80px;
}

ul.category li ul li {
	background: url(../images/catalog/arrow_right_green.gif) no-repeat 65px 8px;
	padding-left: 80px;
}

ul.category li ul li ul li {
	background: url(../images/catalog/arrow_right_green.gif) no-repeat 105px 8px;
	padding-left: 120px;
}

ul.category li.odd {
	background-color: #f5f5f5;
}

ul.category li.even {
	background-color: #ebebeb;
}

ul.category li:hover {
/* 	background-color: #c2ccdd; */
	color: #819e10;
	cursor: pointer;
}

ul.category li.selected {
	background-color: #014689;
/* 	border-bottom: none; */
	color: #fff;
}

/* !TABS */

.osTabs {
    float: left;
    width: 420px;
	margin: 0 0 0 15px;
}

.osTabs ul {
    margin: 0;
    padding: 0;
	height: 26px;
    list-style: none;
}
	
.osTabs li {
    float: left;
    margin: 0;
    background: url(../images/catalog/ostab.gif) no-repeat;
	line-height: 26px;
}

.osTabs a:link,
.osTabs a:visited {
    display: block;
    width: 140px;
    color: #8392AA;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
	text-decoration: none;
}

.osTabs a:hover {
	color: #000;
}

.osTabs ul li.selected {
	background: url(../images/catalog/ostab_active.gif) no-repeat left top;
}

.osTabs ul li.selected a:link,
.osTabs ul li.selected a:visited {
	color: #FFF;
}

/* !TABLES */

.osTable {
	border-bottom: 10px solid #014689;
	font-weight: normal;
	color: #000;
	text-transform: none;
	line-height: normal;
}

.osTable thead td,
.osTable tfoot td {
	background-color: #014689;
	padding: 4px 2px;
	color: #80A3C4;
	font-weight: bold;
	line-height: 11px;
}

.osTable tbody td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}

/*
.osTable .nowrap {
	white-space: nowrap;
}
*/

.osTable .odd {
	background-color: #DFE8F7;
}

.osTable .even {
	background-color: #C0CCDF;
}

.osTable input.qty {
	width: 20px;
	border: 1px solid #80A3C4;
	font-size: 10px;
	text-align: center;
}

.osTable img {
	border: 0;
}

.osTable .compactAll {
	padding: 2px;
	background-color: #012345;
	color: #999;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.osTable .compactAll a:link,
.osTable .compactAll a:visited {
	color: #999;
}

.osTable .compactAll a:hover {
	color: #FFF;
}

.osTable .mainCat {
	background: url(../images/catalog/bg_mainCat_tile.gif) repeat-x left center;
	padding: 4px;
	color: #252525;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 30px;
	letter-spacing: 2px;
}

.mainCat .compact {
	background: url(../images/catalog/arrow_right_white.gif) no-repeat 15px center;
}

.mainCat .expanded {
	background: url(../images/catalog/arrow_down_white.gif) no-repeat 15px center;
}

.osTable .mainCat:hover {
	background: url(../images/catalog/bg_mainCat_tile_r.gif) repeat-x left center;
	color: #FFF;
}

.osTable .subCat {
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	padding: 2px;
	color: #252525;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 60px;
	letter-spacing: 1px;
}

.compact {
	background: url(../images/catalog/arrow_right_black.gif) no-repeat 50px center;
}

.expanded {
	background: url(../images/catalog/arrow_down_black.gif) no-repeat 50px center;
}

.osTable .subCat:hover {
	background-color: #999;
}

.legendTable {
	color: #60666F;
	font-size: 10px;
}

.legendTable td {
	padding: 2px;
}

/* CSS Document */

/* ===== SEARCH/CATEGORY LISTING CSS ===== */

#searchListings
{
    float: left;
    width: 622px;
    margin: 10px 0;
}

#searchListingsHeader
{
    width: 602px; /*622 actual */
    height: 56px;
    background: url("../images/catalog/search_header.gif") no-repeat;
    padding: 0 10px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

.queryNumber
{
    font-size: 16px;
}

#searchResults
{
    float: left;
    line-height: normal;
}

#searchListingsFooter
{
    float: left;
    width: 602px; /*622 actual */
    height: 56px;
    background: url("../images/catalog/search_footer.gif") no-repeat;
    padding: 0 10px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

/* ===== end SEARCH/CATEGORY LISTING CSS ===== */

/* ===== LIST VIEW CSS (SPECIFIC) ===== */

.listViewOdd
{
    /* odd numbered rows */
    float: left;
    margin: 1px 0;
}

.listViewOdd td
{
    padding: 5px 0;
}

.listViewEven
{
    /* even numbered rows */
    float: left;
    margin: 1px 0;
}

.listViewEven td
{
    padding: 5px 0;
}

.dividerH
{
    float: left;
    width: 622px;
    height: 1px;
    background: url("../images/catalog/divider_tile.gif") repeat-x;
}

/* ===== end LIST VIEW CSS (SPECIFIC) ===== */

/* ===== GRID VIEW CSS (SPECIFIC) ===== */

.gridView
{
    margin: 1px 0;
}

.dividerV
{
    width: 1px;
    background: url("../images/catalog/divider_tile.gif") repeat-y right top;
}

.gridPhoto
{
    margin: 10px auto;
}

.gridView .desc
{
    height: 100px;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
}

.gridView .footer
{
    height: 30px; /* 	background-color: orange; */
}

/* ===== end GRID VIEW CSS ===== */

/* ===== LINKS MANAGEMENT ===== */

#breadcrumbs a:link, #breadcrumbs a:visited
{
    color: #3360AA;
    text-decoration: none;
}

#breadcrumbs a:hover, #breadcrumbs a:active
{
    color: #819E10;
    text-decoration: underline;
}

#searchListings a:link, a:visited
{
    color: #3360AA;
    text-decoration: none;
}

#searchListings a:hover, a:active
{
    color: #819E10;
    text-decoration: underline;
}

#searchListings a:link.pageNo, #searchListings a:visited.pageNo
{
    color: #FFF;
    text-decoration: none;
    margin: 0 3px;
}

#searchListings a:hover.pageNo, #searchListings a:active.pageNo
{
    color: #014689;
}

/* ===== end LINKS MANAGEMENT ===== */

/* ===== BUTTONS ===== */

a.previous
{
    /* Previous arrow for search results */
    float: right;
    display: block;
    width: 11px;
    height: 14px;
    background: url("../images/catalog/btn_prevArrow.gif") no-repeat left center;
}

a:hover.previous
{
    background-position: -11px 0;
}

a.next
{
    /* Next arrow for search results */
    float: left;
    display: block;
    width: 11px;
    height: 14px;
    background: url("../images/catalog/btn_nextArrow.gif") no-repeat left center;
}

a:hover.next
{
    background-position: -11px 0;
}

a.first
{
    /* Jump to Beginning button for search results */
    float: left;
    display: block;
    width: 13px;
    height: 14px;
    background: url("../images/catalog/btn_first.gif") no-repeat left center;
}

a:hover.first
{
    background-position: -13px 0;
}

a.last
{
    /* Jump to End button for search results */
    float: right;
    display: block;
    width: 13px;
    height: 14px;
    background: url("../images/catalog/btn_last.gif") no-repeat left center;
}

a:hover.last
{
    background-position: -13px 0;
}

a.checkout
{
    float: right;
    display: block;
    width: 120px;
    height: 23px;
    background: url("../images/catalog/btn_checkout.gif") no-repeat left center;
}

/* ===== end BUTTONS ===== */
/* 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;
        }

/* CSS Document */

/* ===== SIDEBAR CSS ===== */

#user
{
    text-align: center;
}

#searchBox
{
    margin: 5px 0;
    padding: 5px 0;
}

#phoneTag
{
    width: 200px;
    margin: 0 auto;
}

#searchTypes
{
    background: url('../images/catalog/searchbox_mid.gif') repeat-y;
    padding: 10px 0px 10px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

.searchDropDown
{
    padding: 5px 0;
}

#categories div
{
    color: #93ADD7;
    text-align: left;
    text-indent: 1px;
    line-height: 16px;
    border-bottom: 1px solid #4c505e; /* 	border-top: 1px solid #ddd; */
}

#categories div:hover
{
    background: #4c505e url(../images/catalog/bullet_category.gif) no-repeat 25px center;
    font-size: 12px;
    color: #fff;
    text-indent: 5px;
    cursor: pointer;
}

/*
#categories div:hover a {
	color: #93ADD7;
	text-decoration: none;
}
*/

#filtersList
{
    color: #FFF;
    font-weight: bold;
}

.filter
{
    background: url(../images/catalog/filter_btm.gif) no-repeat center bottom;
    background-color: #676D80;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.filterHeader
{
    height: 22px;
    background: url(../images/catalog/filter_header.gif) no-repeat;
    line-height: 22px;
    color: #7C97C3; /*text-indent: 20px;*/
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.filter .param
{
    background: url(../images/catalog/filter_tile.gif) repeat-y;
    line-height: 20px;
    text-indent: 20px;
}

.filter .param a
{
    background: url(~/Content/../images/catalog/bullet_arrow.gif) no-repeat left center;
    padding-left: 12px;
}

/* !LISTS */

ul.attributes
{
    list-style-type: none;
    background: url(../images/catalog/filter_tile.gif) repeat-y;
    margin: 0;
    padding: 1px 0 1px 35px; /* changed 5px > 1px for spacing */
}

ul.history
{
    list-style-image: url(../images/catalog/bullet_arrow.gif);
}

ul.add
{
    list-style-image: url(../images/catalog/btn_add_attr.png);
}


ul.remove
{
    list-style-image: url(../images/catalog/btn_remove_attr.png);
}

ul.attributes li
{
    margin-bottom: 2px;
}

/* ===== end SIDEBAR CSS ===== */

/* ===== BUTTONS/LINKS ===== */

a.GO, button.GO
{
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/catalog/btn_go.png) no-repeat;
    border: 0;
    outline: none;
}

a:hover.GO, button.GO:hover
{
    background-position: -24px 0;
    cursor: pointer;
}

/* ===== end BUTTONS/LINKS ===== */
#productDetail {
    float: left;
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
}

.col01 {
    float: left;
    width: 490px;
}

.col02 {
    float: right;
    width: 220px;
}

#productDetail #title {
    font-size: 12px;
    font-weight: 700;
    color: #3360AA;
    height: 16px;
    border-bottom: 2px solid #3360AA;
}

#productDetail #photo {
    float: left;
    width: 110px;
    margin: 0 5px 5px 0;
}

    #productDetail #photo .btn {
        margin-bottom: 2px;
    }

#productDetail #description {
    /*border-bottom: 2px solid #DDD;*/
    float: left;
    /*height: 220px;*/
    overflow: auto;
    width: 370px;
    margin: 0 0 5px;
}

    #productDetail #description .title {
        font-size: 12px;
        font-weight: 700;
        color: #3360AA;
        height: 16px;
        margin: 0 0 5px 0;
        padding: 0;
    }

    /*srs.8/15/2023.*/
    #productDetail #description a {
        font-weight: bold;
    }

#productDetail .brand_logo {
    float: left;
    width: 130px;
    margin-right: 5px;
    text-align: center;
    padding: 5px;
}

#productDetail #rating {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 30%;
    padding: 5px;
}

#productDetail #buttons {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 165px;
}

#productDetail #extras {
    /* float: right;
     margin: 0 10px 0 0;
     text-align: center;
     width: 370px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

/*srs.8/15/2022. Added new css for new content display buttons (sds, tds, etc.)*/
#extras a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3360aa;
    background-image: linear-gradient(to bottom right, rgb(0 0 0 / 0), rgb(0 0 0 / 0.25));
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 0.4);
    margin: 4px;
    width: 44px;
    height: 44px;
    color: white;
    font-size: larger;
    font-weight: 700;
    text-decoration: none;
}

    #extras a:hover {
        background-color: #819e10;
    }

    #extras a.disabled {
        background-color: #ddd;
        color: #ddd;
    }

    #extras a.icon {
        font-family: "Font Awesome 5 Free";
        font-size: 20px;
        font-weight: 900;
    }

    #extras a.parts::before {
        content: "\f7d9";
    }

    #extras a.document::before {
        content: "\f15c";
    }

    #extras a.video::before {
        content: "\f144";
    }

    #extras a.list::before {
        content: "\f03a";
    }

#actions {
    border-bottom: 2px solid #3360AA;
    height: 16px;
    text-align: right;
}

#buyBox .header {
    float: left;
    width: 124px;
    height: 38px;
    background: url(../images/catalog/buyBox_top.gif) no-repeat left top;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: right;
    line-height: 29px;
    padding: 0 8px;
}

#buyBox .content {
    float: left;
    width: 130px;
    background-color: #C0CCDF;
    font-size: 11px;
    padding: 0 5px;
}

#buyBox .bottom {
    float: left;
    width: 140px;
    height: 8px;
    background: url(../images/catalog/buyBox_btm.gif) no-repeat left top;
    margin-bottom: 5px;
}

.rewards {
    background: url(../images/catalog/icon_rewards.jpg) no-repeat left 2px;
    float: left;
    height: 29px;
    width: 26px;
}

#specialOrder {
    font-size: 11px;
    text-align: center;
}

    #specialOrder strong {
        color: #900;
        text-transform: uppercase;
    }

#stockTag {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

#stockBox .header {
    background: url("../images/catalog/stockBox_top.gif") no-repeat scroll left top transparent;
    color: #FFF;
    float: left;
    font-size: 12px;
    font-weight: 400;
    height: 28px;
    line-height: 20px;
    text-align: center;
    width: 124px;
    margin: 10px 0 0;
    padding: 0 8px;
}

#stockBox .content {
    background-color: #C0CCDF;
    float: left;
    font-size: 11px;
    width: 130px;
    padding: 0 5px;
}

#stockBox .bottom {
    background: url("../images/catalog/buyBox_btm.gif") no-repeat scroll left top transparent;
    float: left;
    height: 8px;
    width: 140px;
}

#stockBox .content strong {
    text-decoration: underline;
}

#stockLocation {
    float: left;
}

#stockQty {
    float: right;
    text-align: center;
}

#viewedItemsBox .header {
    background: url("../images/catalog/rvBox_top.gif") no-repeat scroll left top transparent;
    color: #FFF;
    float: left;
    font-size: 12px;
    font-weight: 400;
    height: 28px;
    line-height: 20px;
    text-align: center;
    width: 124px;
    margin: 10px 0 0;
    padding: 0 8px;
}

#viewedItemsBox .content {
    border-left: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;
    float: left;
    font-size: 11px;
    width: 128px;
    padding: 0 5px;
}

#viewedItemsBox .bottom {
    background: url("../images/catalog/rvBox_btm.gif") no-repeat scroll left top transparent;
    float: left;
    height: 8px;
    width: 140px;
}

#viewedItemsBox .priceBox .price {
    font-size: 11px;
    height: 12px;
}

.tabbedBox {
    clear: both;
    font-size: 11px;
    line-height: normal;
    margin: 20px 0 0;
}

    .tabbedBox ul {
        border-bottom: 1px solid #ACACAC;
        height: 20px;
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    .tabbedBox li {
        border-right: 1px solid #FFF;
        float: left;
        line-height: 20px;
        margin: 0;
    }

    .tabbedBox a:link, .tabbedBox a:visited {
        background: none repeat scroll 0 0 silver;
        color: #444;
        display: block;
        text-decoration: none;
        padding: 0 12px;
    }

    .tabbedBox ul li:first-child {
        border-left: 1px solid #ACACAC;
    }

    .tabbedBox ul li.selected {
        border-bottom: 1px solid #00468A;
        font-weight: 700;
    }

        .tabbedBox ul li.selected a:link, .tabbedBox ul li.selected a:visited {
            background: none repeat scroll 0 0 #00468A;
            color: #FFF;
        }

#moreInfo {
    border-bottom: 1px solid #ACACAC;
    border-left: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;
    height: 200px;
    overflow: auto;
}

#altProductsBox {
    /*border: 1px solid #00468A;*/
    float: left;
    line-height: normal; /*width:688px;*/
    width: 98%;
    overflow: auto;
    padding: 10px;
}

.altProd {
    float: left;
    text-align: left;
    width: 140px;
    padding: 0 5px;
}

#altProductsBox .priceBox .price {
    font-size: 12px;
}

/* Mobile */

ul.smtabs {
    border-bottom: 1px solid #FFF;
    list-style: none outside none;
    margin: 0 !important;
    padding: 0;
    height: 9.7em !important;
}

    ul.smtabs li {
        float: left;
        list-style-image: none !important;
        text-indent: 0;
        margin: 0 1px 0 0 !important;
        padding: 0;
        width: 100%;
    }

    ul.smtabs a {
        background: none repeat scroll 0 0 #C2CCDD;
        color: #333;
        display: block;
        font-size: 1.2em;
        height: 1em;
        line-height: 20px;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: 0;
        margin: 0;
        padding: 0.5em;
    }

        ul.smtabs a:active {
            outline: medium none;
            font-weight: 700;
            background: none repeat scroll 0 0 #6187C1;
        }

        ul.smtabs a.current, ul.smtabs a.current:hover, ul.smtabs li.current a {
            background: none repeat scroll 0 0 #00468A;
            border-bottom: 1px solid #00468A;
            color: #FFF !important;
            cursor: default !important;
            font-weight: 700;
        }

div.smpanes div.smpane {
    display: none;
    background-color: #FFF;
    border: 1px solid #00468A;
    height: 21em;
    overflow: auto;
}

div.smpane div.smcontent {
    border-top: 18px solid #00468A;
    line-height: normal;
    padding: 10px;
}

/*Mobile*/



ul.tabs {
    border-bottom: 1px solid #FFF;
    height: 20px;
    list-style: none outside none;
    margin: 0 !important;
    padding: 0;
}

    ul.tabs li {
        float: left;
        list-style-image: none !important;
        text-indent: 0;
        margin: 0 1px 0 0 !important;
        padding: 0;
    }

    ul.tabs a {
        background: none repeat scroll 0 0 #C2CCDD;
        color: #333;
        display: block;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: 0;
        margin: 0;
        padding: 0 15px;
    }

        ul.tabs a:active {
            outline: medium none;
            font-weight: 700;
            background: none repeat scroll 0 0 #6187C1;
        }

        ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
            background: none repeat scroll 0 0 #00468A;
            border-bottom: 1px solid #00468A;
            color: #FFF !important;
            cursor: default !important;
            font-weight: 700;
        }

div.panes div.pane {
    display: none;
    background-color: #FFF;
    border: 1px solid #00468A;
    /*height: 275px; srs. 6/25/2019.*/
    overflow: auto;
}

div.pane div.content {
    border-top: 18px solid #00468A;
    line-height: normal;
    padding: 10px;
}

a.addimages {
    background: url("../images/catalog/btn_add../images.gif") no-repeat scroll left center transparent;
    display: block;
    height: 18px;
    width: 165px;
    margin: 2px 0;
}

a.relproducts {
    background: url("../images/catalog/btn_relproducts.gif") no-repeat scroll left center transparent;
    display: block;
    height: 18px;
    width: 165px;
    margin: 2px 0;
}

a.altproducts {
    background: url("../images/catalog/btn_altproducts.gif") no-repeat scroll left center transparent;
    display: block;
    height: 18px;
    width: 165px;
    margin: 2px 0;
}

a.addtofaves {
    clear: both;
    display: block;
    width: 140px;
    height: 24px;
    background: url(../images/catalog/btn_addtofaves.gif) no-repeat left center;
}

a.flyer {
    background: url("../images/catalog/btn_flyer.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    margin: 0 2px;
}

a.video {
    background: url("../images/catalog/btn_video.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    margin: 0 2px;
}

a.sds {
    background: url("../images/catalog/btn_sds.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    margin: 0 2px;
}

a.tds {
    background: url("../images/catalog/btn_tds.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    margin: 0 2px;
}

a.pst {
    background: url("../images/catalog/btn_pst.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    margin: 0 2px;
}

a.partslist {
    background: url("../images/catalog/btn_partslist.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    margin: 0 2px;
}

.relProducts {
    clear: both;
    margin: 0 0 5px;
}

.col03 {
    float: inherit;
    width: 622px;
}

#productDetail .titleWBorder {
    border-bottom: 2px solid #3360AA;
    color: #3360AA;
    font-size: 12px;
    font-weight: 700;
    height: 16px;
}

#productDetail .title {
    color: #3360AA;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
}

#productDetail .partNo {
    height: 30px;
}

#addFavsDiv {
    float: left;
    width: 140px;
}

.buyBox .header {
    background: url("../images/catalog/buyBox_top.gif") no-repeat scroll left top transparent;
    color: #FFF;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    line-height: 29px;
    margin-right: 4px;
    text-align: right;
    width: 140px;
    padding: 0;
}

.buyBox .content {
    background-color: #C0CCDF;
    float: left;
    font-size: 11px;
    width: 140px;
    padding: 0 5px;
}

.buyBox .bottom {
    background: url("../images/catalog/buyBox_btm.gif") no-repeat scroll left top transparent;
    float: left;
    height: 8px;
    margin-bottom: 5px;
    width: 140px;
}

.addtofaves a {
    background-image: url("../images/catalog/btn_addtofaves.gif");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 140px;
}

#viewedItemsBox .priceBox, #altProductsBox .priceBox, #AdditionalImages .priceBox, #AlternateProducts .priceBox {
    font-weight: 700;
    text-align: left;
}

.tabbedBox a:hover, ul.tabs a:hover {
    background: none repeat scroll 0 0 #6187C1;
    color: #FFF;
}

a:hover.addimages, a:hover.relproducts, a:hover.altproducts, a.addimages:hover, a.relproducts:hover, a.altproducts:hover {
    background-position: -165px 0;
}

a:hover.addtofaves, .addtofaves a:hover {
    background-position: -140px 0;
}

a:hover.flyer, a:hover.video, a:hover.sds, a:hover.tds, a:hover.pst, a:hover.partslist, a.flyer:hover, a.video:hover, a.sds:hover, a.tds:hover, a.pst:hover, a.partslist:hover {
    background-position: -44px 0;
}

/* FOR MOBILE */
#mobileProductDetail {
    float: left;
    width: 100%;
    margin: 0.1em 0;
}


.sm.col01 {
    float: left;
    width: 100%;
}

.sm.col02 {
    float: right;
    width: 100%;
}

#mobileProductDetail #title {
    font-size: 12px;
    font-weight: 700;
    color: #3360AA; /*height:16px;*/
    border-bottom: 2px solid #3360AA;
}

#mobileProductDetail #photo {
    float: left;
    width: 100%;
    margin: 0 5px 5px 0;
}

    #mobileProductDetail #photo .btn {
        margin-bottom: 2px;
    }

#mobileProductDetail #description {
    border-bottom: 2px solid #DDD;
    float: left;
    height: auto;
    overflow: auto; /*width: 100%;*/
    margin: 0 0 5px;
}

    #mobileProductDetail #description .title {
        font-size: 16px !important;
        font-weight: 700;
        color: #3360AA; /*height:16px;*/
        margin: 0 0 5px 0;
        padding: 0;
    }

/* CSS Document */

/* ===== MAIN NAVIGATION ===== */

#home #nav #t1 a, #tab2 #nav #t2 a, #tab3 #nav #t3 a.dropdown, #tab4 #nav #t4 a, #tab5 #nav #t5 a, #tab6 #nav #t6 a {
    background: url("../images/nav/btn_rollover.jpg") no-repeat right top;
}

#navbar {
    width: 100%;
    height: 49px;
    background: url("../images/pagetop.gif") no-repeat left top;
}

#navWrapper {
    /*float: left;*/
    width: 924px;
    margin: 0 auto;
}

#nav, #nav ul {
    list-style: none;
    /*GGG 3/26/2012 no need this setting   	line-height: 49px;*/
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

    #nav a {
        display: block;
        background: url("../images/nav/btn_normal.jpg") no-repeat right top;
        color: #F9F7DA;
        text-align: center;
        text-decoration: none;
        /*GGG 3/26/2012 new setting for nav-out menu. we can add Maximum 33 characters for the Menu name*/
        height: 33px;
        padding-top: 16px; /*end*/
    }

        #nav a:hover {
            background: url("../images/nav/btn_rollover.jpg") no-repeat right top;
        }

        #nav a.level3 {
            background: url("../images/nav/arrow_right.gif") no-repeat right center;
        }

        #nav a.level4 {
            background: url("../images/nav/arrow_right.gif") no-repeat right center;
        }

    #nav li {
        /* all list items */
        float: left;
        width: 154px; /* width of each nav button */
        padding: 0;
    }

        #nav li ul {
            /* secondary navigation */
            position: absolute;
            left: -999em;
            width: 190px;
            height: auto;
            padding: 0;
            background-color: #819E10;
            border-left: 1px solid #99B52A;
            border-bottom: 1px solid #252525;
            border-right: 1px solid #252525;
            z-index: 99999;
        }

            #nav li ul li {
                width: inherit;
                font-size: 11px;
                font-weight: normal;
                text-transform: none;
            }

                #nav li ul li .topitem {
                    background: url("../images/nav/subnav_drop.gif") repeat-x left top;
                }

                #nav li ul li a {
                    background: none;
                    width: 170px;
                    padding: 0 10px;
                    line-height: 24px;
                    text-align: left;
                    border-bottom: 1px solid #99B52A;
                }

                    #nav li ul li a:hover {
                        background: none;
                        background-color: #99B52A; /*color: #FFCC00;*/
                    }

    #nav a:hover.level3 {
        background: url("../images/nav/arrow_right.gif") no-repeat right center;
        background-color: #99B52A;
    }

    #nav a:hover.level4 {
        background: url("../images/nav/arrow_right.gif") no-repeat right center;
        background-color: #99B52A;
    }

    #nav li ul li a:hover.topitem {
        background: url("../images/nav/subnav_drop_r.gif") repeat-x left top;
        background-color: #99B52A;
    }

    #nav li ul ul {
        /* Tertiary Navigation */
        margin: -25px 0 0 191px;
        border-top: 1px solid #99B52A;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
    }

/* ===== end MAIN NAVIGATION ===== */

/* ===== CATALOG NAVIGATION  ===== */

#nav2Wrapper {
    /*float: right;*/
    width: 100%;
    display: table;
    text-align: center;
    background-color: #819E10;
}

    #nav2Wrapper.sm {
        float: none !important;
        width: 100% !important;
        height: 50px !important;
    }

#nav2 {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    text-align: center;
    /*margin-left: 134px;*/
}

    #nav2.sm {
        height: 30px !important;
        padding: 10px !important;
    }

    #nav2 li {
        display: inline; /*border-right: 1px solid #9AB825;*/
    }

        #nav2 li.last {
            border-right: none;
            padding-right: 9px;
        }

        #nav2 li a:link, #nav2 li a:visited, #nav2 li a:active {
            color: #F9F7DA;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
            line-height: 22px;
            padding: 0 9px;
        }

    #nav2.sm li a:link, #nav2.sm li a:visited, #nav2.sm li a:active {
        font-size: 20px !important;
    }

    #nav2 li a:hover {
        color: #252525;
    }

.cart {
    background: url(../images/catalog/icon_cart.gif) no-repeat left center;
    padding-left: 10px;
}

/* ===== end CATALOG NAVIGATION  ===== */

/* ===== FOOTER NAVIGATION ===== */

#footernav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #footernav li {
        display: inline;
        text-align: center;
        border-right: 1px solid #999;
    }

        #footernav li.last {
            border-right: none;
        }

        #footernav li a:link, #footernav li a:visited, #footernav li a:active {
            color: #3360AA;
            font-size: 11px;
            text-decoration: none;
            line-height: 22px;
            padding: 0 6px;
        }

        #footernav li a:hover {
            color: #819E10; /*background: url(../images/nav_tile.jpg) left top repeat; 	text-decoration: underline;*/
        }

/* ===== end FOOTER NAVIGATION ===== */

/* SRS. 10/27/2019. */
#popup-menu {
    position: absolute;
    z-index: 100;
    width: 96%;
}

    #popup-menu ul {
        list-style: none;
        background: #fff;
        border: 1px solid white;
        margin: 0;
        padding: 0;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }

        #popup-menu ul li {
            border-bottom: 1px solid whitesmoke;
        }

            #popup-menu ul li a {
                color: white;
                display: block;
                /*line-height: 32px;*/
                text-align: center;
            }

@charset"utf-8";#searchResult .content{width:100%;height:100%;margin:auto;padding:10px 0 5px 10px;float:left;border-bottom:1px dashed #CCC;}
.content_left{width:48%;*width:auto;height:auto;margin:0 0 10px 10px;padding:0;*padding:0 0 0 10px;float:left;border-right:1px dashed #CCC;}
.content_right{width:48%;*width:auto;height:auto;margin:0 0 10px 10px;padding:0;float:left;}
.title{font-size:15px;font-weight:bold;color:#0C0;}
.title a{width:100%;font-size:15px;font-weight:bold;color:#0C0;}
.img{float:left;padding:0 10px 10px 0;border:none;}
.price{font-weight:bold;font-size:12pt;color:rgb(153, 153, 153);}
.viewCount{font-size:small;color:rgb(153, 81, 23);}
.searchResultCount{color:#B45D16;font-size:12px;font-weight:bold;width:auto;margin: 0 10px 0 0; padding: 5px 10px 0 0;}
.browntitle{font-weight:bold; color:#B45D16;}

.j {
display:none !important;
width:34em;
}

#res { border:1px solid red; float:left;}
#mainSearch
{
    margin: 10px 10px 0; width:0;
    height:0;
    }
#searchResult
{
    margin: 10px 10px 0 0;
    }
#advancedSearch
{   
   margin:10px 10px 0 18px;
 }
/* !jQUERY SCROLLABLE STYLES */

.scrollable {
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 622px;
    height: 250px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/

.scrollable .items {
    /* this cannot be too large */
    /*   width: 20000em; */
    height: 20000em;
    position: absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/

.items .ad {
    float: left;
    position: relative;
}

/* position and dimensions of the navigator */

.navi { text-align: right; }

/* items inside navigator */

.navi a {
    display: inline-block;
    background: #3360aa;
    margin: 3px;
    padding: 2px 5px;
    color: #fff;
    font-size: 11px;
    /* CSS3 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.navi a:hover {
    background: #93add7;
    cursor: pointer;
}

.navi a.active { background: #819e10; }

a.btn-ad {
    display: inline;
    background: #333;
    border: 1px solid #fff;
    padding: 3px 0;
    width: 75px;
    height: auto;
    color: #fff;
    font: normal 11px Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /* CSS3 */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #111;
    -moz-box-shadow: 1px 1px 3px #111;
    box-shadow: 1px 1px 3px #111;
    background-image: linear-gradient(bottom, #333333 20%, #555555 80%);
    background-image: -o-linear-gradient(bottom, #333333 20%, #555555 80%);
    background-image: -moz-linear-gradient(bottom, #333333 20%, #555555 80%);
    background-image: -webkit-linear-gradient(bottom, #333333 20%, #555555 80%);
    background-image: -ms-linear-gradient(bottom, #333333 20%, #555555 80%);

    background-image: -webkit-gradient(
                                      linear,
                                      left bottom,
                                      left top,
                                      color-stop(0.2, #333333),
                                      color-stop(0.8, #555555)
);
}

a.btn-ad:hover {
    background: #819e10; /* green color */
    /* CSS3 */
    background-image: linear-gradient(bottom, #819e10 20%, #a3c420 80%);
    background-image: -o-linear-gradient(bottom, #819e10 20%, #a3c420 80%);
    background-image: -moz-linear-gradient(bottom, #819e10 20%, #a3c420 80%);
    background-image: -webkit-linear-gradient(bottom, #819e10 20%, #a3c420 80%);
    background-image: -ms-linear-gradient(bottom, #819e10 20%, #a3c420 80%);

    background-image: -webkit-gradient(
                                      linear,
                                      left bottom,
                                      left top,
                                      color-stop(0.2, #819e10),
                                      color-stop(0.8, #a3c420)
);
}
ul.topnav li {
    float: left;
    margin: 0;
    position: relative;
}

    ul.topnav li a {
        color: #FFFFFF;
        display: block;
        float: left;
        padding: 10px 5px;
        text-decoration: none;
    }

        ul.topnav li a:hover {
            /*background:url("/Content/../images/topnav_hover.gif") no-repeat scroll center top transparent;*/
        }

    ul.topnav li span {
        /*background:url("/Content/../images/subnav_btn.gif") no-repeat scroll center top transparent;
float:left;
height:35px;
width:17px;*/
    }

        ul.topnav li span.subhover {
            background-position: center bottom;
            cursor: pointer;
        }

    ul.topnav li ul.subnav {
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        background: none repeat scroll 0 0 #819E10;
        border: 1px solid #111111;
        display: none;
        float: left;
        left: 0;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 22px;
        width: 120px;
        z-index: 200;
    }

        ul.topnav li ul.subnav li {
            border-bottom: 1px solid #819E10;
            border-top: 1px solid #819E10;
            clear: both;
            margin: 0;
            padding: 0;
            width: 120px;
        }

html ul.topnav li ul.subnav li a {
    background: no-repeat scroll 10px center #819E10;
    float: left;
    padding-left: 20px;
    width: 100px;
}

    html ul.topnav li ul.subnav li a:hover {
        background: no-repeat scroll 10px center #819E10;
    }

#nav2 li a:hover {
    color: White !important;
}

ul.thumb
{
    float: left;
    list-style: none;
    margin: 0;
    z-index: 1;
}
ul.thumb li
{
    text-align: center;
    display: block;
    width: 110px;
    list-style-type: none;
    margin: 0;
    position: relative; /* Set the absolute positioning base coordinate */ /*width: 110px;*/
    height: 75px;
    z-index: 2;
}
ul.thumb li img
{
    width: 100px;
    height: 100px; /* Set the small thumbnail size */
    -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
    border: 1px solid #ddd;
    background: #f0f0f0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
ul.thumb li img.hover
{
    background: url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect border: none; /* Get rid of border on hover */
}

