/** Colors
	#2E363F	= blue
	#1b1f23	= darker blue
	#454b56	= brighter blue
	#1980B6	= darkblue
	#146794	= darker darkblue
	#239ee0	= brighter darkblue
 **************************************************************** **/

	/* theme main color [blue] */
	
	/** Colors by JC
	#2E363F	= blue
	#1b1f23	= darker blue
	#454b56	= brighter blue
	#1980B6	= darkblue
	#146794	= darker darkblue
	#239ee0	= brighter darkblue
 **************************************************************** **/

	/* theme main color [blue] */
	
	h1,h2,h3,h4,h5,h6,
	.divider.dark .fa,
	.divider.white .fa,
	div.tabs ul.nav-tabs li.active a,
	h4.panel-title a,
	div.toggle > label,
	.noimg-slider h1,
	.noimg-slider p,
	.list-icon li:before,
	.styleColor {
		color:#2E363F;
	}
	#slider h2,
	#slider .image-caption .inner p.dark,
	div.price-table.popular,
	.styleBackground {
		color:#fff;
		background-color:#2E363F;
	}
	/* overlay two colors */
	.overlay.color1 {
		background:rgba(41,47,56,0.8) !important;
	}
	.overlay.color2 {
		background:rgba(25,128,182,0.8) !important;
	}

/*11/14/22 JC tries to remove arrow on large menu
.dropdown-toggle:after { 
    content: none; 
}d
*/

/*12/6/22 2.5: $spacer * .61, //12/6/22 jc test  .61rem y .77rem x*/
.btn-pin{
    padding-left: ".61rem"!important;
    padding-right: ".61rem"!important;
    padding-top: ".77rem"!important;
    padding-bottom: ".77rem"!important;
}

/*11/27/22 JC adds for MC copied from theme.css*/
.bg-cover-mc {
   background-position:auto;
    background-repeat:no-repeat!important;
    background-size:auto
        
}

/*11/20/23 JC adds for FC copied from theme.css*/
.bg-cover-fc {
   background-position:auto;
   /* background-repeat:no-repeat!important;*/
    background-repeat: repeat-x;
    background-size:auto
        
}

/*2/1/23JC adds for darker form border copied from theme.css*/
.form-control {
  
  border: 1px solid #c6d3e6; !important/* WBC wants darker set to lighter by atropos  #e7eaf3*/
        
}

/* 11/22/22 start https://bootstrap-menu.com/detail-multilevel.html
============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
display: none;
position: absolute;
left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
right:100%; left:auto;
	}
    /*11/21/22 JC got from theme.css to try to remove nav arrow from lg screens */ 

.navbar .dropdown-item.dropdown-toggle:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 24 24'><g fill='none'><polygon points='0 0 24 0 24 24 0 24'></polygon><path fill='%236c757d' d='M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z' fill-rule='nonzero' transform='translate(12.000003, 11.999999) rotate(-270.000000) translate(-12.000003, -11.999999)'></path></g></svg>");
   
    /*display: inline-block;From atropos*/
        display: none;
        height: 1.25rem;
        opacity: .7;
        position: absolute;
        right: .3125rem;
        width:1.25rem
}

/*moving to media query*/
    
      
    
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
   
}	
/* ============ desktop view .end// ============ */
/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; 
      margin-right:0.7rem;
      margin-bottom: .5rem;
  }
    .dropdown-toggle{
        border-bottom: thin;
        border-bottom-style: ridge;
        border-bottom-color: darkslateblue
    }
    .submenu.dropdown-toggle{
        border-bottom: thin;
        border-bottom-style: ridge;
        border-bottom-color:aqua
    }
 .navbar-dark .navbar-collapse {
        background-color:#fff;
    /* background-color:slategray;*/
    }
    .navbar-dark .navbar-nav .nav-link, a.nav-link.hover {
    color:#000080
    /*color:#f9fbfd*/
}
      .navbar-dark .navbar-nav, nav-link:active, .dropend > li:hover {
    color:#D8171A
    /*color:#f9fbfd*/
}
    .nav-pills .nav-link.active, .nav-link.dropdown-item, a.nav-link.hover,.nav-pills .show > .nav-link {
   /* background-color: oldlace;*/
        /* background-color: #f1f4f8;*/
    color:#1b2a4e
}
    .navbar-dark .nav-link.dropdown-item.dropdown-toggle:hover,
        .navbar-dark .dropdown-item.dropdown-toggle:focus,
     .navbar-dark .dropdown-item.dropdown-toggle a,
     .navbar-dark .dropdown-item.dropdown-toggle enabled
     {
    color:#800000
   
}

