/* ****    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: #9AB775;
    MARGIN: 0px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    margin:10px 0px;
    padding:0px;
}
/* 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: 18px;
    TEXT-ALIGN: left;
	line-height: 120%
}
/* 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{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

/* 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: #008080; TEXT-DECORATION: none;
}
A:active
{
    FONT-WEIGHT: normal; COLOR: #008080; TEXT-DECORATION: none;
}
/****************** end general classes ******************/


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

/* adds padding around the site logo */
.logo
{
    MARGIN: 5px 0px 5px 10px;
}

#sitecontainer {background-color: #ffffff; width: 1010px; margin:0px auto;}


.topcellback {
    background: url(../top_graybar_bg.jpg) repeat-x center center;
    color: #FFFFFF;
    font-size: 8px;
}

/* begin formating top green nav bar */

.greenbarback {
    background: url(../greenbar_bg.gif) repeat-x center center;
    color: #FFFFFF;
    FONT-WEIGHT: bold;
}

.greenbarback a:link
{
    FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none;
}
.greenbarback a:visited
{
    FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none;
}
.greenbarback a:hover
{
    FONT-WEIGHT: bold; COLOR: #008080; TEXT-DECORATION: none;
}
.greenbarback a:active
{
    FONT-WEIGHT: bold; COLOR: #008080; TEXT-DECORATION: none;
}

/* end formating top green nav bar */

/* 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) */

.footercellback {
    background: url(../footertop_bg.gif) repeat-x top center;
}
.Footertext
{
    COLOR: #000000;
    text-align: center;
}
/* sets the behavior of the footer bar */
.FooterBack
{
    BACKGROUND: #9AB775;
    COLOR: #000000;
}
.FooterLink:link
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none;
}
.FooterLink:visited
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none;
}
.FooterLink:hover
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline;
}
.FooterLink:active
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; 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: #ffffff;
}
TD#TDbelowNav
{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}
.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: #ffffff;
}
.navmargin
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 8px;
    COLOR: #333333;
    PADDING-TOP: 8px;
    TEXT-DECORATION: none;
		BACKGROUND-COLOR: #9ab775;
}

/* controls the links in the top gray bar */
.topcellback a:link
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-LEFT: 9px; COLOR: #FFFFFF; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.topcellback a:visited
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-LEFT: 9px; COLOR: #FFFFFF; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.topcellback a:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-LEFT: 9px; COLOR: #FFFFFF; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
.topcellback a:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-LEFT: 9px; COLOR: #FFFFFF; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}

/* 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: #008080; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
.deptbarlink:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-LEFT: 9px; COLOR: #008080; 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: #008080; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
.deptbarlink2:active
{
    FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 15px; COLOR: #008080; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}

#collection_form {margin:5px 0px 0px 0px;}
#collection_drop  {width:190px; font-size:12px;}
.search {font-size:12px;}

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


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

.emailmargin
{
   
    PADDING-LEFT: 8px; 
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
/*    PADDING-BOTTOM: 8px; */
    COLOR: #333333;
/*    PADDING-TOP: 8px; */
    TEXT-DECORATION: none;
		BACKGROUND-COLOR: #9ab775;
}

.emlTxt
{
	  color: #ffffff;
}		
/******************* end email signup classes *******************/


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

/* controls the padding around the content section of the page */
.HPPageContent
{
    PADDING-LEFT: 8px;
    PADDING-TOP: 10px;
	/* width:inherit; */
}

.PageContent
{
 /*   PADDING-LEFT: 10px;
	padding-right: 20px;
    PADDING-TOP: 20px; */
	margin: 20px 0px 0px 10px;
}

.PageTitle
{
    FONT-SIZE: 20px;
    COLOR: #008080;
	padding-bottom:10px;
}

.SecHeadings
{
    COLOR: #008080;
	font-size: 16px;
}

.InfopageHeadings
{
    COLOR: #008080;
	font-weight: bold;
}

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


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

.DeptTitle
{
    FONT-SIZE: 20px;
    COLOR: #008080;
	padding-bottom:10px;
	font-family:Tahoma;
}

.DeptBanner
{
	margin: 10px auto;
	float:left;
}

.DeptBannerTitle
{
   background: url(../shopbycat.gif) repeat-x bottom center;
   height: 27px;
   padding-left: 10px;
   font-weight: bold;
   color: #FFFFFF;
   font-family: Tahoma;
}

.DeptBannerBorder
{  
   border:#9AB775 thin solid;
}

.DeptDescription
{ 
   display:block;
   padding-top: 10px;
   margin-right: 10px;
   clear:left;
}

#prodtable
{
    margin: 20px auto;  
}

/* 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: #008080; TEXT-DECORATION: underline;
}
.deptlinkM:active
{
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #008080; 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: #008080; TEXT-DECORATION: underline;
}
.deptlinkP:active
{
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #008080; 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;
}

.PageSpanner {display:block; text-align:right; color:#008080; padding:0px 10px 0px 10px;}
.PageSpanner br{display:none;}

.PageSpanner a {color:#008080;}
.PageSpanner a:hover {text-decoration:underline;}

.deptInner td,
.prodInner td {width:25%;}

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


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

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

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

/* related product section title "You May Also be Interested In" */
.relProductlabel
{
   BACKGROUND: #9ab775 url(../shopbycat.gif) no-repeat top center;
   COLOR: #ffffff;
   height: 30px;
   padding-left: 10px;
   font-weight: bold;
}

.relProduct a {display:block;}

/* 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: #9AB775;
    COLOR: #000000;
}
/* 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: #9ab775;
    COLOR: #ffffff;
}

/* the color used in the ecommerce and shopper page tables, used to create borders around the page elements  */
.FeatureHeadbgcolor
{
    BACKGROUND: #ffffff;
    COLOR: #000000;
}

/* contols the featured items tables headers (Item, Image, Description, etc) */
.FeatureLabels
{
    BACKGROUND: #9ab775 url(../shopbycat.gif) repeat-x top center;
    COLOR: #ffffff;
    height: 30px;
    padding-left: 10px;
   font-weight: bold;
}

/* 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 *******************/

/* popup basket styles */
#cartpopwrapper
{
  align: left;
  position: relative;
  top: 60px;
  left: -25px;
  z-index:900;
  height: auto;
}
#cartpop
{
  position: absolute;
  top: 0px;
  left: 15px;
  z-index:899;
  height: auto;
}

.outermostpop { background-color: #DDDED2; }
.outerpop     { background-color: #007071; padding: 0px; }
.innerbg      { background-color: #ffffff; padding: 4px; }
.inneredge    { background-color: #9AB775; padding: 2px; }
.innerheader  { background-color: #9AB775; color: #ffffff; font-weight: bold; padding: 1px; }

.tablebgcolor { background-color: #ffffff; color: #007071; font-weight: bold; }
.cart_list_item { font-weight: normal; }

.home_heading {font-weight:bold; color:#007071; margin:6px 0px 6px 0px; font-size:16px;}