.FeatureTable { width: 1024px; height: 350px; vertical-align: top; background-color: black; padding: 2px; border: 0 solid white; }
.FeatureCell { color: Gold; background-color: black; padding: 2px; text-align: justify; font-family: tahoma, 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: 9px; font-family: arial, sans-serif; font-weight: normal; }
.FeatureHighlight {color: Silver; }
.BelowFeature { width: 1024px; vertical-align: top; text-align: justify; background-color: white; color: black; font-size: 11px; font-family: tahoma, sans-serif; font-weight: normal; background-image: url(/Images/LowerHeader.gif); background-repeat: no-repeat; background-position: 0% 0%; }
.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; }
/* 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: 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; }

#pos_fixed1 { position: fixed; top: 80%; left: 75%; height: 75px; width: 160px; font-family: tahoma, sans-serif; font-size: 14px; text-align: center; color: DarkGreen; font-weight: bold; border: 1px solid blue; }

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; }

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

.nav a {
	padding: 2px 4px;
	text-decoration: none;
	color: hsla(218, 95%, 50%, 1);
	line-height: 100%;
	border-radius: 5px;
}
.nav a:hover {
	background-color: hsla(218, 95%, 90%, 1);
}

/* 2016-06-22 | Keith Josephson | Replaced by above, for use with responsive header.... Old header still seems OK.
A.ION:link {color: #666666; font-size: 9px; font-weight: normal; text-decoration: none; }
A.ION:visited {color: #777777; font-size: 9px; font-weight: normal; text-decoration: none; } Style="font-size: larger; "
A.ION:active {color: #663366; font-size: 9px; font-weight: normal; text-decoration: none; }
A.ION:hover {color: #660066; font-size: 9px; font-weight: normal; text-decoration: none; }
*/
 
.FeatureTable A:link { color: white; text-decoration: underline; } 
.FeatureTable A:visited { color: white; text-decoration: underline; }
.FeatureTable A:active { color: white; text-decoration: underline; }
.FeatureTable A:hover { color: fuchsia; text-decoration: underline; }

.FrameBody{ background-color: white; margin: 2px; }
.FramedBody{ background-color: white; margin: 0px 0px 0px 2px; }
.UnFramedBody{ background-color: white; margin: 2px 2px 2px 2px; }

