/* ================================
    CSS STYLES FOR THE COMMERCE STARTER KIT 
    v1.0, 10/2002
   ================================
*/   

BODY
{
    font-family: "Segoe UI";
    font-size: 15px;
    background-color: white;
}

.ProfileTable
{
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: thin solid Black;
    background-color: #e9e3fc;
    margin-right: 0px
}

.ProfileHead
{
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	background-color: Black;
	padding-left: 5px;
	font-family:  Arial;
	color: white;
	font-weight: bold
}

.ProfileLabel
{
	font-family: Arial; 
	color: #000000; 
	font-size: 12px; 
	background-color: #FFFFFF
}

.HelpSectionTitles
{
    font-size: larger;
}

.FloatTable
{
    font-family: "Arial Black";
    font-size: medium;
    font-weight: normal;
    text-align: center;
    float: left;
    border: thin solid #6b28ba;
    margin-right: 16px;
    margin-bottom: 12px;
    background-color: #e9e3fc
}

.OrderListHead
{
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	line-height: 20pt;
	background-color: #6b28ba;
	padding-left: 5px;
	font-family:  Arial Unicode MS;
	color: white;
	font-size: 12px;
	font-weight: bold
}

.OrderListItem
{
    background-color: white;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px
}

.OrderListItemAlt
{
    background-color: #eae3f3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px
}

.OrderListFooter
{
    background-color: #30639c;
    line-height: 10pt
}

.InvoiceLink
{
    color: Teal;
    font-size: X-Small;
    font-weight: bold
}


.OrderLink
{
    color: Teal;
    font-size: X-Small;
    font-weight: bold
}

.CartListHead
{
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	line-height: 20pt;
	background-color: Black;
	padding-left: 5px;
	font-family:  Arial Unicode MS;
	color: white;
	font-size: 12px;
	font-weight: bold
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #eae3f3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #30639c;
    line-height: 10pt
}

.ContentLink
{
    font-family: 'Segoe UI';
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
    font-style: italic;
    padding-right: 12px;
    padding-left: 12px;
    color: black;
}

.ContentTableFootnotes
{
    font-style: italic;
    color: #6b28ba;
    text-align: center;
    font-size: xx-small;
    font-weight: normal
}

.ContentTable
{
    border-width: thin;
    border-color: #6b28ba;
    border-style: none;
    background-color: white;
    color: Black;
    font-family: 'Segoe UI';
    font-size: large;
    font-weight: normal;
    width: 100%;
    color: Black;
}

.ContentSubTitle
{
    font-family: 'Segoe UI';
	color: black;
	font-size: medium; 
	text-align: left
}

.FeatureTable
{
    font-family: 'Segoe UI';
    border: thin solid #6b28ba;
    background-color: #e9e3fc;
    font-size: medium;
    font-weight: normal;
    text-align: center
}

.FeatureTitle
{
    font-family: 'Segoe UI';
    padding-right: 16px;
    padding-left: 16px;
    font-style: italic;
    text-align: left;
    font-size: small
}

.FeatureItem
{
    color: GrayText;
    font-size: smaller;
    margin-left: 22px
}

.PasswordItem
{
    font-style: italic;
    font-size: x-small;
    padding-right: 12px;
    padding-left: 12px;
    color: GrayText
}

.PasswordLink
{
    color: GrayText;
    font-family: Arial Rounded MT Bold;
	text-decoration: underline;
	font-size: x-small;
	font-weight: bold;
    font-style: italic;
    font-size: x-small
}

.HomeHead
{
    font-family: Arial Rounded MT Bold;
    font-size: medium;
    font-weight: bold;
    color: #6b28ba;
    line-height: normal    
}

.ProductListHead
{
    color: white;
	font-family: Arial Rounded MT Bold;
    font-size: small;
	background-color: Black;
    line-height: 10pt
}

.ProductListItem
{
    font-family: Arial Rounded MT Bold;
    font-size: 10px;
    font-weight: bold;
    color: black
}

/* */

.PasswordTable
{
    font-family: Arial Black;
    border: thin solid #6b28ba;
    background-color: #e9e3fc;
    font-size: small;
    font-weight: normal;
    text-align: left;
    width: 294px;
    padding-top: 8px
}

.PasswordTitle
{
    font-family: Arial Rounded MT Bold;
    padding-right: 6px;
    padding-left: 6px;
    font-style: italic;
    text-align: left;
    font-size: x-small
}

.ContentTableText
{
    background-color: white;
    color: Black;
    font-size: x-small;
    font-weight: normal
}

