html, body
{
    height: 100%;
}

.body-spring
{
    background-color: #ffccff;
    background-image: url(IMAGES/back_stripe.jpg);
    background-repeat: repeat;
}
.SectionFrame
{
    border-right: #d3d3d3 1px solid;
    padding-right: 2px;
    border-top: #d3d3d3 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #d3d3d3 1px solid;
    width: 100%;
    padding-top: 2px;
    border-bottom: #d3d3d3 1px solid;
}

.ProductList
{
    border-top: #a9a9a9 1px dotted;
}


.NormalText
{
    font-size: small;
    font-family: 'Trebuchet MS' , Verdana, Arial;
}

.NormalTextGray
{
    font-size: small;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #696969;
}

.HyperlinkText
{
    font-size: x-small;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #696969;
    font-weight: bold;
    text-decoration: underline;
}

.Category-HyperlinkText
{
    font-size: 0.85em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #323232;
    font-weight: bold;
    text-decoration: none;

}

.Category-HyperlinkText-Selected
{
    font-size: 0.8em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #323232;
    font-weight: bold;
    background-color: #6699ff;
}


.XSmallTextGray
{
    font-size: x-small;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #696969;
    font-weight: bold;
}

.SmallTextGray
{
    font-size: small;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #696969;
    font-weight: bold;
}

.SmallTextGrayLite
{
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #696969;
}

.ItalicsText
{
    font-size: small;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: #a9a9a9;
    font-style: italic;
}

.BoldTitle
{
    color: #696969;
    font-size: 10pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
    text-decoration: underline;
}

