/* ================================
    CSS STYLES FOR THE COMMERCE STARTER KIT 
    v1.0, 10/2002
   ================================
*/   

BODY
{
}

/* */
.HomeHead
{
    color: #999966;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}

/* */
.ContentHead
{
    background-color: #dddca3;
    color: #696969;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 35px
}

/* */
.SubContentHead
{
    background-color: #dddca3;
    color: #696969;
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

/* */
.UnitCost {
    color: #595959;
    font-family: Verdana, Arial;
    font-size: 15px;
    line-height: 20pt
}

/* */
.ModelNumber {
    color: #595959;
    font-family: Verdana, Arial;
    font-size: 11px;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 20pt
}
.MostPopularHead
{
    background-color: #1c1ca6;
    color: white;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: underline
}

.ProductListHead
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}
.ProductListItem
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px
}

.CartListHead
{
    background-color: #dddca3;
    border-bottom: #696969;
    border-left: #dcdcdc 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: #696969;
    border-left: #696969 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: #696969;
    border-left: #696969 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #dddca3;
    line-height: 10pt
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited {
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #dddddd;
    font-size: 11px;
}   

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited {
    color: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    background-color: #00488e;
}

A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none;
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited {
    color: #EAD599;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px;
    background-color: #0058c0;

}

A.MenuUnselected:hover
{
    color: white;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuSelected:hover
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}


A.TopoUnselected, A.TopoUnselected:link, A.TopoUnselected:visited
{
    color: blue;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  15px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.TopoUnselected:hover
{
    color: silver;
    text-decoration: underline;
    padding-left: 10px
}

A.TopoSelected
{
    color: silver;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  15px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.TopoSelected:hover
{
    color: silver;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.NormalDouble
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px    
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    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: Verdana, Helvetica, sans-serif;
    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: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Verdana, Helvetica, sans-serif;
    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: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}

.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px    
}



A:link  {
    text-decoration: none;
    color:  black;
}

A, A:hover {
    text-decoration: underline;
    color:  black;
}

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
}

/***********************************************/
/* Change PW Screens                           */
/***********************************************/

/*The larger containing div that will house the other information*/
.pw_change {
    font-family: "Segoe UI", Candara, "Trebuchet MS", Verdana, sans serif;
    font-size:16px;
    margin: 10px 0;
    color:#444;
}

/*Make textboxes extend the width of the screen*/
.pw_change .pvtext {
    width: 100%;
}

/*This is a different classname that matches pvtext, but is used so the pw_info
    validation box doesn't show when a user types in the current password*/
.pw_change .noval {
    width: 100%;
}


/*Remove the bullets on the unordered lists, set margins*/
.pw_change ul {
    list-style-type:none;
    padding-left: 0;
}
.pw_change ul li {
    list-style-type:none;
    margin:10px 20px;
}


/*Underlying container that houses the textboxes in the change pw screen*/
#container {
    width:400px;
    padding:0px;
    background:#fefefe;
    margin:0 auto;
    border:1px solid #c4cddb;
    border-radius:5px;
    position:relative;
}

.pw_change h1 {
    margin:0;
    padding:10px 0;
    font-size:24px;
    text-align:center;
    background:#d4d8db;
    border-bottom:1px solid #dde0e7;
    border-radius:5px 5px 0 0; /* otherwise we get some uncut corners with container div */
}


.pw_change label {
color:#555;
}

.pw_change #container span {
    padding:3px 5px;
    display:block;
    margin-top:5px;
}

/*This is the div that displays when the user clicks on the password textbox*/
#pw_info {
    width:100%;
    padding:10px;
    font-size:.75em;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}

#pw_info ul {
    list-style-type: none;
}

#pw_info ul li {
    list-style-type: none;
    margin: 0;

}

#pw_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}

/*These css classes are toggled based on whether criteria is met*/
#pw_info .invalid {
    background:url(../images/invalid.png) no-repeat 0 50%;
    padding-left:22px;
    color:#ec3f41;
}
#pw_info .valid {
    background:url(../images/valid.png) no-repeat 0 50%;
    padding-left:22px;
    color:#3a7d34;
}

/*Initially set this to invisible*/
#pw_info {
    display:none;
}