.navbar-dark .navbar-toggler {
    border-color: transparent;
    color:#1b2a4e
}
    
/* 2/6/24 5:43PM  Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

}	
/* ============ small devices .end// ============ */
/* 11/22/22 end https://bootstrap-menu.com/detail-multilevel.html

/*11/18/22 JC tries to make dropdown closed*/
/* Style the dropdown content (hidden by default) */
.dropdown-content{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}




/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}
/**/

/*9/28/22 text decoration contralled here*/
	/* second color [orange] */
	a, .styleSecondColor, 
	.list-icon.color li:before,
	.item-box-desc small,
	p.dropcap:first-letter,
	ul.pagination a,
	ul.pagination a:hover,
	ul.pagination li.active .fa,
	ul.star-rated.styleSecondColor li i,
	.tp-catpion a,
	.divider.styleColor .fa {
		/*color:#1980B6;medium blue accessiblity errors*/
		/*color:#1a5c7e;/* a bit greensh bluejc change for accessiblity*/
		color:#20489f;/*4/27/20 JC changed for accessiblity*/
        text-decoration: none;
	}
	#slider .btn.btn-default {
		color:#1980B6 !important;
	}

	a:hover, a:active {
		color:#146794;
	}


.ArticleTitle {
	color: #660000;
}

/*JC added 10/6/22 */
.table-basket {
   border-collapse:separate;
   background-color: white !important;

       
  }

/* copied from theme.css
.table > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    padding:.72rem
}
*/

/*5/25/21 jc added when fuchsia from essentials.css would not render*/
.hotPink {
	/*color: fuchsia;*/
	color: #F012BE;
	font-size: smaller;
}
/* -body  {
	margin: 0; /*it's good practice to zero the margin and padding of the body element to account for differing browser defaults
 	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector 
/* 	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}*/

.ArticleCopyright {
	color: #660000}
	
}
/*body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	/*padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*color: #000000;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 100%;*/
	/*background-color: #FFFFFF;
}*/

.ArticleCaption p.ArticleCaption {
	color: #660000 !important;
	line-height: 1.5em;
}

.RefCitation {
	font-size: smaller;
	font-style: normal;
	font-weight: lighter;
	color: #660000;
	vertical-align: super;
}

.SuperScript {
	font-size: small;
	font-style: inherit;
	font-weight: lighter;
	vertical-align: super;
	line-height: 1.5;
}

.ArticleRelatedLinks {
	line-height: 1.5em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.addthis_whitebackground {
	background-color: #FFF;
	text-align: center;
}

.hangingindent {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 3em;
	text-indent: -20px;
}

.blockindent {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 50px;	
}

.overflow_scroll {
	overflow: scroll;	
}

/*body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/*	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}*/


/*.thrColFixHdr*/ #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 100px; /* padding keeps the content of the div away from the edges */
	clear: both;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFFFCC;
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#mainContent {
	/*JC updated 070815 for responsive site.  Make a media query for smaller screens to change padding*/
	
	
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	/*padding-left: 15px;*/
	background-color: #FFFFFF;
	height: auto;
	top: 0px;
	vertical-align: top;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: left;
	margin-left: 170px;
} 

