.FeatureTable {vertical-align: top; background-color: black; padding: 0px; border: 0 solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.FeatureCell {color: Gold; background-color: black; padding: 2px; text-align: justify; font-family: tahoma, sans-serif; font-size: 16px; font-weight: 200; text-indent: 0px; }
.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: 11px; font-family: tahoma, sans-serif; font-weight: normal; }
.FHeading {font-family: tahoma, sans-serif; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; font-size: 24px; font-weight: bold; color: #0c5ce9 !important; white-space: nowrap; }
/* SubTitle is intended for a TH or TD used as a SubTitle, white on ION blue */
/* That doesn't seem to work when defined here, so it is also declared in the HEAD of FrameBody.cfm and elsewhere. */
/* include border-collapse: collapse; border-spacing: 0; */
.SubTitle {background-color: #0c5ce9 !important; color: white; font-family: tahoma, sans-serif; font-size: 16px; font-weight: bold; border: 2px solid white; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding-left: 8px; border-collapse: collapse; border-spacing: 0; }
th.SubTitle {background-color: #0c5ce9 !important; color: white; font-family: tahoma, sans-serif; font-size: 16px; font-weight: bold; border: 2px solid white; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding-left: 8px; border-collapse: collapse; border-spacing: 0; }

    .ION {color: #666666; font-size: 10px; font-weight: normal; }

    #navtop {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0 0 0 0;
    z-index: 5;
    background-color: hsla(218, 90%, 100%, 0.8);
    text-align: left;
    border: 0px solid hsla(80, 90%, 40%, 0.5);
    border-right: none;
    padding: 0px 4px 0px 2px;
    border-radius: 0.1em 0.1em 0.1em 0.1em;
    }

    #navtop A.NAV:link {
        color: #FFFFFF; font-size: 14px; font-weight: bold !important; 
        text-decoration: none; line-height: 85%; 
    }

    #navtop A.NAV:visited {color: #F8F8F8; font-weight: bold; text-decoration: none; }
    #navtop A.NAV:active {color: #DD33DD; font-weight: bold; text-decoration: none; }
    #navtop A.NAV:hover {color: #FF33FF; font-weight: bold !important; text-decoration: none; }

    #navtop A.ION:link {color: #999999; font-weight: normal; text-decoration: none; line-height: 85%; }
    #navtop A.ION:visited {color: #888888; font-weight: normal; text-decoration: none; }
    #navtop A.ION:active {color: #993399; font-weight: normal; text-decoration: none; }
    #navtop A.ION:hover {color: #990099; font-weight: normal; text-decoration: none; }

    #navspace {
        width: 1024px;
        height: 114px;
        background-color: White;
    }



A:link {color: blue; font-weight: 500; font-size: inherit; text-decoration: underline; }
A:visited {color: navy; font-weight: 500; font-size: inherit; text-decoration: underline; }
A:active {color: blue; font-weight: 500; font-size: inherit; text-decoration: underline; }
A:hover {color: DarkGreen; font-weight: 500; font-size: inherit; 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 { text-align: center; font-family: tahoma, sans-serif; color: navy !important; font-weight: bold; font-size: xx-large; }
H2 { text-align: center; font-family: tahoma, sans-serif; color: navy !important; font-weight: bold; font-size: x-large; }
H3 { text-align: center; font-family: tahoma, sans-serif; color: navy !important; font-weight: bold; font-size: large; }
H4 { text-align: center; font-family: tahoma, sans-serif; color: navy !important; font-weight: bold; font-size: medium; }
H5 { text-align: center; font-family: tahoma, sans-serif; color: navy !important; font-weight: bold; font-size: small; }
H6 { text-align: center; font-family: tahoma, sans-serif; color: navy !important; font-weight: bold; font-size: x-small; }

/* 2016-04-13 | KAJ | Maybe just a Body selector? */
Body { background-color: white; margin: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* 2016-03-07 | KAJ | StandardBody = FrameBody but the name makes more sense in an UnFramed world. :-) */
/* 2016-03-07 | KAJ | Except, behavior is DIFFERENT with, e.g., FeatureTable|FeatureCell. I dunno why. */
/* 2016-04-28 | KAJ | was it broken because these comments were // instead of -> */
.StandardBody { background-color: white; margin: 2px; }
.FrameBody { background-color: white; margin: 2px; }
.FramedBody { background-color: white; margin: 0px 0px 0px 2px; }
.UnFramedBody { background-color: white; margin: 2px 2px 2px 2px; }

.header { text-align: right; vertical-align: top; font-family: tahoma, sans-serif; font-size: 24pt !important; font-weight: bold; word-wrap: normal; overflow: hidden; clip: rect(0 0 0 0); color: blue; background: white; }
#hback { text-align: center; background: white; z-index: 0; }
/* #htext {position: absolute; top: 20px; left: 30px; color: #3F64B4; text-align: center; z-index: 3; } */
#htext {position: absolute; top: 20px; left: 30px; color: #0000CC; text-align: center; z-index: 3; }
#hshadow1 { position: absolute; top: 19px; left: 29px; color: #000033; text-align: center; z-index: 1; }
#hshadow2 { position: absolute; top: 21px; left: 31px; color: #6666ff; text-align: center; z-index: 2; }
.headerend { text-align: left; vertical-align: bottom; font-family: tahoma, sans-serif; font-size: 16px; font-weight: bold; color: Blue; background: white; background-repeat: no-repeat; width: 0px; }

.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: small; font-style: italic; }

.win { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: black; border-spacing: 10px; text-indent: 5px; }

TD.win { text-align: left; vertical-align: top; font-family: tahoma, sans-serif; color: black; border-spacing: 10px; text-indent: 5px; }

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

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

.Details {font-size:xx-small; color: navy; background-color: #F0F8FF; border: 1px solid navy !important; }

.legend{ text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: blue; font-weight: lighter !important; font-size: xx-small !important; }

.IONTH{ background: #AADDFF; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: Normal; font-size: 12px; }
.IONTD{ background: #FFFFFF; border-style: solid; border-color: navy; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: 12px; }
.IONTDR{ background: #FFFFFF; border-style: solid; border-color: navy; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: 12px; }
.IONTDY{ background: #FFFF66; border-style: solid; border-color: navy; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: 12px; }
.IONTDYR{ background: #FFFF66; border-style: solid; border-color: navy; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: 12px; }
.IONTDS{ background-color: #EEEEEE; border-style: solid; border-color: navy; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: 12px; }
.IONTDSR{ background-color: #EEEEEE; border-style: solid; border-color: navy; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: 12px; }

.Ask { text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: blue; font-weight: bold; font-size: x-small; }
.Answer { text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: navy; font-weight: normal; font-size: x-small; }

.order { text-align: justify; vertical-align: middle; font-family: tahoma, sans-serif; color: navy; 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: navy; font-weight: normal; font-size: x-small; }
.config { vertical-align: middle; font-family: tahoma, sans-serif; color: navy; 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: navy; 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(https://www.ioncomputer.com/ION/CImage/Hand.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: xx-small; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; color: navy; } 

.LinkBullet { list-style-image: url(https://www.ioncomputer.com/ION/CImage/Hand.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: xx-small; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; color: navy; } 

.Bullet { list-style-image: url(https://www.ioncomputer.com/ION/CImage/Bullet.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: x-small; font-family: tahoma, sans-serif; font-weight: normal !important; vertical-align: top; color: black; }

.bodtext {color: black; font-size: 12px; vertical-align: middle; font-family: tahoma, sans-serif; text-indent: 0em; font-weight: normal; text-decoration: none; }
.bulimg {color: black; font-size: 12px; vertical-align: middle; text-align: right; font-weight: bold; font-family: tahoma, sans-serif; text-indent: 0em; }

.Cart { background: white; 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; }

.standout {font-weight: bold; font-style: normal; font-size: medium;}
EM {font-size: larger; font-style: normal !important; }
SUP { font-weight: lighter; font-size: 50%; }
Select { color: navy; font-weight: normal; font-size: x-small; }
Input { color: navy; font-weight: normal; font-size: x-small; }
.NonButton { color: navy; text-align: left; font-weight: normal; font-size: xx-small; background: #EEEEFF; border-style: none; border-color: white; }
.NonButtonUL { color: navy; text-align: left; font-weight: normal; font-size: xx-small; background: #EEEEFF; border-style: none; border-color: white; text-decoration: underline; }
.IONButton {background-color: navy; color: lime !important; border-width: 5px; border-style: ridge; border-color: lime; height: 125%; }

BR.page { page-break-after: always; }

/* @import url(print.css) print */

.dram{ text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: red; font-size: 24px; font-weight: bold; }
.dramhead{ text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: blue; font-size: 12px; font-weight: bold; }
.dramright { text-align: right; vertical-align: middle; font-family: tahoma, sans-serif; color: blue; font-size: 11px; font-weight: bold; }
.dramtext { text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; color: blue; font-size: 11px; font-weight: normal;}