.StaticMenu
{
    color: #696969;
    font-size: 8pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.StaticMenu9PT
{
    color: #696969;
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.StandardGrayLabel
{
    color: #3c3c3c;
    font-size: 8pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
}

.StandardBlackLabel
{
    color: #000000;
    font-size: 8pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
}

.StandardBlackLabelBold
{
    color: #000000;
    font-size: 8pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.MediumBlackLabelBold
{
    color: #000000;
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.Menu
{
    font-size: 9pt;
    color: #696969;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.SideBar-Label
{
    font-size: 10pt;
    color: #000080;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
    border-bottom: #323232 1px dotted;
    background-color: #dcdcdc;
    padding-right: 2px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.DynamicMenu
{
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    font-size: 8pt;
    border-left: #696969 1px solid;
    color: #696969;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    width: 140px;
    line-height: 15pt;
    background-color: #ffffff;
    font-weight: normal;
}

.DynamicMenuItem
{
    font-size: 8pt;
    color: #696969;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    text-align: left;
    width: 140px;
    background-color: #ffffff;
    font-weight: normal;
}

.DynamicMenuItemHover
{
    font-size: 8pt;
    color: #ffffff;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    text-align: left;
    width: 140px;
    font-weight: bold;
    background-color: #6699ff;
}


.LeafStyle
{
    font-size: 8pt;
    color: #696969;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    text-align: left;
    font-weight: normal;
}

.LeftMenuAreaContent
{
    padding-right: 2px;
    padding-left: 4px;
    border-left: #d3d3d3 1px solid;
    width: 154px;
    vertical-align: top;
    background-color: #e6e6fa;
}

.LeftMenuAreaTop
{
    border-top: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    width: 154px;
    vertical-align: top;
    background-color: #ffffff;
    height: 5px;
}

.RightDisplayArea
{
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-top: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
    border-right: #d3d3d3 1px solid;
}

.LeftMenuBar
{
    width: 3px;
    border-right: #d3d3d3 1px solid;
}

#fullheight
{
    background-color: #e6e6fa;
    vertical-align: top;
    height: 100%;
}

.MainDisplayArea
{
    border-top: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
    border-right: #d3d3d3 1px solid;
}

.PageTitle
{
    font-size: 9pt;
    color: #696969;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.ProductName
{
    font-size: 14pt;
    color: #696969;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-weight: bold;
}

.Standard-Button
{
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    font-size: 0.8em;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #dcdcdc;
    background-image: url(IMAGES/GridHeader.jpg);
    height: 26px;
}

.WelcomeHeader
{
    font-size: 0.9em;
    color: #191970;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    text-align: right;
}



.DisplayError
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    font-weight: bold;
    font-size: 0.9em;
    border-left: #a9a9a9 1px solid;
    width: 355px;
    color: #dc143c;
    border-bottom: #a9a9a9 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    height: 50px;
    background-color: #ffe4e1;
}

.DisplayAddressError
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    font-weight: bold;
    font-size: 0.9em;
    border-left: #a9a9a9 1px solid;
    width: 255px;
    color: #dc143c;
    border-bottom: #a9a9a9 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    height: 50px;
    background-color: #ffe4e1;
}

.User-Button
{
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    font-size: 1.0em;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #b0c4de;
    height: 26px;
    color: white;
    font-weight: bold;
}

.User-Button-Small
{
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    font-size: .75em;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #b0c4de;
    height: 26px;
    color: white;
    font-weight: bold;
}


.GridViewHeader
{
    font-size: 0.85em;
    color: navy;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #83b0ec;
    text-align: left;
    background-image: url(IMAGES/gridheader.jpg);
    height: 21px;
}

.Grid-Header-Label
{
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 1em;
    color: navy;
    vertical-align: middle;
    line-height: 1.4em;
    letter-spacing: normal;
    font-weight: bold;
}

.Grid-Border
{
    border-right: #d3d3d3 1px solid;
    border-top: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
}

.Product-Description
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    font-size: x-small;
    vertical-align: text-top;
    overflow: scroll;
    border-left: #a9a9a9 1px solid;
    width: 400px;
    border-bottom: #a9a9a9 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    height: 245px;
    text-align: left;
    margin: 2px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.Label-Emphasize
{
    font-weight: bold;
    font-size: small;
    color: #ff0000;
    font-family: 'Trebuchet MS' , Verdana, Arial;
}

.Label-Error
{
    font-weight: bold;
    font-size: x-small;
    color: #ff0000;
    font-family: 'Trebuchet MS' , Verdana, Arial;
}

.Grid-Warning-Header-Label
{
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 1em;
    color: #ff0000;
    vertical-align: middle;
    line-height: 1.4em;
    letter-spacing: normal;
    font-weight: bold;
}

.Normal-Text-Box
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    font-size: small;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
}

.Address-Text-Box
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    font-size: 9pt;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    color: black;
}

.Phone-Panel
{
    background-position: 3pt -5pt;
    background-image: url(IMAGES/phone_back.png);
    padding-top: 6pt;
    text-align: left;
    padding-left: 21px;
}
.Modal-Popup
{
    visibility: hidden;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.StatusPopup
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background-color: white;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}


.Popup-border
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background-color: white;
}

.Address-Panel
{
    background-position: -2pt -10pt;
    background-image: url(IMAGES/address_back.png);
    padding-top: 7pt;
    text-align: left;
    padding-left: 19px;
}

.Login-Panel
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    vertical-align: top;
    text-align: left;
}

.Normal-Label-Bold
{
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 0.9em;
    color: #003366;
    vertical-align: middle;
    line-height: normal;
    letter-spacing: normal;
    font-weight: bold;
}

.Link-Label
{
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 11pt;
    color: #003366;
    vertical-align: middle;
    line-height: normal;
    letter-spacing: normal;
    font-weight: normal;
    text-decoration: none;

}

.RowStyle
{
    font-size: 0.7em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #ffffff;
    color: #3c3c3c;
}

.AlternatingRowStyle
{
    font-size: 0.7em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #fafad2;
    color: #3c3c3c;
}

.HeaderStyle
{
    font-size: 0.75em;
    color: navy;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #83b0ec;
    text-align: left;
    background-image: url(IMAGES/gridheader.jpg);
    height: 21px;
}

.UserRowStyle
{
    font-size: 0.8em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #ffffff;
    color: #3c3c3c;
}

.UserAlternatingRowStyle
{
    font-size: 0.8em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #fafad2;
    color: #3c3c3c;
}

.UserHeaderStyle
{
    font-size: 0.85em;
    color: navy;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #83b0ec;
    text-align: left;
    background-image: url(IMAGES/gridheader.jpg);
    height: 21px;
}

.TreeView-Back
{
    background-image: url(IMAGES/softblue.jpg);
    background-repeat: repeat;
    width: 100px;
    height: 169px;
    border-right: darkgray 1px dashed;
    border-bottom: #d3d3d3 1px solid;
}

.Content-Style-Blue
{
    background-color: #cddeee;
    height: 421px;
    background-position: 100% 100%;
    background-image: url(IMAGES/SoftBlue.jpg);
    border-bottom: gray 1px solid;
}

.Content-Style-Yellow
{
    background-color: #cddeee;
    height: 421px;
    background-position: 100% 100%;
    background-image: url(IMAGES/topshape_vintage.jpg);
    border-bottom: gray 1px solid;
}

.Content-Style-Green
{
    background-color: #cddeee;
    height: 421px;
    background-position: 100% 100%;
    background-image: url(IMAGES/page_back_green.jpg);
    border-bottom: gray 1px solid;
}

.Cart-HeaderStyle
{
    font-size: 0.9em;
    color: navy;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #83b0ec;
    text-align: left;
    background-image: url(IMAGES/gridheader.jpg);
    height: 21px;
}

.Order-HeaderStyle
{
    font-size: 0.9em;
    color: black;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #d3d3d3;
    text-align: left;
    height: 21px;
}

.Order-RowStyle
{
    font-size: 0.9em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #ffffff;
    color: black;
}

.Cart-RowStyle
{
    font-size: 0.9em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #ffffff;
    color: #3c3c3c;
}

.Cart-AlternatingRowStyle
{
    font-size: 0.9em;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    background-color: #fafad2;
    color: #3c3c3c;
}

.Extended-Price
{
    padding-right: 10px;
    text-align: right;
    width: 90px;
}

.Events
{
    border-top: #696969 1px dotted;
    font-size: 10pt;
    font-family: 'Trebuchet MS' , Arial;
    color: #696969;
}