﻿/* ****    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 ******************/
/* COLORS 
** lt gray:	dbd7cc - background color
** pink:	be6174
** brown:	59453a - buttons
** brown:	4b3900 - header and footer
** dk gray:	474747 - font color
*/


/* controls all text that does not have a class specified */
BODY
{	
	color: #474747;
}
/* controls all table cells that do not have a class specified */
TD
{

}
/* controls all paragraphs that do not have a class specified */
P
{
    
}
/* 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;
}

form, iframe {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* controls all links that do not have a class specified */
A:link
{
    
}
A:visited
{
    
}
A:hover
{
    
}
A:active
{
    
}
/****************** 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;*/
	background-color:#FFFFFF;
}
.PageTitle
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
    COLOR: #be6174;
}

/******************* end page classes ********************/


/******************** dept page classes *******************/

.DeptTitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    COLOR: #be6174;
	padding:0px 0px 5px 0px;
	vertical-align:middle;
}

/* 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;
	text-decoration:line-through;
}
/* price class used when a product is not on sale */
.ListPricewoSale
{
    FONT-SIZE: 12px; COLOR: #000000;
}
.SalePrice
{
    FONT-SIZE: 12px; COLOR: #ff0000;
}
.SingleProductDisplayPrice .ListPricewSale {display:none;}
/* price class used if 3 prices are specified */
.MSRPPrice
{
    display:none; visibility:hidden;
}

/******************* end dept page classes *******************/


/******************* product page classes *******************/

.ProductName
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
}


/* controls "Back To" links */
.deptlinkM2:link, .deptlinkM2:visited
{
    FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #be6174; TEXT-DECORATION: none;
}

.deptlinkM2:hover, .deptlinkM2:active
{
    FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #4b3900; TEXT-DECORATION: none;
}

/* related product section title "You May Also be Interested In" */
.relProductlabel
{
    COLOR: #000000;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}

/* 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: #be6174;
	color: #FFFFFF;
}
/* contols the ecommerce and shopper page tables headers */
.SubHeadText
{
    FONT-WEIGHT: bold;
    COLOR: #be6174;
	background: #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;
}

/* Alternate row color for cart item rows */
.tablebgcolor_alternate
{
    BACKGROUND: #CCCCCC;
    COLOR: #000000;
}
/* contols the basket page tables headers (Item, Image, Description, etc) */
.CartLabels
{
    BACKGROUND: #be6174;
    COLOR: #FFFFFF;
}
/* contols the text written if a shopper errors on the basket page */
.BasketErrors
{
    
}
/* contols the text written if a shopper errors on the payment page */
.PurchaseErrors
{
    
}
/* contols the text written if a shopper errors on the ecommerce pages */
.ErrorMsg
{
    
}
/* 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 *******************/


/******************* homepage product page classes *******************/
.thinline {
	border-top: 1px solid black;
	margin: 5px 0px 5px 0px;
}

.HomepageDeptName { 
	color:#4b3900;
	font-size: 36px;
	padding: 0px 18px 20px 0px;
}

#product_detail_name {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
}

#product_detail_desc {
	padding: 0px 0px 15px 0px;
}

#product_detail_price { padding:5px 0px 0px 0px;}

#product_detail_price .ListPricewSale,
#product_detail_price .ListPricewoSale,
#product_detail_price .SalePrice,
#product_detail_price .MSRPPrice {
	color: #B40A0A;
	font-weight: bold;
}
#product_detail_price .ListPricewSale {
	color: #000000;
	text-decoration:line-through;
}
#product_detail_price .ListPricewoSale {
	color: #000000;
	font-weight: bold;
}

.HomepageThumb {
	border: 1px solid #000000;
	margin: 0px 3px 0px 3px;
}
.HomepageThumbActive {
	border: 2px solid #be6174;
	margin: 0px 3px 0px 3px;
}

.hiddenDiv {display: none; visibility:hidden;}
.displayDiv {display:block; visibility:visible;}

/* restrict width of select */
.SkuSelect {width: 130px;}

/* Search page */
#Search-Form td {
	padding-bottom: 10px;
}

/* IE select tag fix */
.select-free
{
	/*position:absolute;*/
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.PageSpanner br {display:none;}

/*#prodInner td table:hover {background: url(../zinnia/thumbnailBorderPink.gif) no-repeat;}*/