.header2009 { text-align: left; vertical-align: top; font-family: arial, sans-serif; font-size: 16px !important; font-weight: bold; word-wrap: normal; overflow: hidden; clip: rect(0 0 0 0); color: #003366; background: white; }
.header { text-align: left; vertical-align: middle; font-family: arial, sans-serif; font-size: 24px !important; font-weight: bold; word-wrap: normal; overflow: hidden; clip: rect(0 0 0 0); color: DarkBlue; background: white; }
#hback { text-align: center; background: white; z-index: 0; }
#hshadow1 { position: absolute; top: 19px; left: 29px; color: #9999ff; text-align: center; z-index: 1; }
#hshadow2 { position: absolute; top: 21px; left: 31px; color: #000033; text-align: center; z-index: 2; }
#htext { position: absolute; top: 20px; left: 30px; color: #3F64B4; text-align: center; z-index: 3; }
.headerend { text-align: left; vertical-align: bottom; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: blue; background: white; background-repeat: no-repeat; width: 0px; }
.footer { text-align: center; font-family: arial, sans-serif ; color: #003366; font-weight: normal; font-size: xx-small; font-style: italic; }
.Cart { background: White; margin: 0px; padding: 0px; border-width: 0px; }

.Even { background: White; font-weight: 300; font-size: x-small; font-family: arial, sans-serif; }
.Odd { background: LightYellow; font-weight: 300; font-size: x-small; font-family: arial, sans-serif; }
.Top { background: LightSkyBlue; font-weight: bold; font-size: x-small; font-family: arial, sans-serif;  border-bottom-width: 2px; }
.Total { background: LightSkyBlue; font-weight: bold; font-size: x-small; font-family: arial, sans-serif;  text-decoration: overline; }
.IONTH{ background: LightSkyBlue; border: solid navy ; border-width: 1px; text-align: center;  font-family: tahoma, sans-serif ; color: navy; font-weight: normal;  font-size: medium; }
.IONTD{ background: AliceBlue; border: solid 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: small; }
.IONTDR{ background: AliceBlue; border: solid 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: small; }

.alert { color: red; font-weight: bold; font-style: normal; font-size: x-small; }

.PlainText2009 { text-align: justify; vertical-align: top; font-family: tahoma, sans-serif ; color: navy; font-weight: normal;  font-size: x-small; }
.PlainText { text-align: justify; vertical-align: top; font-family: tahoma, sans-serif ; color: #003399; font-weight: normal;  font-size: medium; }
.Ordinals { vertical-align: top; font-family: Arial, sans-serif ; color: blue; font-weight: normal;  font-size: small; }

.Component { text-align: left; vertical-align: middle; font-family: Arial, sans-serif ; color: navy; font-weight: bold;  font-size: 14px; padding-top: 12px; }
.Included { text-align: left; vertical-align: middle; font-family: Arial, sans-serif ; color: navy; font-weight: normal;  font-size: 12px; }
.DropDown { text-align: left; vertical-align: middle; font-family: tahoma, arial, sans-serif ; color: DarkGreen; font-weight: normal;  font-size: 12px; }
select { text-align: left; vertical-align: middle; font-family: tahoma, arial, sans-serif ; color: DarkGreen; font-weight: normal;  font-size: 12px; }
option { text-align: left; vertical-align: middle; font-family: tahoma, arial, sans-serif ; color: Blue; font-weight: normal;  font-size: 12px; }
.XSpare { text-align: right; vertical-align: top; font-family: Arial, sans-serif ; color: #0066CC; background-color: #F0F7FF; font-weight: normal;  font-size: xx-small;  }
.Spare { text-align: right; font-family: Arial, sans-serif ; color: navy; font-weight: normal;  font-size: small; vertical-align: super !important;  }
.Instruct { text-align: right; vertical-align: middle; font-family: Arial, sans-serif ; color: blue; font-weight: normal;  font-size: 12px; }

.Price { text-align: right; vertical-align: middle; font-size: medium; font-family: monospace;  color: DarkGreen; font-weight: bold; }

.List { list-style-image: url(/ion/CImage/Bullet.gif); list-style-position: inside; marker-offset: 5px; font-size: x-small; font-family: arial, sans-serif; font-weight: normal; vertical-align: middle; color: Blue; } 
.List2009 { list-style-position: inside; marker-offset: 5px; font-size: medium; font-family: tahoma, sans-serif; font-weight: normal; vertical-align: middle; color: white; } 
.GreenArrow { list-style-image: url(/ion/CImage/Hand.gif); list-style-type: square; list-style-position: outside; marker-offset: 5px; font-size: x-small; font-family: tahoma, sans-serif; font-weight: normal; vertical-align: top; color: navy; } 

EM { font-size: larger; font-style: normal !important; }
SUP { font-weight: lighter; font-size: x-small; vertical-align: super; }
Select { color: Navy; font-weight: normal; font-size: medium; }
Input { color: Navy; font-weight: normal; font-size: medium;  }

/* 2017-10-19 | Keith Josephson | Moved from configurator.cfm */

#pos_fixed { 
    position: fixed !important; 
    bottom: 10px;
    right: 10px;
/*        top: 70%;  */
/*        left: 75%; */
    width: 300px;
    height: 140px;
    padding: 5px; 
    font-family: sans-serif; 
    font-size: small; 
    font-weight: normal; 
    text-align: center; 
    color: hsla( 218, 75%, 50%, 0.8); 
    background-color: hsla( 218, 75%, 80%, 0.75); 
    border: 1px solid hsla( 218, 75%, 50%, 0.8); 
    -moz-border-radius: 8px 8px 8px 8px; 
    -webkit-border-radius: 8px 8px 8px 8px; 
    border-radius: 8px 8px 8px 8px; 
}