.cartNav { position:absolute; top:6px; right:23px; font-size:12px; color:#FFF; font-family:Arial,Verdana;} 
.cartNav a, .cartNav a:visited { color:#FFF; text-decoration:none;}
.cartNav a:hover { text-decoration:underline;}
#Navigation-387 .page-4323804 a {width:70px;}
#Navigation-387 .page-4323806 a {width:104px;}
#Navigation-387 .page-4323807 a {width:90px;}
#Navigation-387 .page-4323858 a {width:76px;}
#Navigation-388 .page-4323808 a {width:212px;}
#Navigation-388 .page-4323811 a {width:260px;}
#Navigation-388 .page-4323812 a {width:211px;}
#Navigation-388 .page-4323813 a {width:274px;}
.breadcrumb { border-style:solid; border-width:0px 0px 0px 0px;} 
#footerwrap {text-align:center;width:100%;}
body { margin: 0px; padding:0px; background-position:default; text-align:left; font-size:12px; color:#262626; font-family:Arial;} 
body table { text-align:left;}
 a,  a:visited { color:#5A7EA8; text-decoration:none;}
 a:hover { color:#638AB7; text-decoration:underline;}
#productImages li { width:222px; height:250px;} 
#maincolumn .productListNames a { font-size:12px;} 
#maincolumn .productListNames a.hover {cursor:pointer;}
h1 { margin: 0px  0px  0px  0px  ; border-style:solid; border-width:0px 0px 1px 0px; border-color:#e1e1e1; line-height:1.25; font-size:28px; color:#000; font-family:Times New Roman;} 
#searchContainer { width:335px; height:36px; margin: 0px  0px  0px  0px  ; padding:0px 0px 0px 0px; background-image:url('/images/112379/layout/searchbg2.png'); background-repeat:no-repeat; background-position:left top; float:left; z-index:1000;} 
h2 { height:20px; margin: 10px  0px  0px  0px  ; line-height:2.0; font-size:18px; color:#006EBD;} 
#pageContainer { width:100%;margin:0 auto;} 
#header { width:100%; height:163px; background-repeat:no-repeat; background-position:center top; position:relative; display:block;} 
.buttonSubmit { border-style:solid; border-width:1px 1px 1px 1px; border-color:#A3C3CD  #A3C3CD #2E84B4 #2E84B4; background-color:#C3D2DA; color:#1A3658;} 
#searchContainer #searchButton { width:29px; height:30px; margin: 2px  0px  0px  5px  ; padding:0px 0px 0px 0px; border-style:solid; border-width:0px 0px 0px 0px; background-color:transparent; background-image:url('/images/112379/layout/searchbut.png'); line-height:6; font-size:8px; color:transparent; text-indent:-9999px;} 
#searchContainer #searchBox { width:290px; height:25px; margin: 0px  0px  0px  1px  ; padding:0px 0px 0px 3px; border-style:solid; border-width:1px 1px 1px 1px; border-color:#1e79a6; background-image:url('/images/112379/layout/searchbg.png'); color:#9F9F9F;} 
#leftcolumn { width:215px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#maincolumn { width:960px; min-height:650px; padding:50px 20px 36px 20px; position:relative; float:left; line-height:1.75;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#footer { width:1000px; height:75px; display:inline-block; clear:both;} 
#Navigation-387 { width:340px !important; margin: -6px  0px  0px  0px  ; background-repeat:no-repeat; background-position:right center;} 
#Navigation-388 { width:964px !important; height:52px; margin: 0px  auto 0px  auto ; padding:14px 4px 0px 0px; background-image:url('/images/112379/layout/nav2bg.png'); position:absolute; left:20px; top:163px; right:20px;} 
#Navigation-389 { margin: 15px  0px  0px  20px  ;} 
#Navigation-389 ul li a { padding:2px 0px 2px 0px; font-size:11px;} 
#Navigation-389 ul li a.hover {cursor:pointer;}
#Navigation-388 ul li a { border-style:solid; border-width:0px 1px 0px 1px; border-color:#000 #095399 #000 #2f76bb; text-align:center; font-size:13px; color:#FFF; font-family:Arial,Verdana; font-weight:bold;} 
#Navigation-388 ul li a:visited { color:#FFF;}
#Navigation-388 ul li a.menuactive { color:#000;}
#Navigation-388 ul li a:hover { color:#000;}
#Navigation-388 ul li a.hover {cursor:pointer;}
#Navigation-387 ul li a { text-align:center; font-size:16px; color:#FFF; font-family:Arial; font-weight:bold;} 
#Navigation-387 ul li a:visited { color:#FFF;}
#Navigation-387 ul li a.menuactive { color:#000;}
#Navigation-387 ul li a:hover { color:#000;}
#Navigation-387 ul li a.hover {cursor:pointer;}
#Navigation-388>ul>li:first-child>a { border-style:solid; border-width:0px 1px 0px 0px;} 
#Navigation-389 ul li ul li a.hover {cursor:pointer;}
#categoryImages li { height:auto; margin: 0px  0px  0px  0px  ; padding:0px 0px 0px 0px; border-style:solid; border-width:0px 0px 0px 0px; text-align:left;} 
#sliderContainer { width:960px; height:287px;} 
.catListNames { width:200px; font-size:11px;} 
#categoryImages .catListGroupContainer { width:200px; margin: 0px  0px  0px  0px  ; padding:0px 0px 0px 0px; float:left; text-align:center;} 
/* Large fixed logomark */

/* #page-cont-logomark {position: fixed; top: 50%; transform: translate(50%, -50%); right: 40px; opacity: 0.05;}

#columnsContainer {background: url('/images/112379/star-industries-tile-bg.jpg'); background-repeat: repeat; background-size: auto;}
#maincolumn {background: #fff;} */

.logo {width:237px;height:101px;position:absolute;top:47px;left:20px;}

h1 {font-variant:small-caps;}

.address {width:500px;font-size:12px;color:#FFF;text-align:left;position:absolute;left:20px;top:0px;height:22px;padding-top:7px;}
.phone {width:500px;font-size:12px;color:#000;text-align:right;position:absolute;right:25px;bottom: 12px;height:15px;padding-top:8px;}

#Navigation-388 .page-4323810 a {border-right:0px;}

#categoryImages ul:first-child {width:150px;}

.productListStock {display:none;}


/*------ Responsive Upgrade 05-14-18 ------*/

@media handheld, only screen and (min-width:801px) {
#maincolumn {max-width: 1000px !important;}
}

body {min-width: 302px}
#header {max-width: 100%; box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1);}
#header-top-strip {width: 100%; background: #000;}
#header-top {position: relative; width: 1000px; height: 26px; margin: auto;}
#header-main-strip {width: 100%;}
#header-main {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; height: 134px; width: 1000px; margin: auto;}
#logo {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; width: 260px; padding: 20px;}
#nav-search-container {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 700px; margin: 20px; background: url(/images/112379/layout/navbg.png); background-position: center center; background-repeat: no-repeat; background-size: contain;}
#maincolumn {width: 1000px !important; margin: auto; float: none;}
#MainContent_contactFormContainer {top: 100px !important;}
#footerwrap {padding: 12px; background: #ededed;}

@media handheld, only screen and (max-width:800px) {
#header {padding-bottom: 8px;}
#header, #header-main {height: auto;}
#header-top {height: auto; text-align: center; padding: 12px 10px 8px;}
#header-top, #header-main {width: 100%;}
#header-main {justify-content: center; padding: 0 10px;}
.address, .cartNav {position: static; float: none; width: auto; height: auto; text-align: center; padding: 0;}
.cartNav {margin-top: 12px;}
#nav-search-container {margin: 0;}
#searchContainer {width: 235px; margin: 10px; padding: 4px 0;}
#searchContainer #searchBox {width: 200px;}
.phone {position: static; width: 100%; height: auto; margin: 12px 0; padding: 0; text-align: center;}
#maincolumn {padding: 12px 10px 36px !important;}
#newsletterContainer input[type="text"] {width: 181px;}
#productImages li {height: 230px;}
#MainContent_ctl00_secContactForm input[type="text"], #mainRegContainer textarea, #mainRegContainer select, #MainContent_LoginUser_Password, #MainContent_Password, #MainContent_ConfirmPassword, #mainRegContainer input[type="text"], #mainRegContainer input[type="button"], #mainRegContainer .buttonSubmit {width: 300px !important;}
.phoneXcontain {display: none;}
#MainContent_ctl00_secContactForm input[type="text"], #mainRegContainer textarea, #mainRegContainer select, #MainContent_LoginUser_Password, #MainContent_Password, #MainContent_ConfirmPassword, #mainRegContainer input[type="text"], #mainRegContainer input[type="button"], #mainRegContainer .buttonSubmit, #MainContent_secBilling select, #MainContent_secBilling, #MainContent_secBilling input[type="text"], #MainContent_secBilling select, #contactForm input, #contactForm select, #contactForm textarea {width: 350px !important;}
div#contactForm {max-width: 360px; margin: auto;}
}

@media handheld, only screen and (max-width: 700px) {
#MainContent_controlCart1_btnContinue, #MainContent_controlCart1_btnUpdate, #MainContent_controlCart1_btnCheckout {display: inline-block;}
}

@media handheld, only screen and (max-width:480px) {
#productImages li {height: auto;}
#MainContent_ctl00_secContactForm input[type="text"], #mainRegContainer textarea, #mainRegContainer select, #MainContent_LoginUser_Password, #MainContent_Password, #MainContent_ConfirmPassword, #mainRegContainer input[type="text"], #mainRegContainer input[type="button"], #mainRegContainer .buttonSubmit, #MainContent_secBilling select, #MainContent_secBilling, #MainContent_secBilling input[type="text"], #MainContent_secBilling select, #contactForm input, #contactForm select, #contactForm textarea {width: 260px !important;}
div#contactForm {max-width: 270px; margin: auto;}
}


/*------ Mobile Nav ------*/

div.slicknav_menu, a.slicknav_btn {background: #0055a5;}
div.slicknav_nav ul li {border: none !important;}
div.slicknav_nav ul li a {color: #fff;}
div.slicknav_nav ul li::before {content: ""; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); mix-blend-mode: soft-light; width: 100%; height: 1px; top: 0;}
div.slicknav_nav ul li::after {content: ""; display: block; position: absolute; background: rgba(0, 0, 0, 0.5); mix-blend-mode: soft-light; width: 100%; height: 1px; bottom: 0;}
div.slicknav_nav ul li a:hover, div.slicknav_nav ul li a:active {background: rgba(255, 255, 255, 0.1); text-decoration: none;}

/*--- Phone no ---*/

@media handheld, only screen and (min-width:801px) {
a.phoneNo {color: inherit !important; pointer-events: none; cursor: default;}
}

@media handheld, only screen and (max-width:800px) {
a.phoneNo {color: inherit !important; text-decoration: none; font-size: inherit !important;}
a.phoneNo:hover {text-decoration: underline !important;}
}
