.FeatureTable {width: 1024px; height: 250px; vertical-align: top; background-color: black; padding: 2px; border: 0 solid white; }
.FeatureCell {color: #c0c0ff; background-color: black; padding: 2px; text-align: justify; font-family: sans-serif; font-size: 16px; font-weight: normal; text-indent: 0px; }
.Feature {width: 1024px; vertical-align: top; text-align: justify; background-color: black; color: white; font-size: 9pt; font-family: arial, sans-serif; font-weight: normal; }
.BelowFeature {width: 1024px; vertical-align: top; text-align: justify; background-color: white; color: black; font-size: 11pt; font-family: sans-serif; font-weight: normal; background-image: url(http://www.ioncomputer.com/Images/LowerHeader.gif); background-repeat: no-repeat; background-position-y: top; }
.FHeading {margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 5px; font-size: 24px; font-weight: bold; color: blue !important; }
.BFHeading {font-size: 14pt; color: #0000CC; }
/* 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. */
.SubTitle {background-color: #0c5ce9 !important; color: white; font-family: sans-serif; font-size: 16px; font-weight: bold; border: 2px solid white; }

A:link {color: blue; font-weight: 500; text-decoration: underline; }
A:visited {color: navy; font-weight: 500; text-decoration: underline; }
A:active {color: blue; font-weight: 500; text-decoration: underline; }
A:hover {color: fuchsia; font-weight: 500; text-decoration: underline; }

.FeatureTable A:link {color: white; font-weight: normal; text-decoration: underline; } 
.FeatureTable A:visited {color: white; font-weight: normal; text-decoration: underline; }
.FeatureTable A:active {color: white; font-weight: normal; text-decoration: underline; }
.FeatureTable A:hover {color: fuchsia; font-weight: normal; text-decoration: underline; }

H1 { text-align: center; font-family: sans-serif; color: navy !important; font-weight: bold; font-size: xx-large; }
H2 { text-align: center; font-family: sans-serif; color: navy !important; font-weight: bold; font-size: x-large; }
H3 { text-align: center; font-family: sans-serif; color: navy !important; font-weight: bold; font-size: large; }
H4 { text-align: center; font-family: sans-serif; color: navy !important; font-weight: bold; font-size: medium; }
H5 { text-align: center; font-family: sans-serif; color: navy !important; font-weight: bold; font-size: small; }
H6 { text-align: center; font-family: sans-serif; color: navy !important; font-weight: bold; font-size: x-small; }

.FrameBody{ background-color: white; }
.header { text-align: right; vertical-align: top; font-family: 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: 20; left: 30; color: #3F64B4; text-align: center; z-index: 3; } -->
#htext {position: absolute; top: 20; left: 30; color: #0000CC; text-align: center; z-index: 3; }
#hshadow1 { position: absolute; top: 19; left: 29; color: #000033; text-align: center; z-index: 1; }
#hshadow2 { position: absolute; top: 21; left: 31; color: #6666ff; text-align: center; z-index: 2; }
.headerend { text-align: left; vertical-align: bottom; font-family: sans-serif; font-size: 16pt; font-weight: bold; color: Blue; background: white; background-repeat: no-repeat; width: 0; }

.model { font-family: sans-serif; font-weight: bold; font-size: 20pt; color: #000099; text-align: left; vertical-align: top; }

.footer { text-align: center; font-family: sans-serif; color: navy; font-weight: normal; font-size: xx-small; font-style: italic; }

.win { text-align: left; vertical-align: top; font-family: sans-serif; color: black; border-spacing: 10px; text-indent: 5; }

TD.win { text-align: left; vertical-align: top; font-family: sans-serif; color: black; border-spacing: 10px; text-indent: 5; }

.piii { text-align: left; vertical-align: middle; font-size: x-small; font-family: sans-serif; color: #0033CC; font-weight: bold; }
.iii {text-align: left; vertical-align: middle; font-family: 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: sans-serif; color: navy; font-weight: normal; font-size: small; }
.IONsmall { text-align: left; vertical-align: top; font-family: sans-serif; color: navy; font-weight: lighter; font-size: 10px; }
.IONbig { text-align: left; vertical-align: top; font-family: sans-serif; color: navy; font-weight: normal; font-size: 14pt; }
.IONbigC { text-align: center; vertical-align: top; font-family: sans-serif; color: navy; font-weight: normal; font-size: 14pt; }

.IONbold { text-align: left; vertical-align: top; font-family: sans-serif; color: blue; font-weight: bold; font-size: 12pt; }

.IONright { text-align: right; vertical-align: top; font-family: sans-serif; color: navy; font-weight: bold; font-size: 12pt; }

.Details {font-size:xx-small; color: navy; background-color: #F0F8FF; border: 1px solid navy !important; }

.legend{ text-align: left; vertical-align: middle; font-family: sans-serif; color: blue; font-weight: lighter !important; font-size: xx-small !important; }

.IONTH{ background: #DDEEFF; border-style: solid; border-color: navy; border-width: 1px; text-align: center; font-family: sans-serif; color: navy; font-weight: Normal; font-size: 12pt; }
.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: sans-serif; color: navy; font-weight: normal; font-size: 11pt; }
.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: sans-serif; color: navy; font-weight: normal; font-size: 11pt; }
.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: sans-serif; color: navy; font-weight: normal; font-size: 11pt; }
.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: sans-serif; color: navy; font-weight: normal; font-size: 11pt; }

.Ask { text-align: left; vertical-align: middle; font-family: sans-serif; color: blue; font-weight: bold; font-size: x-small; }
.Answer { text-align: left; vertical-align: middle; font-family: sans-serif; color: navy; font-weight: normal; font-size: x-small; }

.order { text-align: justify; vertical-align: middle; font-family: sans-serif; color: navy; font-weight: bold; font-size: small; }
.orderh { text-align: left; vertical-align: middle; font-family: sans-serif; color: #003399; font-weight: bold; }
.orderx { text-align: left; vertical-align: top; font-family: sans-serif; color: navy; font-weight: normal; font-size: x-small; }
.config { vertical-align: middle; font-family: sans-serif; color: navy; font-weight: normal; font-size: 8pt; line-height: 10pt; }
.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: 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: sans-serif; color: #0033FF; vertical-align: middle; font-weight: bold; }

.GreenArrow { list-style-image: url(http://www.ioncomputer.com/ION/CImage/Hand.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: xx-small; font-family: sans-serif; font-weight: normal !important; vertical-align: top; color: navy; } 

.LinkBullet { list-style-image: url(http://www.ioncomputer.com/ION/CImage/Hand.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: xx-small; font-family: sans-serif; font-weight: normal !important; vertical-align: top; color: navy; } 

.Bullet { list-style-image: url(http://www.ioncomputer.com/ION/CImage/Bullet.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: x-small; font-family: sans-serif; font-weight: normal !important; vertical-align: top; color: black; }

.bodtext {color: black; font-size: 12pt; vertical-align: middle; font-family: sans-serif; text-indent: 0em; font-weight: normal; text-decoration: none; }
.bulimg {color: black; font-size: 12pt; vertical-align: middle; text-align: right; font-weight: bold; font-family: sans-serif; text-indent: 0em; }

.Cart { background: white; margin: 0px; padding: 0px; border-width: 0px; }
.OrderText { text-align: left; vertical-align: top; font-family: sans-serif; color: navy; font-weight: normal; font-size: small; }
.Even { background: white; font-weight: 300; font-size: x-small; font-family: sans-serif; }
.Odd { background: #EEFFCC; font-weight: 300; font-size: x-small; font-family: sans-serif; }
.BOMEven { background: #EEEEFF; font-weight: 100; font-size: 8pt; color: navy; font-family: sans-serif; }
.BOMOdd { background: #FFFFCC; font-weight: 100; font-size: 8pt; color: navy; font-family: sans-serif; }
.whiteBox { background: white; border-width: 1px !important; border-color: gray; text-decoration: underline; }
.Top { background: #FFFFFF; font-weight: bold; font-size: x-small; font-family: sans-serif; border-bottom-width: 2px; }
.Total { background: #FFFFFF; font-weight: bold; font-size: x-small; font-family: 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: sans-serif; color: red; font-size: 24; font-weight: bold; }
.dramhead{ text-align: left; vertical-align: middle; font-family: sans-serif; color: blue; font-size: 12pt; font-weight: bold; }
.dramright { text-align: right; vertical-align: middle; font-family: sans-serif; color: blue; font-size: 11pt; font-weight: bold; }
.dramtext { text-align: left; vertical-align: middle; font-family: sans-serif; color: blue; font-size: 11pt; font-weight: normal;}


