/* ****    Copyright (c) 1999-2007 UniteU Technologies Inc.  All rights reserved. ****/
/* ***********************************************************************************/
/* ****    This file contains default style definitions used in the UU eShop and  ****/
/* ****    eStore applications. This file is included on all store pages. This    ****/
/* ****    setting may be modified via the site manager so that a different file  ****/
/* ****    may be used.                                                           ****/
/*************************************************************************************/

/****************** general classes, used on multiple pages ******************/

/* controls all text that does not have a class specified */
BODY
{
    FONT-SIZE: 12px;
    BACKGROUND: #ffffff;
    MARGIN: 0px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* controls all table cells that do not have a class specified */
TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* controls all paragraphs that do not have a class specified */
P
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 8px;
    TEXT-ALIGN: left;
}
/* controls all images that do not have a class specified */
IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}

/* controls all links that do not have a class specified */
A:link
{
    FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none;
}
A:visited
{
    FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none;
}
A:hover
{
    FONT-WEIGHT: normal; COLOR: #ee484c; TEXT-DECORATION: none;
}
A:active
{
    FONT-WEIGHT: normal; COLOR: #ee484c; TEXT-DECORATION: none;
}
/****************** end general classes ******************/


/****************** header classes, used on every page ******************/

/* adds padding around the site logo */
.logo
{
    MARGIN: 5px 0px 5px 10px;
}
/* controls the links in the header */
.HeaderNav:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none;
}
.HeaderNav:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none;
}
.HeaderNav:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: underline;
}
.HeaderNav:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: underline;
}
/* sets the behavior of the header bar */
.HeaderNavBack
{
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-COLOR: #000000;
    BACKGROUND: #6699cc;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #666666;
    COLOR: #000000;
    BORDER-TOP-COLOR: #000000;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #000000;
}

/****************** end header classes ******************/


/******************* footer classes, used on every page *******************/

/* controls text in the footer (copyright, store address, etc) */
.Footertext
{

    COLOR: #ffffff
}
/* sets the behavior of the footer bar */
.FooterBack
{
    BACKGROUND: #6699cc;
    COLOR: #ffffff;
}
.FooterLink:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none;
}
.FooterLink:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none;
}
.FooterLink:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ee484c; TEXT-DECORATION: none;
}
.FooterLink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ee484c; TEXT-DECORATION: none;
}

/******************* end footer classes *******************/


/******************* nav classes, used on every page *******************/

/* controls the Shop by ... dropdown */
.qjump
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none;
}

/* the 6 classes used to control the left navigation's look and feel */
TABLE#headerTable
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc;
}
TABLE#TableNnav
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc;
}
TD#TDbottom
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc;
}
TD#TDbelowNav
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc;
}
.nav
{
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #666666 1px solid;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #cccccc;
}
.navmargin
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 8px;
    COLOR: #333333;
    PADDING-TOP: 8px;
    TEXT-DECORATION: none;
}

/* controls the top level left navigation links */
.deptbarlink:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-LEFT: 9px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.deptbarlink:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-LEFT: 9px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.deptbarlink:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-LEFT: 9px; COLOR: #ee484c; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
.deptbarlink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-LEFT: 9px; COLOR: #ee484c; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}

/* controls the 2nd level left navigation links */
.deptbarlink2:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #656565; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.deptbarlink2:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #656565; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.deptbarlink2:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #ee484c; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
.deptbarlink2:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #ee484c; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}

/******************* end nav classes *******************/


/* email signup classes, used on every page *******************/
/* controls the Email Sign Up section's background */
TABLE#emailSignUp
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc;
}
.EmailSignupbgcolor
{
    BACKGROUND: #cccccc;
    COLOR: #000000;
}
.EmailSignupTitle
{
    BACKGROUND: #cccccc;
    COLOR: #000000;
}
.EmailSignupText
{
    BACKGROUND: #cccccc;
    COLOR: #000000;
}
/******************* end email signup classes *******************/


/******************** page classes, used on every page *******************/

