/* 2025-02-20 11:20 | Keith Josephson | Starting to replace inline styles with styles defined here. */
.ionBodyText { width: 60%; text-align: justify; font-size: medium; color: Red; vertical-align: top; font-family: tahoma, sans-serif; color: Navy; font-weight: normal; }

/* Older code */
A:link {color: blue; font-weight: 400; font-size: inherit; text-decoration: underline; }
A:visited {color: navy; font-weight: 400; font-size: inherit; text-decoration: underline; }
A:active {color: blue; font-weight: 400; font-size: inherit; text-decoration: underline; }
A:hover {color: DarkGreen; font-weight: 400; font-size: inherit; text-decoration: underline; }

    .FeatureTable {vertical-align: top; background-color: black; padding: 2px; border: 0px solid white; max-width: 1280px; width: 100%; margin: 0px; }
    .FeatureCell {color: Gold; background-color: black; padding: 0px; text-align: justify; font-family: tahoma, sans-serif; font-size: 16px; font-weight: 200; text-indent: 0px; margin: 8px; }
    .FeatureCell p {padding: 0px 10px 0px 10px; text-align: justify; margin-top: 0.25em; margin-bottom: 0em; }
    .Feature {vertical-align: top; text-align: justify; background-color: black; color: white; font-size: 9px; font-family: tahoma, sans-serif; font-weight: normal; }
    .FeatureHighlight {color: DodgerBlue; }
    .BelowFeature {vertical-align: top; text-align: justify; background-color: white; color: black; font-size: x-small; font-family: tahoma, sans-serif; font-weight: normal; max-width: 1280px; width: 100%; margin: 0px; padding: 0px; }
    .FHeading {font-family: tahoma, sans-serif; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 2px; font-size: 20px; font-weight: bold !important; color: Gold; }

    .FeatureList {color: Gold; list-style-type: disc; list-style-position: inside; font-size: 12px; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; }

    .FeatureListHand {color: Gold; list-style-image: url(/ion/cimage/hand.gif); list-style-type: disc; list-style-position: outside; font-size: 13px; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; }

    .IONtext { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: Navy; font-weight: normal; }

    A.FeatureTable:link {color: DodgerBlue; font-weight: normal; text-decoration: underline; } 
    A.FeatureTable:visited {color: Silver; font-weight: normal; text-decoration: underline; }
    A.FeatureTable:active {color: white; font-weight: normal; text-decoration: underline; }
    A.FeatureTable:hover {color: fuchsia; font-weight: normal; text-decoration: underline; }

A.FeatureTable:link {color: DodgerBlue; font-weight: normal; text-decoration: underline; } 
A.FeatureTable:visited {color: Silver; font-weight: normal; text-decoration: underline; }
A.FeatureTable:active {color: white; font-weight: normal; text-decoration: underline; }
A.FeatureTable:hover {color: fuchsia; font-weight: normal; text-decoration: underline; }

H1 { font-family: tahoma, sans-serif; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 2px; font-size: 20px; font-weight: bold !important; color: Gold; }

