/*******************************************/
/* Engineering Style sheet for IFO, in progress */
/*******************************************/
/* necessary details...                    */
/*******************************************/

html, body{ 
 /*margin:0; 
 padding:0;*/ 
 text-align:center; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 color:#575454;
 padding-top:54px;
} 

.image-flipped {
    transform: scaleX(-1);
}


p.products {
 font-size: 10pt;
 line-height: normal;
}

p.intro {
 font-size: 10pt;
 line-height: normal;
}

p.duties_require {
 font-size: 10pt;
 line-height: normal;
 margin-left: 10px;
}

h1 {
    font-size: 16pt;
    color: #244c92;
    text-align: left;
    line-height: normal;
    font-weight: bold;
    font-style: italic;
}

#page-headline {
  position: sticky;
  top: 200px; /* adjust if your nav is taller */
  z-index: 1000;
  margin: 0;
  padding: 6px 8px;
  background: orange;
  font-size: 16pt;
  color: #244c92;
  text-align: left;
  line-height: normal;
  font-weight: bold;
  font-style: italic;
}

h1.white-type-shadow {
    font-size: 24pt;
    color: #fff;
    text-shadow: 1px 1px #585A5E;
}

h1.white-type-shadow-offerings {
    font-size: 24pt;
    color: #fff;
    text-shadow: 1px 1px #585A5E;
	background-image: url("/images/blue-background-968px.jpg");
	width: 960px;
	height: 70px;
	margin-top: 0px;
	padding-left: 30px;
	padding-top: 30px;
	background-repeat: no-repeat;
}

h1.homepage {
 text-align:center;
    
}

h1.coming-soon {
 width:800px;
 font-size: 24pt;
 text-align: center;
}

h1.shoppingCart {
 color: #e81212;
 background-color: cornsilk;
}


.red-text {
 color: #e81212;
}

.green-text {
 color: #1b8418;
}

.yellow-highlight{
 background-color: cornsilk;
}

.font-14 {
 font-size: 14pt;
}

h2 {
 font-size:11.5pt;
 color:#666666;
 font-weight:normal;
 line-height:normal;
}

h2 {
 font-size:11.5pt;
 color:#666666;
 font-weight:normal;
 line-height:normal;
}

h2.green {
font-size: 14pt;
color: #1b8418;
font-weight: normal;
line-height: normal;
}

h2.solid {
border-style: solid;
margin: 20px;
padding: 20px;	
}

h2.coming-soon {
font-size: 18pt;
color: #1b8418;
}

h2.jobs {
font-size: 15pt;
}

h2.homepage {
 width:800px;
}

h2.glossary {
    font-size:20pt;
   }


h2.products {
 font-size:11pt;
 font-weight:bold;
 color:#378c0b;
 text-align: center;
}

h2.connectors {
    font-size:7pt;
    font-weight:bold;
    color:#2e3033;
    text-align: center;
   }

a, a:link, a:visited { text-decoration: none; }


h2.white {
 color:#ffffff;
	font-weight:bold;
}

h3{ 
 font-size:10pt;
 color:#378c0b;
 font-weight:bold;
}

h3.green{ 
 font-size:11pt;
 color: blue;
 font-weight:normal;
}

h3.green a{ 
 font-size:11pt;
 color:#428521;
 font-weight:normal;
}

h3.red a{ 
 font-size:11pt;
 color:#F31010;
 font-weight:bold;
}

h3.gray { 
 font-size:10.5pt;
color:#666666;
 font-weight:bold;
line-height: normal;

}

h3.black { 
 font-size:10.5pt;
color: black;
 font-weight:bold;
line-height: normal;
}


h3.black-dashed { 
 font-size: 11pt;
color: black;
 font-weight:bold;
border-bottom: 1px dashed black;
padding: 0 0 7px 0;
}

h4{ 
 font-size:7pt;
 color:#666666;
 font-weight:bold;
}

h4.readmore{ 
 font-size:6pt;
}

hr{ 
  border-left: solid #d5d4d4;
}

hr.new2 { 
border-left: 1px solid #d5d4d4;
margin-top: 20px;
margin-bottom: 20px;
}

/* Dashed black dotted border */
.black-dotted {
  border-top: .5px dashed black;
}

fieldset{ 
border: none;
width: 850px;
margin-left: 20px;
margin-bottom: 15px;
}

tbody{ 
border: none;
width: 850px;
margin-left: 50px;
margin-bottom: 15px;
}
/*********************************************************************************************************************/
/* header section, contains 3 rows/divs - company name + search box, main banner image and horizontal navigation bar */ 
/*********************************************************************************************************************/

