/*REQURED FOR FOOTER AT BOTTOM */
html, body {
    height: 100%; 
}
#mainContainerSF {
    min-height: 100%;
}
#mainContentSF {
    max-width: 1280px;    
    width: 100% !important;
    padding-bottom: 68px !important; /* Must match height of footer (compensate for MoreHTML Body and other spacing variation in screen height) */
}

/*** FOOTER***/
footer {
    position: relative;
    width: 100%;
    margin-top: -68px; /* compensate as need for perfect fit with #mainContentSF */
    clear: both;
    /* Above CSS required for footer at bottom */
    padding: 0;
    background: #002d61; /* Primary Color */
    height: 68px;
}
.footerCopyright {
    font-family: Poppins, sans-serif !important;
    color: #b3b4b5; 
    line-height: 68px;
}

/* End Footer*/

/* Social Media Links */
.social-media-links {
    text-align: center; /* Center align the icons */
    padding: 20px 0;
    background-color: #002d61; /* Primary Color */
}

.social-media-links a {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
}

.social-media-links img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s, opacity 0.3s;
}

.social-media-links a:hover img {
    transform: scale(1.1);
    opacity: 0.7;
}

/* Social Media Icons */
.social-icon.instagram img {
    filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.social-icon.facebook img {
    filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.social-icon.flickr img {
    filter: invert(0%) sepia900%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}




/* Override for Corry */
.ui-box,
.ui-box header,
.ui-box section {
    border-radius: 0;
}

body {
    margin: 0 auto;
    height: 100%;
    background-color: #FCFCFC;
    background-repeat: no-repeat;
    overflow-x: hidden;
    font-family: Poppins, sans-serif !important;
}
.tag {
    font-family: Poppins, sans-serif;
    color: #666666;
    font-size: 9px;
    line-height: 1.2em;
}
.boldbody {
    font-family: Poppins, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
}
.smallbody {
    color: #666666;
    font-family: Poppins, sans-serif;
    font-size: 10pt;
}
.tinybody {
    color: #666666;
    font-family: Poppins, sans-serif;
    font-size: 9px;
}
.tinybodysup {
    vertical-align: text-top;
    color: #444;
    font-size: 25px; 
    font-family: Poppins, sans-serif;
    font-weight: bold;
}
.signoff {
    font-family: Poppins, sans-serif;
    color: #336699;
    font-size: 11px;
    line-height: 1.2em;
}
.login {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: 600;
    width: 100%;
    background-color: transparent;
    padding:8px 0 10px 10px;
    color: #fff;
}
a.login {
    color: #444;
    text-decoration: none;
    font-weight: bold;
    padding-right: 15px;
    padding-left: 15px;
    text-transform: capitalize;
    background: #fff;
    border-radius: 6px;
}
a.login:hover {
    color: #000;
    text-decoration: none;
    background-color: #f89521; /* Highlight Color */
}
.loginWelcome, .loginLogout {
    background-color: transparent;
}
.loginWelcome span {
    float: right !important; 
}
.tableLogin {
    position: relative;
    float: right;
    width: 100%;
    height: 50px;
    top: -50px;
    z-index: 1;
}
.tableMain {
    position: relative;
    top: -30px;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    background-color: transparent;
    padding: 10px;
}
.tableSiteBanner {
    position: absolute;
    top: 0;
    height: 128px;
}
.tableSiteBanner img {
    z-index: 2;
    float: inherit;
    position: relative;
    height: 98px;
    margin: 12px 0;
}
.mainContentNB {
    color: #000000;
    padding-left: 15px;
    width: 745px;
}
a {
    font-family: Poppins, sans-serif;
}
A {
    color: #153B6B;
    text-decoration: none;
}
A:hover {
    color: #1c9ad6; /* Secondary Color */
    text-decoration: underline;
}
.copyright, A.copyright, A.copyright:link, A.copyright:visited {
    background: transparent;
    color: #D10005;
    font-family: Poppins, sans-serif;
    font-size: 10px;
    text-decoration: none;
}
A.copyright:hover {
    text-decoration: underline;
}
.anchor a{
    text-decoration: none;
}
.anchor a:hover {
    text-decoration: underline;
}
.clear {
    background-image: url(/img/_.gif);
    background-repeat: no-repeat;
    background-color: transparent;
}

/******************************************************************************************
* DTSS ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/

#headerInfoBar {
    position: relative;
    background: #002d61; /* Primary Color */
    width: 100%;
    height: 128px;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    font-family: Poppins Semi Condensed;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    border-bottom: 50px solid #1c9ad6; /* Secondary Color */
    z-index: 0;
}

#headerRedBar {
    position: absolute; 
    background: linear-gradient(90deg,rgba(0,153,216,.6),rgba(0,153,216,.9));
    top: 128px;
    width: 100%;
    height: 50px;
}