.model { font-family: tahoma, sans-serif; font-weight: bold; font-size: 20px; color: #000099; text-align: left; vertical-align: top; }

.footer { text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: medium; font-style: italic; }

.piii { text-align: left; vertical-align: middle; font-size: x-small; font-family: tahoma, sans-serif; color: #0033CC; font-weight: bold; }
.alert {color: red; font-weight: bold; font-style: normal; font-size: x-small; }

.ion { font-size: larger; font-family: arial, sans-serif; }
.ordinal {vertical-align:super; }

.IONtext { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: small; }
.IONsmall { text-align: left; vertical-align: bottom; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: lighter; font-size: small; }
.IONbig { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: large; }
.IONbigC { text-align: center; vertical-align: top; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: large; }
.IONbold { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: RoyalBlue; font-weight: bold; font-size: medium; }
.IONright { text-align: right; vertical-align: top; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: bold; font-size: medium; }

table {border-collapse: collapse; padding: 0; }
/*
table tr:hover{background-color:##ffffe0;}
*/

.IONTH { background: LightSkyBlue; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: Normal; font-size: 12px; }
.IONTD { background: White; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }
.IONTDR { background: White; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }
.IONTDY { background: Yellow; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }
.IONTDYR { background: Yellow; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }
.IONTDS { background-color: Gainsboro; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }
.IONTDSR { background-color: Gainsboro; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }
.IONplainTD { border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 12px; }

.order { text-align: justify; vertical-align: middle; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: bold; font-size: small; }
.orderh { text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: #003399; font-weight: bold; }
.orderx { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: x-small; }
.config { vertical-align: middle; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: normal; font-size: 8px; line-height: 10px; }
.price { text-align: left; vertical-align: middle; font-family: monospace; white-space: pre; color: blue; font-weight: bold; font-size: small; }
.PriceList { text-align: Right; vertical-align: top; font-family: tahoma, sans-serif; color: MediumBlue; font-weight: bold; font-size: small; }

.Code128 { font-family: "BarCode 128 Internal"; font-size: 18pt}

.altlink {text-align: center; font-family: tahoma, sans-serif; color: #0033FF; vertical-align: middle; font-weight: bold; }

.GreenArrow { list-style-image: url(/ion/cimage/hand.gif); list-style-type: square; list-style-position: outside; font-size: xx-small; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; color: navy; } 

.LinkBullet { list-style-image: url(/ion/cimage/hand.gif); list-style-type: square; list-style-position: outside; font-size: xx-small; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; color: navy; } 

.Bullet { list-style-image: url(/ion/cimage/bullet.gif); list-style-type: square; list-style-position: outside; font-size: small; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; color: black; }

.Cart { margin: 0px; padding: 0px; border-width: 0px; }
.OrderText { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: small; }
.Even { background: AliceBlue; font-weight: 300; font-size: small; font-family: tahoma, sans-serif; }
.Odd { background: GhostWhite; font-weight: 300; font-size: small; font-family: tahoma, sans-serif; }
.BOMEven { background: #EEEEFF; font-weight: 100; font-size: small; color: navy; font-family: tahoma, sans-serif; border: 1px solid navy; border-collapse: collapse; }
.BOMOdd { background: #FFFFCC; font-weight: 100; font-size: small; color: navy; font-family: tahoma, sans-serif; border: 1px solid navy; border-collapse: collapse; }
.whiteBox { background: white; border-width: 1px !important; border-color: gray; text-decoration: underline; }
.Top { background: White; font-weight: bold; font-size: x-small; font-family: tahoma, sans-serif; border-bottom-width: 2px; }
.Total { background: White; font-weight: bold; font-size: x-small; font-family: tahoma, sans-serif; text-decoration: overline; }
.CR {width: 98%; text-align: center; height: 1px; border-width: 0; color: gray; background-color: gray; }
.DR {margin-left: 40px; font-weight: bold; }

.standout {font-weight: bold; font-style: normal; font-size: medium;}
em {font-size: larger; font-style: normal !important; }
sup { font-size: 75%; }
select { color: navy; font-weight: normal; font-size: x-small; }
input { color: navy; font-weight: normal; font-size: x-small; }

/* 2017-10-18 | Keith Josephson | moved from bodyfooter.cfm */
/* nav */
.ionfootermenu {
    font-family: tahoma, sans-serif;
    text-align: left;
    width: 100%;
	font-size: 13px;
	position: relative;
	margin: 2px 0px;
}
.ionfootermenu ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.ionfootermenu li {
	margin: 0 10px 2px 0;
	padding: 0px;
	list-style: none;
	display: inline-block;
}
.ionfootermenu a {
	padding: 2px 4px;
	text-decoration: none;
	color: hsla(218, 95%, 50%, 1);
	line-height: 100%;
	border-radius: 5px;
}
.ionfootermenu a:hover {
	background-color: hsla(218, 95%, 90%, 1);
}
.ionfootermenu .current a {
	background-color: hsla(218, 95%, 50%, 1);
	color: White;
}
/* right ionfootermenu */
.ionfootermenu.right.right ul {
	text-align: right;
}

/* center ionfootermenu */
.ionfootermenu.center.center ul {
	text-align: center;
}

.ionfooter {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            -webkit-column-width: 200px;
            -moz-column-width: 200px;
            column-width: 200px;
            max-width: 600px;
            line-height: 200%;
}

/* 2017-10-18 | Keith Josephson | moved from datacenter.cfm */
@media screen and (max-width: 639px) {
    .WideOnly {display: none;}
    }
@media screen and (min-width: 640px) {
    .WideOnly {display: block;}
    }
@media print {
    .WideOnly {display: block;}
    }

/* 2017-10-18 | Keith Josephson | this commented line was already here, at the end... */
/* @import url(print.css) print */