#header-img{ 
 width:1200px; 
 height: 99px;
 background-image: url("/images/ifo-banner-animate2new.gif");
 background-repeat: no-repeat;
 background-position: bottom center;
 z-index: 9;
} 

#navbar{
 height: 28px;
 background-color: #87939d;
 padding: 0px;
 margin: -1px 0px 0px 0px;
 text-align: center;
 z-index: 91;
 vertical-align: middle;
}

/******************************************************************************************************/
/* left column, set to 187 wide, will be purple for educational section, blue for engineering section */ 
/******************************************************************************************************/

#leftcol{
 /*background-image: url("/images/eng-leftcol-gradient-2b.jpg");
 background-repeat: repeat-x;*/ 
 border-left: 1px solid #666666;
}


#leftcol.hr {
 color: #d8d9da;
}

.sidenav {
 text-align: left;
 background-color:#ffffff;
}



#sidenav-links{
 float: right;
 width: 168px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 color: #000000;
 line-height: 11pt;
} 

#sidenav-links ul {
 list-style: none;
 margin: 0;
 padding: 0;
  border-top: 1px solid #d8d9daf;
  border-bottom: 1px solid #d8d9da;
}

#sidenav-links li A:link{
 display: block;
 color:#000000;
 text-decoration:none;
 padding: 5px 0px 5px 0px;
 border-top: 1px solid #d8d9da;
 border-bottom: 1px solid #d8d9da;
 }
#sidenav-links li A:visited {
 display: block;
 color:#000000;
 text-decoration:none;
 padding: 5px 0px 5px 0px;
 border-top: 1px solid #d8d9da;
 border-bottom: 1px solid #d8d9da;
}
#sidenav-links li A:hover {
 display: block;
 background-color: #d8d9da;
 color:#ffffff;
 text-decoration:none;
 padding: 5px 0px 5px 0px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
}
#sidenav-links li A:active {
 display: block;
 color:#be3a3b;
 background-color: #ffffff;
 padding: 5px 0px 5px 0px;
 border-top: 1px solid #d8d9da;
 border-bottom: 1px solid #d8d9da;
}
.wrapper{
	clear: both;
  display: table;
}
.sidenav-lg-links{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff ;
 line-height: 18pt;
 text-align: left;
 padding: 10px 0px 10px 18px;
}

.sidenav-lg-links A:link {
 	color:#ffffff;
 	text-decoration:none;
}
.sidenav-lg-links A:visited {
 	color:#ffffff;
 	text-decoration:none;
}
.sidenav-lg-links A:hover {
	 color:#000000;
 	text-decoration:none;
}
.sidenav-lg-links A:active {
 	color:#ffffff;
 	text-decoration:none;
}

.sidenav-inset {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 width: 155px;
 font-size: 8pt;
 color: #000000;
 text-align: left;
 padding: 0px 15px 0px 10px;
}

.sidenav-inset-h1 {
 color: #000000;
 font-weight: bold;
}

.sidenav-inset A:link {
 	font-size: 9pt;
 	color:536340;
 	text-decoration:none;
}
.sidenav-inset A:visited {
 	font-size: 9pt;
 	color:446775;
 	text-decoration:none;
}
.sidenav-inset A:hover {
 	font-size: 9pt;
 	color: #772e33;
 	text-decoration:none;
}
.sidenav-inset A:active {
 	font-size: 9pt;
 	color: #56aa42;
 	text-decoration:none;
}

.phoneNumber {
 color: #333333;
 text-align: left;
 font-weight: bold;
 padding: 0px 0px 0px 10px;
}

/**********************************/
/* main content area for all pages*/ 
/**********************************/
.clear {
	clear: both;
}
#maincol {
 min-height:335px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}

#rohs {
  font-size: 7.5pt;
  font-weight: bold;
}

#maincol A:link, #onecolumn A:link, #narrowcolumn A:link {
	color:#0c37a5;
    font-weight: bold;
}

#maincol A:visited, #onecolumn A:visited, #narrowcolumn A:visited  {
 color:#0c37a5;
}

#maincol A:hover, #onecolumn A:hover, #narrowcolumn A:hover {
 color:#378c0b;
}

#maincol A:active, #onecolumn A:active, #narrowcolumn A:active  {
	color:#0c37a5;
}

#maincol img, #onecolumn img, #narrowcolumn img, #onecolumn-special-links img{
 border: none;
}

.home-pg-links A:link {
 	text-decoration:none;
}
.home-pg-links A:visited {
 	text-decoration:none;
}
.home-pg-links A:hover {
 	text-decoration:none;
}
.home-pg-links A:active {
 	text-decoration:none;
}

