/****************** general classes, used on multiple pages ******************/
/* colors
very light brown (tan): FAEBCF
light brown (left nav): E0C796
dark brown: 540000
footer brown: 754C23
header cart brown: 5E1E0B
reddish brown: 953B3B
light grey: 868686
*/
/* controls all text that does not have a class specified */
BODY
{
    FONT-SIZE: 12px;
    BACKGROUND: #ffffff;
    MARGIN: 0px;
    COLOR: #868686;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* controls all table cells that do not have a class specified */
TD
{
    COLOR: #868686;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* controls all paragraphs that do not have a class specified */
P
{
    COLOR: #868686;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
}
/* 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; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: underline
}
A:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: underline
}

.splashtext
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    color:#54431E;
    width:500px;
    text-align:justify;
}
.storelocations
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
	line-height:14px;
    color:#54431E;
    text-align:center;
}	
.storelocations:link,.storelocations:visited,.storelocations:hover,.storelocations:active
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
	line-height:14px;
    color:#54431E;
    text-align:center;
}
.splashlink:link
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    color:#54431E;
    text-align:center;
    text-decoration:underline;
}	
.splashlink:visited
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    color:#54431E;
    text-align:center;
    text-decoration:underline;
}	
.splashlink:hover
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    color:#1F1705;
    text-align:center;
    text-decoration:underline;
}	
.splashlink:active
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    color:#1F1705;
    text-align:center;
    text-decoration:underline;
}	
	
/****************** end general classes ******************/


/****************** header classes, used on every page ******************/

/* adds padding around the site logo */
.logo
{
    MARGIN: 0px 0px 0px 10px
}
/* controls the links in the header */
.carttext
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif; line-height:25px; padding-right: 5px; background-color:#540000; width: 280px; height:25px;
}
.cart:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: none;
}
.cart:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: none;
}
.cart:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: underline;
}
.cart:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: underline;
}

.headerlinktext
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif;
}
.headerlink
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif;
}
.headerlink:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: none;
}
.headerlink:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: none;
}
.headerlink:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: underline;
}
.headerlink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline; font-family:Arial, Verdana, Helvetica, Sans-Serif; text-decoration: underline;
}

/****************** end header classes ******************/


/******************* footer classes, used on every page *******************/

/* controls text in the footer (copyright, store address, etc) */
.FooterText
{
    COLOR: #ffffff
}
.FooterText2
{
    COLOR: #000000
}
/* sets the behavior of the footer bar */
.FooterBack
{
    background-image:url(/trunk/assets/images/footer.gif);
	background-repeat:no-repeat;
	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: #ffffff; TEXT-DECORATION: underline
}
.FooterLink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: underline
}
.UULink:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
.UULink:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
.UULink:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
.UULink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}

/******************* end footer classes *******************/


/******************* nav classes, used on every page *******************/

/* controls the Shop by ... dropdown */
.qjump
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration:none;
	line-height: 16px;
}

/* controls the search box */
.search
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration:none;
	line-height: 16px;
	width: 120px;
}

/* the 6 classes used to control the left navigation's look and feel */
TABLE#headerTable
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000
}
TABLE#emailSignUp
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000
}
TABLE#TableNnav
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000
}
TD#TDbottom
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000
}
TD#TDbelowNav
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000
}
.nav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #F8E4BE;
}

/* controls the top level left navigation links */
.deptbarlink:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: none; line-height:18px;
}
.deptbarlink:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: none; line-height:18px;
}
.deptbarlink:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: underline; line-height:18px;
}
.deptbarlink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: underline; line-height:18px;
}

/* controls the 2nd level left navigation links */
.deptbarlink2:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.deptbarlink2:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.deptbarlink2:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #000000; TEXT-ALIGN: left; TEXT-DECORATION: underline
}
.deptbarlink2:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #000000; 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: #F8E4BE
}
.EmailSignupbgcolor
{
    BACKGROUND: #F8E4BE;
    COLOR: #000000
}
.EmailSignupTitle
{
    BACKGROUND: #F8E4BE;
	font-size:10px;
    COLOR: #000000
}
.EmailSignupText
{
    BACKGROUND: #F8E4BE;
	font-size:9px;
    COLOR: #000000
}
/******************* end email signup classes *******************/


/******************** page classes, used on every page *******************/

/* controls the padding around the content section of the page */
.PageContent
{
    padding: 5px 15px 5px 15px;
}
.PageTitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #540000;
    line-height:34px;
}

/******************* end page classes ********************/


/******************** dept page classes *******************/

.DeptTitle
{
    
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #540000;
    width:100%; padding-left:0px; border-bottom:10px solid #FAEBCF;line-height:34px;
}

/* controls the subdepartment links */
.deptlinkM:link
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: none
}
.deptlinkM:visited
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: none
}
.deptlinkM:hover
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: underline
}
.deptlinkM:active
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #868686; TEXT-DECORATION: underline
}

/* controls the product links */
.deptlinkP:link
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #540000; TEXT-DECORATION: none
}
.deptlinkP:visited
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #540000; TEXT-DECORATION: none
}
.deptlinkP:hover
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #540000; TEXT-DECORATION: underline
}
.deptlinkP:active
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #540000; TEXT-DECORATION: underline
}
.dept_text td{COLOR: #868686;}
	
/* price class used when a product is on sale */
.ListPricewSale
{
    FONT-SIZE: 12px; COLOR: #540000
}
/* price class used when a product is not on sale */
.ListPricewoSale
{
    FONT-SIZE: 12px; COLOR: #540000
}
.SalePrice
{
    FONT-SIZE: 12px; COLOR: red
}
/* price class used if 3 prices are specified */
.MSRPPrice
{
    FONT-SIZE: 12px; COLOR: #540000
}

/******************* end dept page classes *******************/


/******************* product page classes *******************/

.ProductName
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #5E1E0B
}

/* controls "Back To" links */
.prod_dept_name {width:100%; padding-left:0px; border-bottom:10px solid #FAEBCF;line-height:34px;}
.deptlinkM2:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #540000; TEXT-DECORATION: none;
}
.deptlinkM2:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #540000; TEXT-DECORATION: none;
}
.deptlinkM2:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #540000; TEXT-DECORATION: underline;
}
.deptlinkM2:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #540000; TEXT-DECORATION: underline;
}

/* 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: #540000
}
/* price class used when a related product is not on sale */
.ListPricewoSaleR
{
    FONT-SIZE: 12px; COLOR: #540000
}
.SalePriceR
{
    FONT-SIZE: 12px; COLOR: red
}
/* price class used if 3 prices are specified for a related product*/
.MSRPPriceR
{
    FONT-SIZE: 12px; COLOR: #540000
}

/******************* 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: #754C23;
    COLOR: #F3E1B9
}
/* contols the ecommerce and shopper page tables headers */
.SubHeadText
{
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF
}
/* 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: inherit;
    COLOR: #FFFFFF
}
/* 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 *******************/

.PageSpanner {color:#868686}
.PageSpanner:link {color:#868686}

.product_description {color:#868686}

.prod_qty {border:1px solid #540000}

.search_table {padding-left:15px;}
.search_text {color:#540000;font-size:18px;padding:10px 0px 5px 15px;}
.related_title {color:#540000;font-size:18px;padding:0px 0px 0px 0px; margin:0px 20px 10px 20px; border-bottom:2px solid #540000;line-height:34px;}
.related_div,.related_div a:link,.related_div a:visited,.related_div a:hover,.related_div a:active {color:#000000;font-weight:normal;font-size:12px;}
.related_div img {border:1px solid #540000;}
.dept_brown_bar {width:100%;height:10px;background:#FAEBCF;}