#mainContent-shop {
	/*JC updated 070815 for responsive site.  Make a media query for smaller screens to change padding*/
	
	
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
	
	background-color: #FFFFFF;
	height: auto;
	top: 0px;
	vertical-align: top;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: left;
	/*margin-left: 170px; /*this allows left sdebar image in wrapper from layout.css to show*/
} 

#mainContent-tabbed {
	/*JC updated 070815 for responsive site.  Make a media query for smaller screens to change padding*/
	
	
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 15px;
	background-color: #CF0;
	height: auto;
	top: 0px;
	vertical-align: top;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: left;
	margin-left: 170px;
} 

.mainContent-home {
	margin-left: 0px;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

/*.thrColFixHdr  #mainContent-ie {  /* these settings work for 2 column pages */
/*	width: 580px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 170px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #FFFFFF;
	height: auto;
	top: 0px;
	vertical-align: top;
	border-left-style: solid;
	border-left-color: #FFFFFF;
} 

.thrColFixHdr #footer {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	clear: both;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	/*padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.mainContent-media {
	margin-left: 0px;
	/*width: 550px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;*/
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.productList {
	/*font-size: larger;*/
}
.focusbox {
	margin: 2px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	background-color: #A2EBE5;
	background-position: center;
	color: #660000;
	width: 100%;
}

.focusboxGrey {
	margin-top: 4px;
	margin-bottom: 4px;
	/*margin-left: 4px;
	margin-right: 4px;
	/*padding: 4px;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*text-align: center;*/
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;*/
	background-color: #D5DAE7;
	background-position: center;
	color: #660000;
	width: 100%;
}


.focusboxPink {
	margin-top: 4px;
	margin-bottom: 4px;
	/*margin-left: 4px;
	margin-right: 4px;
	/*padding: 4px;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*text-align: center;*/
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;*/
	background-color: #EFE2E4;
	background-position: center;
	color: #660000;
	width: 100%;
}

.heavier {
	margin: 2px;
	width: 100%;
	font-weight: bolder;
}

/*.thrColFixHdr #mainContent-mediahome {
	width: 550px;
}*/
#mainContent-media copyright {
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: lighter;
}
#Article Title {
	font-size: large;
	font-weight: bold;
	color: #330000;
	background-color: #99FF33;
}
.ReferringImageAndLink {
	padding-left: 25px;
	padding-bottom: 25px;
	float: right;
}

.productOrderedList {
	color: #996633;
}
.letterbox {
	/*color: #660000; /*maroon*/
	background-color: #f0f0f5;/*light grey*/
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
	width: 90%;
	font-style: italic;
}


.highlightbox {
	color: #660000;
	background-color: #FFFFFF; /*white*/
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.redlink a {
	color: #990000;
	font-weight: bold;
}
/*11/17/22 try to turn of
#container #landingWrapper {
	background-image: url(../images/common/col_bg_red.gif);
	background-repeat: repeat-y;
	background-position: left top;
}*/

/*#mediaWrapper {
	background-image: url(../images/common/col_bg_blue.gif);
	background-repeat: repeat-y;
	background-position: left 600px;
}
#container #mediaWrapper_helmet {
	background-image: url(../images/common/images-working/Helmet-extrudedon-blue155.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#container #scienceWrapper {
	background-image: url(../images/common/col_bg_burg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFF;
}
#container #scienceWrapper_helmet {
	background-image: url(../images/common/images-working/Helmet-extrudedon-burg155.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFF;
}
#container #globalWrapper_ionic_white {
	background-image: url(../images/common/W-ionic-column_Transparent.gif);
	background-repeat: repeat-y;
	background-position: left 120px;
	background-attachment: scroll;
}

#container #scienceWrapper_ionic_burg {
	background-image: url(../images/common/ionic-column_burg.gif);
	background-repeat: repeat-y;
	background-position: left 120px;
	background-attachment: scroll;
}
/* item wont display without this.  It also controlls the height */
   #mediaColumn_ionic_blue {
	background-image: url(../images/common/ionic-column_blue.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	background-attachment: scroll;
	z-index: 100;
	float: left;
	/*	overflow:auto;*/
	min-height:1500px;
	}


/*#tabbedWrapper  8/8/22 JC adds*/

  #leftColumn{
	padding:15px 0; 	/* top nav height */
	z-index:98;			/* under top nav */
    position:relative;
	background-color:#FFF; /* if background image used */
	/*display: inline-block;/* jc added 2/20/19 for editing visibility this added extra junk above footer--no good */
	/*overflow:hidden; /*jc note 2/20/19 comment this out for easier edits in DW cs6*/
	/*overflow:auto; /*jc note 2/20/19 auto renders flow in black boxes, no visible text  in DW cs6*/
	min-height:550px;
	background-image:url(../images/common/ionic-column_blue.gif);
	/*this is where the ionic column is contrlled	*/
	/*background-image: url(../../images/common/Sidebar1.jpg);*/
	background-repeat: repeat-y;
	background-position-y: 10px;
	padding-right: 10px;
	padding-left: 15px;
}	
/* 7/9/15 7:15PM  jc trying to get column to extend full length of column
	#mainContent  #mediaColumn_ionic_blue {
	background-image: url(../images/common/ionic-column_red.gif);
	background-repeat: repeat-y;
	background-position: left;
	min-height:1700px;
} */	