#onecolumn, #onecolumn-special-links #narrowcolumn{
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.default-links a:link{
 color:#294162;
}
.default-links a:visited{
 color:#294162;
}
.default-links a:hover{
 color:#378c0b;
}
.default-links a:active{
 color:#294162;
}
.price_blue_background {
 background-color:#D0DBEA;
}
.comment_blue_background {
 background-color:#BDD7FA;
}

.comment_asterik {
padding-top: 20px;
font-size: 8pt;
}

.padded_blue_background {
 padding: 10px;
 background-color:#BDD7FA;
}

.padded_yellow_background {
 font-size: 8pt;
 width: 150px;
 padding: 12px;
 background-color:#fff7cc57;
 border-color: #999999;
 border-radius: 15px;
 border-style: solid;
 border-width: 1px;
}

.padded_green_comment {
 font-size: 8pt;
 width: 150px;
 padding: 12px;
 background-color:#d6f7a657;
 color: #c64563;
 border-color: #999999;
 border-radius: 15px;
 border-style: solid;
 border-width: 1px;
}

.eng-comment-background {
background-color: #ffffcc;
border-top: 20px solid #ffffcc;
border-bottom: 20px solid #ffffcc;
border-left: 10px solid #ffffcc;
border-right: 10px solid #ffffcc;
}

.dark_blue_background {
 background-color:#294162;
 color: #ffffff;
 width: 850px;
}

.bright_blue_background {
 background-color:#7B8BA0;
 color: #ffffff;
}

.price_gray_background {
 background-color:#EFEFEF;
}

.black_background {
 background-color:#000000;
}

.white_background {
 background-color:#ffffff;
}

.grey_background {
 background-color:#E7EBF7;
}

.light-grey-background {
 background-color:#eeeeee;
}

.med-grey-background {
 background-color:#cccccc;
}

