/* ================================
    CSS STYLES FOR McGills STORE 
    v1.1, 06/2001
   ================================
*/   

BODY
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
}

/* */
.HomeHead
{
    color: #999966;
    /* color: #336699; */
    font-family: "Century Gothic";
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}

/* */
.ContentHead
{
    background-color: #003366;
    color: white;
    font-family: "Century Gothic";
    font-size: 20px;
    font-weight: bold;
    height: 28px
}

.BackOrderContentHead
{
    background-color: #4a3c8c;
    color: white;
    font-family: "Century Gothic";
    font-size: 20px;
    font-weight: bold;
    height: 28px
}

/* */
.SubContentHead
{
    background-color: #003366;
    color: white;
    font-family: "Century Gothic";
    font-size: 14px;
    font-weight: bold;
    height: 16px
}

.BackOrderSubContentHead
{
    background-color: #4a3c8c;
    color: white;
    font-family: "Century Gothic";
    font-size: 16px;
    font-weight: bold;
    height: 24px
}

/* */
.BigSalePrice
{
    color: #003366;
    font-family: "Century Gothic";
    font-size: 14px;
    line-height: 20pt
}

.SalePrice
{
    color: #003366;
    font-family: "Century Gothic";
    font-size: 12px;
    line-height: 12pt
}

/* */
.ModelNumber
{
    color: #808080;
    font-family: "Century Gothic";
    font-size: 12px;
    line-height: 20pt
}

/* */
.GroupName
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
}

/* */
.GroupDescription
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
}

/* */
.ItemNumber
{
    color: black;
    font-family: "Century Gothic";
    font-size: 16px;
    line-height: 20pt
}

/* */
.ItemName
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
}

/* */
.ProductNumber
{
    color: black;
    font-family: "Century Gothic";
    font-size: 16px;
    line-height: 20pt
}

/* */
.ProductName
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
}


/* */
.ProductList
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
}

/* */
.ErrorText
{
    color: #003366;
    font-family: "Century Gothic";
    font-size: 18px;
    line-height: 20pt
}

.CategoryHead
{
    background-color: #003366;
    color: white;
    font-family: "Century Gothic";
    font-size: 18px;
    font-weight: bold
}

.SearchHead
{
    background-color: #003366;
    color: white;
    font-family: "Century Gothic";
    font-size: 16px;
    font-weight: bold
}

.MostPopularHead
{
    background-color: #003366;
    color: white;
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: "Century Gothic";
    font-size: 12px;
    text-decoration: underline
}

.RelatedLinksHead
{
    background-color: #003366;
    color: white;
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold
}

A.RelatedLinksText, A.RelatedLinksText:link, A.RelatedLinksText:visited
{
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
    text-decoration: none
}

A.RelatedLinksText:hover
{
    color: red;
    font-family: "Century Gothic";
    font-size: 12px;
    text-decoration: underline
}

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

.CartListHead
{
    background-color: #dddca3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: "Century Gothic";
    font-size: 12px;
    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: "Century Gothic";
    text-decoration: none;
    color: black;
    font-size: 12px;
}   

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

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: black;
    font-family: "Century Gothic";
    text-decoration: none;
    font-size:  12px;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    color: red;
    text-decoration: underline;
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: black;
    font-family: "Century Gothic";
    text-decoration: none;
    font-size:  12px;	/*12px*/
    font-weight: bold;
    /* line-height: 16px; */
    /* padding-left: 10px */
}

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

A.MenuSelected
{
    color: white;
    font-family: "Century Gothic";
    text-decoration: none;
    font-size:  12px;	/*12px*/
    font-weight: bold;
    /* line-height: 16px; */
    /* padding-left: 10px */
}

A.MenuSelected:hover
{
    color: #003366;
    font-family: "Century Gothic";
    text-decoration: none;
    /* padding-left: 10px */
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Large
{
    font-family: "Century Gothic";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px    
}

.LargeBold
{
    font-family: "Century Gothic";
    font-size: 16px;
    font-weight: bold;
    line-height: 20px    
}

.Normal
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: normal;
    line-height: 16px    
}

.NormalDouble
{
    font-family: "Century Gothic";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px    
}

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

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

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: "Century Gothic";
    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: "Century Gothic";
    font-size: 12px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: normal;
    color: red
}

.NormalBoldRed
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold;
    color: red
}


.NormalBold
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold;
    line-height: 12px    
}

.NormalItalic
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold;
    line-height: 16px    
}



A:link  
{
	font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold; 
    text-decoration: underline;
    color:  #003366;
}


A:visited 
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold; 
    text-decoration: underline;
    color:  purple;
}


A:hover 
{
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold; 
    text-decoration: underline;
    color:  red;
}

SMALL   {
    font-size:  10px;
}

NORMAL   {
    font-size:  12px;
}

BIG {    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Arial, 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
}

     .SearchHead
    {
        background-color: #FFFFFF;
    }