#headerRedBar:before {
    content: '';
    background-color: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

/* Main Navigation Menu */

#navWrapper {
    float: right; 
    position: absolute; 
    top: 0;
    line-height: 128px;
}

#menu { 
    width: 100%; 
    background: transparent; 
    position: relative;
    margin: 0 0 0 200px;
}
#menu li {
    float: left;
    text-align: left;
    margin: 0 auto;
    position: relative; 
    display: inline;
}
#menu li a {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .35px;
    color: #fff;
    height: 52px;
    padding: 10px 14px 10px 15px;
    line-height: 25px;
    text-decoration: none;
    text-transform: capitalize;
}
#menu li a:hover, #menu li.menuG a, #menu li:hover > a {
    text-decoration: underline;
    color: #fff;
}

/* END Main Navigation Menu */

/* LOGIN BOX*/
#bigbox {
    background-color: #fff;
    border: 6px solid #002d61; /* Primary Color */
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
/* END Login Box */

/* CATEGORY HEADER TEXT */
div.source {
    color: #282828;
    font-size: 50px; 
    font-family: "Poppins";        
    font-weight: 600;
    text-transform: uppercase;
}

/* FOOTER */
.footerSections {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto; 
}
#footerTop {
 
}
#footerBottom {
    height: 68px;
}
.footerCoyright { 
    color: #b3b4b5;
    font-size: 12px;
    line-height: 68px;
    font-family: Poppins Semi Condensed;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    text-align: left;
}

/* End Footer */

#backBtnSection,
#nextBtnSection {
    width: auto; 
}
#titleSection {
    width: 93%; 
}
#catalogWrap,
.prodCell {
    border: 2px solid rgba(0,0,0,.06); 
}

/* CHECKOUT HEADER */

.tableCheckoutHeader {
    display: block;
    float: inherit;
    position: relative;
    top: -20px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    z-index: 3;
}
.tableCheckoutHeader img {
    padding-left: 120px;
}
/* END Checkout Header */

.rightColumn {
    width: 240px;
}
.homeTable { 
    color: #005D40; 
    font-size: 12px; 
    font-family: Poppins, sans-serif; 
    font-weight: bold; 
    text-decoration: none;
}
.homeTable a { 
    color: #005D40; 
    font-size: 12px; 
    font-family: Poppins, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
}
.homeTable a:hover { 
    color: #009900; 
    font-size: 12px; 
    font-family: Poppins, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
}

/* Page Heading */
.pageHeading  { 
    color: #005D40; 
    font-size: 25px; 
    font-family: Poppins, sans-serif; 
    font-weight: bold; 
    font-style: italic; 
    float: left; 
    padding-right: 20px; 
}
/* END Page Heading */

/* Product Heading */
.prodHeading  { 
    color: #005D40; 
    font-size: 20px; 
    font-family: Poppins, sans-serif; 
    font-weight: bold; 
    font-style: italic; 
    float: left; 
    padding-right: 20px; 
}
/* END Page Heading */

p.style1 { 
    color: #444; 
    font-size: 25px; 
    font-family: Poppins, sans-serif; 
    font-weight: bold; 
}

/******************************************************************************************
* END DTSS ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/

.body {
    color: #333333;
    font-size: 13px;
    line-height: 1.2em;
}
h1 {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 1.2em;
}
.h1 {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
}
h2 {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    line-height: 1.2em;
}
.h2 {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
}
h3 {
    font-family: Poppins, sans-serif;
    font-size: 13px;
    line-height: 1.2em;
}
.h3 {
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2em;
}
.inputBody {
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    text-decoration: none;
}

/* cart image */
table.tblImage {
    border: 1px solid #CCCCCC;
}
table.tblImage td {
    background-color: #FFFFFF;
    padding: 0em;
    margin: 0em;
    text-align: center;
    vertical-align: middle;
}