.zoom {
    transition: transform .4s;
    width: 150px;
    height: 185px;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  
  .zoom:hover {
    transform: scale(1.75); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

/*********************************************************************************************************************/
/* beginnning of css for shopping cart */ 


input[type="number" i] {
    width: 100px;
}

/*********************************************************************************************************************/
/* beginning ofcss for shopping carts */ 
/****

*********************************************************************************************************************/
/* beginning of table css for charts */ 
/*********************************************************************************************************************/
.product_header_style {
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
}

.product_header_style a:link {
 color:#ffffff;
 text-decoration: none;
}

.product_header_style a:visited {
 color:#ffffff;
 text-decoration: none;
}

.product_header_style a:hover {
 color:#ffffff;
 text-decoration: none;
}

.product_header_style a:active {
 color:#ffffff;
 text-decoration: none;
}



.product_header_style_01{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:50px;
 width:170px;
 font-size: 12px;
 padding-left: 10px;
}
.product_header_style_01a{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:50px;
 width:150px;
font-size: 12px;
}

.product_header_style_01a-padding{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:50px;
 width:150px;
 font-size: 12px;
 padding-left: 20px;
}

.product_header_style_01b{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:50px;
font-size: 12px;
}

.product_header_style_01c {
    background-color: #374961;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    height: 50px;
    width: 100px;
    font-size: 12px;
    padding-left: 20px;
}

.product_header_style-01d {
    background-color: #374961;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    height: 50px;
    width: 250px;
    font-size: 12px;
    padding-left: 20px;
}

.product_header_style-01dd {
    background-color: #374961;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    height: 40px;
    width: 250px;
    font-size: 12px;
}

.product_header_style_01e{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:50px;
 width:230px;
 font-size: 12px;
}


.product_header_style_01f {
    background-color: #374961;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    height: 50px;
    width: 100px;
    font-size: 12px;
	text-align: center;
}


.product_header_style_01g {
    background-color: #374961;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    height: 50px;
    width: 100px;
    font-size: 12px;
	text-align: center;
}


.product_header_style_02{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:350px;
    font-size: 12px;
}
.product_header_style_02c{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:400px;
    font-size: 12px;
}
.product_header_style_02-new{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 font-size: 12px;
 line-height: 1.3;
}
.product_header_style_02-width219{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height: 30px;
 font-size: 12px;
 line-height: 1.3;
 width: 219px;
}
.product_header_style_02-width500{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:500px;
 font-size: 12px;
 line-height: 1.3;
}
.product_header_style_02a{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:250px;
    font-size: 12px;
}
.product_header_style_02a-new{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 font-size: 12px;
}
.product_header_style_02b{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
    font-size: 12px;
}
.product_style_02{
 text-align: left;
    width:300px;
}

.product_style_02g{
 text-align: center;
}

.product_header_style_3{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 text-align:center;
}

.product_header_style_3-pof{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 text-align:center;
 height: 60px;
}


.product_header_style_03{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:84px;
 text-align: center;
    font-size: 12px;
}
.product_header_style_03a{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
 width:230px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style_03a-width270{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
 width:270px;
 text-align: left;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style_03sanswidth{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:80px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style_03b{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
 text-align: center;
    font-size: 12px;
}
.product_header_style_03c{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
 width:120px;
 text-align: center;
    font-size: 12px;
}
.product_header_style_03d{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:70px;
 width:230px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_header_style_04{
 background-color:#374961;
 padding-right: 10px;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:46px;
 text-align: center;
    font-size: 12px;
}
.product_header_style_04_right{
 background-color:#374961;
 padding-right: 10px;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:46px;
 text-align: right;
    font-size: 12px;
}
.product_header_style_04a{
 background-color:#374961;
	padding-right: 10px;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:120px;
 text-align: right;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style_04a-width25{
 background-color:#374961;
	padding-right: 10px;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:25px;
 text-align: right;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style_04width90{
 background-color:#374961;
	padding-right: 10px;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:90px;
 text-align: right;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style-4c{
 background-color:#374961;
	padding-right: 10px;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 width:120px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}
.product_header_style_04b{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:30px;
 text-align: right;
 font-size: 12px;
 padding-right: 10px;
}


.product_header_style_01-summary{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:70px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_header_style_02-summary{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:60px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_header_style_04-summary{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:90px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_header_style_05-summary{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:95px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_header_style_06-summary{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:140px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_header_style_07-summary{
 background-color:#374961;
 color:#ffffff;
 font-weight:bold;
 text-decoration: none;
 height:60px;
width:65px;
 text-align: center;
    font-size: 12px;
	line-height: 1.3;
}

.product_style_01{
 text-align: left;
	height: 30px;
	margin-left: 30px;
}	

.product_style_01a{
text-align: left;
padding-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
}	

.product_style_02{
 text-align: left;
    width:150px;
}
.product_style_03{
text-align: center;
vertical-align: text-top;
padding-top: 5px;
padding-bottom: 5px;
}

.product_style_03b{
 text-align: left;
}

.product_style_03c{
text-align: center;
vertical-align: text-top;
padding-top: 15px;
}
.product_style_03c_right{
text-align: right;
vertical-align: text-top;
padding-top: 15px;
}

.product_style_04{
 text-align: right;
 padding-right: 10px;
}

.product_style_04b{
 text-align: right;
 padding-right: 10px;
}
/*********************************************************************************************************************/
/* end of table css for charts */ 
/*********************************************************************************************************************/

.hdr {
 font-size:15pt;
 color:#294162;
 font-weight:bold;
 text-align: left;
}

.hdr2 {
 font-size:11pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
 line-height: 20px;
}

.hdr-center {
 font-size:22pt;
 color:#294162;
 font-weight:bold;
 text-align: center;
}

#large-font{
 font-size:12pt;
 text-align: left;
 font-weight:bold;
 }
 
 /* Changed for IFOTools DBK */
#large-gray-font {
 font-size:12pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
/* background-color: #374961; */
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    text-decoration: none;
    padding-top: 12px;
 }

#large-gray-font A:link {
 font-size:12pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
}

#large-gray-font A:visited{
 font-size:12pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
}

#large-gray-font A:hover{
 font-size:12pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
}

#large-gray-font A:active{
 font-size:12pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
}

#large-blue-font {
 font-size:12pt;
 color:#0000ff;
 text-align: left;
 font-weight:bold;
 }

#large-blue-font A:link {
 font-size:12pt;
 color:#0000ff;
 text-align: left;
 font-weight:bold;
}

#large-blue-font A:visited{
 font-size:12pt;
 color:#0000ff;
 text-align: left;
 font-weight:bold;
}

#large-blue-font A:hover{
 font-size:12pt;
 color:#0000ff;
 text-align: left;
 font-weight:bold;
}

#large-blue-font A:active{
 font-size:12pt;
 color:#0000ff;
 text-align: left;
 font-weight:bold;
}
.hdr-narrow {
 font-size:15pt;
 color:#294162;
 font-weight:bold;
 text-align: left;
 line-height: 26px;
} 
.hdr2-narrow {
 font-size:12pt;
 color:#666666;
 text-align: left;
 font-weight:bold;
 width: 230px;
 line-height: 23px;
}
.eska-hdr2 {
 font-size:16pt;
 color:#52dfbd;
 text-align: left;
 font-weight:bold;
}

.prodsubhdr {
 font-size:14pt;
 font-weight:bold;
 color:#000000;
}

.subhdr {
 font-size:10pt;
 color:#666666;
 margin-bottom: -10px;
}

.subhdr2 {
 font-weight:bold;
 color:#666666;
}

ul.bluediamonds {
 list-style-image: url("/images/bluediamond.gif");
}

ul.bluediamonds li{padding: 0px 0px 5px 0px;
 font-size: 10pt;
 text-align: left;
 }

ul.bluediamonds li.justone a{
 color: #378c0b;
 }
 
ul.largebluediamonds {
 list-style-image: url("/images/largebluediamond.gif");
}

#maincol  a.justone:link,
#onecol  a.justone:link,
#narrowcol  a.justone:link {
  color: #378c0b;
}
#maincol  a.justone:visited,
#onecol  a.justone:visited,
#narrowcol  a.justone:visited {
  color: #378c0b;
}
#maincol  a.justone:hover,
#onecol  a.justone:hover,
#narrowcol  a.justone:hover {
  color:#5bbb2c;
}
.tall-lines{
 line-height: 2.0;
}