/*
#container #homeWrapper_ionic_red {
	background-image: url(../images/common/ionic-column_red.gif);
	background-repeat: repeat-y;
	background-position: left 120px;
	background-attachment: scroll;
}
#container #scienceWrapper_line {
	background-image: url(../images/common/col_BG_lines_right_red.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#container #homeWrapper {
	background-image: url(../images/common/col_BG_lines_right_red.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#container #homeWrapper-spanish {
	background-image: url(../images/common/col_bg_red.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#container #homeWrappernarrow {
	background-image: url(../images/common/col_bg_red100.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 115px;
}*/ 11/17/22 try to turn off
/*#container #homeWrapper-3cols {
	/*background-image: url(../images/common/fauxcolumnsHome_bg.gif);*/
	background-repeat: repeat-y;
	background-position: 50% top;
	background-color: #0F0;
}*/

.social-links {border: 2px solid #D16822; margin: 10px 0; padding: 5px; -moz-border-radius: 10px; border-radius: 10px;}
.social-links .social-link {float: left; margin-left: 25px;}
.social-links .first-child {float: left; margin-left: 0; height: 24px; line-height: 24px;}
.Question {
	font-weight: bold;
	color: #600;
}

.DoubleBarLink {
	background-color: #FFF;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #600;
	border-right-color: #600;
	border-bottom-color: #600;
	border-left-color: #600;
}

.SpanishNav {
background-color: #F1BF00;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AA151B;
	border-right-color: #600;
	border-bottom-color: #AA151B;
	border-left-color: #600;
    z-index: 3; /*1/26/23 JC wants behind expanded top nav--worked!*/
}


.MensCornerNav {
    z-index: 3; /*1/26/23 JC wants behind expanded top nav--worked!*/
}

.findernav {
    z-index: 3; /*2/6/24 JC wants behind expanded top nav--worked!*/
}

/*JC 2/7/24 to style active button*/
.findernav{
    /*border:2px solid red!important; */
    color: #fff!important;
    background-color: #6D1414!important;
    /*background-color: #D79293!important*/
    z-index: 3; /*2/6/24 JC wants behind expanded top nav--worked!*/
    }




.Highlighter {
	background-color: #FF9;
}
#sidebar-home-left {
	margin-right: 10px;
	font-weight: normal;
}
.outerWrapper {
	max-width: 991px;
	position: relative;
}
#espanol {
	position: absolute;!important;
	margin-top: 0 !important;
	top: 0px;
	overflow: visible;
	visibility: visible;
	/*z-index: 9999;*/
	right: 10px;
	float: right;
	margin-bottom: 3px; !important;
}