/******************************************************************************************
* DTSS ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

#TCtable {
    background: none;  
    padding: 0;
}
#TCtable td {
    background: none;
}

.TCCaption { 
    color: #BDBDBD; 
    font-style: italic; 
}

ul.TreeControl {
    float: inherit;
    position: relative;
    padding: 10px;
}
ul.TreeControl { 
    color: #ffffff; 
}
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed {  }
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog {
    float: inherit;
    position: relative;
    color: #fff; 
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    border: none;
    background: #002d61; /* Primary Color */
    border-radius: 6px;
    margin-bottom: 5px;
    text-align: left;
    height: 42px;
    line-height: 42px;
}
ul.TreeControl li { 
    list-style: none; 
}
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { 
    margin-bottom: 5px; 
    padding: 0; 
    font-size: 10pt;
}
ul.TreeControl ul {  }
ul.TreeControl li a  {
    cursor: pointer; 
    text-decoration: underline; 
    color: #000000; 
}
ul.TreeControl li a:hover { 
    padding-left: 5px; 
    cursor: pointer; 
    text-decoration: underline; 
    color: #224390; 
}
ul.TreeControl li.TCopen a { 
    list-style: none; 
    background: none; 
    text-decoration: none; 
    color: #fff; 
}
ul.TreeControl li.TCclosed a { 
    list-style: none; 
    background: none; 
    text-decoration: none; 
    color: #fff;
}

ul.TreeControl li.TCbullet {
    padding: 4px 10px 4px;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
}
ul.TreeControl li#active a:before {
    content: '\f061';
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    color: #002d61; /* Primary Color */
    position: absolute;
    left: 0;
}
ul.TreeControl li.TCbullet a { 
    list-style: disc; 
    background: none;
    color: #000;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 10px;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0px;
    text-align: left;
}
ul.TreeControl li.TCbullet a:hover { 
    color: #000;
}

ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; }

/******************************************************************************************
* END DTSS ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

.shopping_cart_icon path { 
    fill: #456888; 
}
#cartCountBadge { 
    background: #456888; 
}

.catalogTbl {
    background-color: transparent;    
    padding: 0 !important;
}

/*******************************************************************************************
* Shopping Cart *
*******************************************************************************************/

#cartContainer {
    position: relative;
    top: -100px !important;
    right: -90px;
}  
#cartIcon {
    color: #fff;
    position: absolute;
    right: 4px;
    padding: 0;
    font-size: 24pt;
}    
#cartCountBadge {
    background: #99C456;
    position: absolute;
    right: 0;
    margin: 0;
    border-radius: 100px;
    padding: 0px 2px;
    line-height: 19px;
    border: 1px solid #fff;
}
#cartDesc {
    display: none;
}
#cartCount {
    background: transparent;
    border: none;
}

/* FONT OVERRIDE */
ul#listbigger li a, 
ul#listbigger li a span {
    font-family: Poppins, san-serif;
}
.checkoutProgress {
    top: -30px;
    border: 0;
}

/******************************************************************************************
* My Account Overrides *
*******************************************************************************************/

#quickLinks header {
    display: none;
}

#quickLinks section {
    padding: 0;
    border-radius: 0;
}

#listbigger li {
    position: relative;
}
#listbigger li,
#listbigger li:hover {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0;
}
#listbigger li:last-child {
    border: none; 
}

.QLicon,
#listbigger li:hover .QLicon {
    border: none !important; 
}

.QLicon span {
    right: -40px;
}

#listbigger li .QLicon {
    background: none;
}

#listbigger li .QLicon:before {
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-size: 20px;
    font-weight: 400;
}

/* CHANGE ICONS */

#QLorders .QLicon:before {
    content: "\f0d1";
}
#QLcatalog .QLicon:before {
    content: "\f02d";
}
#QLaddressBook .QLicon:before {
    content: "\f1fa";
}
#QLprofile .QLicon:before {
    content: "\f007";
}

/******************************************************************************************
* END My Account Overrides *
*******************************************************************************************/