.half-tall-lines{
 line-height: 1.5;
}

ul.spaceddiamonds {
 list-style-image: url("/images/bluediamond.gif");
 line-height: 1.8;
}

ul.greendiamonds {
 list-style-image: url("/images/greendiamond.gif");
}

ul.large-greendiamonds {
 list-style-image: url("/images/greendiamond.gif");
 font-size:12pt;
 font-weight:bold;
 line-height: 1.2;
}

/*2-boxes content section */
.boxes-content-chart {
  display: flex; /* Enables flexbox layout */
  flex-wrap: wrap; /* Allows the boxes to wrap on smaller screens */
  justify-content: space-around; /* Distributes space around items */
  align-items: flex-start; /* Align items to the top */
	padding-bottom: 20px;
}
.row-matrix {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.boxes-matrix {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    padding-left: 20px;
}

.boxes-matrix-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    padding: 10px;
}

.left-label {
  width: 120px;
  flex-shrink: 0;
  text-align: right;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 10px;
}

/*****************************/
/* Box Matrix for POF End Finishing */
/*****************************/

.box-matrix-center {
    flex: 0 0 200px; /* initial width */
    text-align: center;
}

.box-matrix-center-nowidth {
    text-align: center;
}

.box-matrix-wrap {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.box {
  background-color: white; /* Box background */
  color: #575454; /* Text color */
  /*padding: 20px; */
  padding: 0px 15px 20px 15px;
  text-align: center;
  flex: 1; /* Make each box take equal space */
  margin: 10px; /* Space between boxes */
  min-width: 200px; /* Set a minimum width for boxes */
  max-width: calc(50% - 20px); /* Ensure two boxes fit side by side with spacing */
  line-height: 18px;
}
.boxes-content-chart {
  display: flex; /* Enables flexbox layout */
  flex-wrap: wrap; /* Allows the boxes to wrap on smaller screens */
  justify-content: space-around; /* Distributes space around items */
  align-items: flex-start; /* Align items to the top */
	padding-bottom: 20px;
}
/* Flex container for both layouts */
.boxes-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 0 20px;
}

/* Flex container for both layouts */
.boxes-content-nogap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  /*gap: 20px;*/
  padding: 0 20px;
}

/* Shared box styles */
.box-content {
  background-color: white;
  color: #575454;
  text-align: left;
  min-width: 200px;
  line-height: 18px;
  flex-grow: 1;
  margin-bottom: 20px;
}

/* sub-category header row cells ---------------------------------- */
.subhead-row>td{
  position:sticky;
  top: 177px;
  z-index:999;             /* just under the H1 */
  background:#374961;
  color: #fff;
  border: none;        /* prevent inherited borders */
  box-shadow: none;    /* remove shadow artifacts between cells */
     }/* same as existing header colour */   
/*****************************/
/* Footer section of website */
/*****************************/
#footer{
 } 

#footer a:link{
 color:#666666;
}

#footer a:hover{
 color:#378c0b;
}

#footer a:visited{
 color:#666666;
}

#footer a:active{
 color:#666666;
}

/*@media(max-width: 1200px) {
h1.homepage {
 text-align: center;
 font-size: 20pt;
}  

h2.homepage {
    width: 1150px;
    font-size: 14pt;
}
.width959 {
 width: 1200px;
 vertical-align: top;
}    
h1 {
    font-size: 20pt;
}
        
#maincol {
 min-height:335px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11pt;
}
}