.ContentTableHeader
{
    background-color: #e9e3fc;
    border-style: solid;
    border-width: thin;
    border-color: #6b28ba;
    padding: 4px;
    font-size: medium;
    font-weight: normal;
    text-align: center;
    font-family: Arial Black
}

.ContentTableSubHeader
{
	color: Black;
	background-color: #e9e3fc;
	border-width: 0px;
	color: #6b28ba;
	font-family: Arial Rounded MT Bold;
	font-size: small;
	font-weight: bold;
	padding: 4px
}

.ContentTitle
{
    color: black
}

.MenuTop
{
    font-size: xx-small;
    font-weight: bold;
    border-style: none; 
    padding: 4px 8px 8px 4px; 
    margin: 0px; 
    text-align: center;
    background-color: #30639c; 
    vertical-align: top
}

.MenuRight
{
    border-style: none;
    padding: 2px 8px 2px 0px;
    margin: 0px;
    text-align: right;
    background-color: #EAECF3;
    vertical-align: top;
    font-family: 'Segoe UI';
    font-size: xx-small;
    font-weight: bold;
    font-style: italic;
}

.WelcomeTable
{
    vertical-align: top
}

.WelcomeLabel
{
    border: none
}

.CartLink
{
    color: Teal;
    font-size: X-Small;
    font-weight: bold
}

/* */
.SubContentHead
{
    background-color: #30639c;
    color: white;
    font-family: Arial Black;
    font-size: 20px;
    font-weight: bold

}

.PressReleaseStart
{
    background-color: white;
    color: Black;
    font-family: Arial;
    font-size: xx-small;
    text-decoration: italic;
    font-weight: normal
}

.PressReleaseBody
{
    background-color: white;
    color: Black;
    font-family: Arial;
    font-size: xx-small;
    font-weight: normal
}
.Grid
{
    width: 99%;
}
.GridTotal
{
    width: 96%;
}
.GridTotalLabel
{
    width: 324px;
    text-align: right;
}
.GridOddRow
{
    background-color: white;
    color: #0099FF;
    font-family: Arial;
    font-size: x-small;
    line-height: 20pt
}

.GridEvenRow
{
	background-color: #CCCCCC;
	color: white;
	font-family: Arial;
	font-size: x-small;
	line-height: 20pt;
	font-weight: bold;
}

.CartTinyLink
{
    vertical-align: middle;
    color: Blue
}

.GridHead
{
    background-color: black;
	color: white;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial
}

.GridSubHead
{
    background-color: black;
    color: white;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 33px
}

/* */
.UnitCost
{
    color: black;
    font-family: Arial;
    font-size: 15px;
    line-height: 20pt
}

/* */
.ModelNumber
{
    color: black;
    font-family: Arial;
    font-size: 11px;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Arial;
    font-size: 12px;
    line-height: 20pt
}
.MostPopularHead
{
    background-color: #1f375f;
    color: white;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline
}

.EditListItem
{
    background-color: #0099FF;
    color: white;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold
}

.EditLinkItem
{
    background-color: #0099FF;
    color: white;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family: Arial;
    text-decoration: none;
    color: #EAECF3;
    font-size: 12px
}   

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #30639c;
    font-family: Arial;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: #D1CAA7;
    font-family: 'Segoe UI';
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: white;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: white;
    font-family: Segoe;
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuSelected:hover
{
    color: white;
    font-family: Segoe;
    text-decoration: none;
    padding-left: 10px
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial;
    font-size: small;
    font-weight: normal;
    line-height: normal    
}

.NormalDouble
{
    font-family: Arial;
    font-size: medium;
    font-weight: normal;
    line-height: normal   
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial;
    font-size: 1.2em;
    font-weight: normal
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family: Arial;
    font-size: 1.2em;
    font-weight: normal
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa
}

.NormalRed
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}

.NormalItalic
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
     font-style: italic;
    line-height: 16px    
}
.EASINormal
{
    font-family: Arial;
    font-size: 11px;
    line-height: 12px    
}

.EASIBold
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}

.EASISmall
{
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
    line-height: 10px    
}

A:link  {
    text-decoration: none;
    color:  #EAECF3
}

A, A:hover {
    text-decoration: underline;
    color:  #D1CAA3
}

SMALL   {
    font-size:  8px
}

BIG {
    font-size:  14px
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace
}


UL LI   {
    list-style-type:    square 
}

UL LI LI    {
    list-style-type:    disc
}

UL LI LI LI {
    list-style-type:    circle
}

OL LI   {
    list-style-type:    decimal
}

OL OL LI    {
    list-style-type:    lower-alpha
}

OL OL OL LI {
    list-style-type:    lower-roman
}

HR {
    height:1pt;
    text-align:left
}