/* controls the padding around the content section of the page */
.PageContent
{
    LEFT: 15px;
    POSITION: relative;
    TOP: 20px;
}
.PageTitle
{
    FONT-SIZE: 20px;
    COLOR: #000000;
}

/******************* end page classes ********************/


/******************** dept page classes *******************/

.DeptTitle
{

    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
}

/* controls the subdepartment links */
.deptlinkM:link
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none;
}
.deptlinkM:visited
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none;
}
.deptlinkM:hover
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #ee484c; TEXT-DECORATION: underline;
}
.deptlinkM:active
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #ee484c; TEXT-DECORATION: none;
}

/* controls the product links */
.deptlinkP:link
{
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: underline;
}
.deptlinkP:visited
{
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: underline;
}
.deptlinkP:hover
{
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ee484c; TEXT-DECORATION: underline;
}
.deptlinkP:active
{
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ee484c; TEXT-DECORATION: underline;
}

/* price class used when a product is on sale */
.ListPricewSale
{
    FONT-SIZE: 12px; COLOR: #000000;
}
/* price class used when a product is not on sale */
.ListPricewoSale
{
    FONT-SIZE: 12px; COLOR: #000000;
}
.SalePrice
{
    FONT-SIZE: 12px; COLOR: #ff0000;
}
/* price class used if 3 prices are specified */
.MSRPPrice
{
    FONT-SIZE: 12px; COLOR: #000000;
}

/******************* end dept page classes *******************/


/******************* product page classes *******************/

.ProductName
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
}

/* controls "Back To" links */
.deptlinkM2:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #555555; TEXT-DECORATION: none;
}
.deptlinkM2:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #555555; TEXT-DECORATION: none;
}
.deptlinkM2:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ee484c; TEXT-DECORATION: none;
}
.deptlinkM2:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ee484c; TEXT-DECORATION: none;
}

/* related product section title "You May Also be Interested In" */
.relProductlabel
{
    COLOR: #000000;
}

/* price class used when a related product is on sale */
.ListPricewSaleR
{
    FONT-SIZE: 12px; COLOR: #000000;
}
/* price class used when a related product is not on sale */
.ListPricewoSaleR
{
    FONT-SIZE: 12px; COLOR: #000000;
}
.SalePriceR
{
    FONT-SIZE: 12px; COLOR: #ff0000;
}
/* price class used if 3 prices are specified for a related product*/
.MSRPPriceR
{
    FONT-SIZE: 12px; COLOR: #000000;
}

/******************* end product page classes *******************/


/******************* ecommerce page classes *******************/

/* the color used in the ecommerce and shopper page tables, used to create borders around the page elements  */
.SubHeadbgcolor
{
    BACKGROUND: #999999;
    COLOR: #000000;
}
/* contols the ecommerce and shopper page tables headers */
.SubHeadText
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
}
/* controls the text in the ecommerce and shopper page tables and sets the cell background color */
.TableText, .tablebgcolor, .cart_list_item
{
    BACKGROUND: #ffffff;
    COLOR: #000000;
}
/* contols the basket page tables headers (Item, Image, Description, etc) */
.CartLabels
{
    BACKGROUND: #999999;
    COLOR: #000000;
}
/* contols the text written if a shopper errors on the basket page */
.BasketErrors
{
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
}
/* contols the text written if a shopper errors on the payment page */
.PurchaseErrors
{
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
}
/* contols the text written if a shopper errors on the ecommerce pages */
.ErrorMsg
{
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
}
/* contols the look of the text in the payment page text boxes */
.PaymentInput
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
}

/******************* end ecommerce page classes *******************/


/******************* shopper page classes *******************/

/* contols the text written on the shopper pages (Shopper Lookup, New Account, etc) */
.SubText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #000000;
}
/* contols the look of the text in the shopper page optional text boxes */
.optional
{
    BACKGROUND: #ffffff;
    COLOR: #000000;
}
/* contols the look of the text in the shopper page required text boxes (email, first name, etc) */
.required
{
    FONT-WEIGHT: bold;
    BACKGROUND: #ffffff;
    COLOR: #000000;
}

/******************* shopper page classes *******************/