h1, h2, h3, h4, h5,h6 
{font-size: 100%;}

/* Removes list-style from lists */
ol, ul
{list-style:none;}

.contents ol {
list-style:decimal;}
.contents ul
{list-style-image: url(/live/images/bullet.gif);}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em strong, th, var
{font-style: normal; font-weight:normal;}

/* Removes borders from tables */
table
{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img
{border:0;}

/* Left-aligns text in caption and th */
caption, th
{text-align:left;}

/* Removes quotation marks from q */
q:before, q:after
{content:'';}

a:link, a:visited, a:hover, a:active {
	color: #4D2615;
	text-decoration: none;
}

html {
	text-align:center;
	background:url(http://s.tea-global.net/mas_assets/theme/tea_collection/images/site-main-background.jpg);}

/* fixed width with auto left and right margins centers design */
body {
	width:800px;
	margin: 0 auto;
	text-align:center;
	margin-top:15px;}
	
.mainNav {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4D2615;
}
a.mainNav {
	color: #4D2615;
	text-decoration:none;
}
/* a element whose class is "mainNav" during user action of "hover" */
a.mainNav:hover {
	color: #C80000;
	text-decoration:none;
}
a.brownLink {
	color: #4D2615;
	text-decoration:none;
}
a.brownLink:hover {
	color: #C80000;
	text-decoration:none;
}
a.brownLink:visited {
	color: #4D2615;
	text-decoration:none;
}
a.redLink {
	color: #C80000;
	text-decoration:none;
}
a.redLink:hover {
	color: #817E7D;
	text-decoration:none;
}
a.redLink:visited {
	color: #C80000;
	text-decoration:none;
}
a.greyLink {
	color: #817E7D;
	text-decoration:none;
}
a.greyLink:hover {
	color: #C80000;
	text-decoration:none;
}
a.whiteLink {
	color: #FFFFFF;
	text-decoration:none;
}
a.greyLink_underline {
	color: #817E7D;
}
a.greyLink_underline:hover {
	color: #C80000;
}
a.whiteLink {
	color: #FFFFFF;
	text-decoration:none;
}
a.whiteLink:hover {
	color: #C80000;
	text-decoration:none;
}
.categories {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 30px;
	padding-top: 25px;
	text-align:left;
	color: #817E7D;
}
.subCategories {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
	text-align:left;
	color: #817E7D;
}

.contents {
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	text-align:left;
	text-decoration:none;
}

.contents a:link, .contents a:visited  {
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	text-decoration: underline;
}
.contents a:hover  {
	color: #c80000;
}
a.contents:link, a.contents:visited {
	font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	text-decoration: none;
}
a.contents:hover {
	color: #C80000;
}

.contents h1 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	margin-bottom: 2px;
	margin-top: 10px;
	text-align:left;
	text-decoration:none;
}
.contents h2 {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #4D2615;
}
.contents h3 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	margin-bottom: 2px;
	margin-top: 13px;
	text-align:left;
	text-decoration:none;
}

#textMain h3 {
margin-top: 0px;
}

.mainFooter {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	background:url(http://s.tea-global.net/mas_assets/theme/tea_collection/images/site-main-background.jpg);
}
a.mainFooter {
	color: #817E7D;
	text-decoration:none;
}
a.mainFooter:hover {
	color: #FFFFFF;
	text-decoration:none;
}
.contentFooter {
	width:750px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color: #636467;
}
a.contentFooter {
	color: #636467;
	text-decoration:none;
}
a.contentFooter:hover {
	color: #C80000;
	text-decoration:none;
}
#chart {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-color: #4D2615;
	border-collapse: collapse;
	}
#chart td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #ccc;
	}
#chart thead {
	background-color: #AAA;
	vertical-align:middle;
	color: #4D2615;
	}
	
#chart th {
	text-align: left;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color: #4D2615;
	background-color: #E8E3E2;
	padding: 0px 33px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	}
#chart h4 {
	text-align: left;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-botton: 0px;
	color: #4D2615;
	}
#chart h5 {
	text-align: center;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #4D2615;
	padding: 0px 5px;
	}
	
#nav {
	background-color:#E8E7E0;
  list-style:none;
	padding:0;
	margin:0;
 }
#nav ul {  
	padding: 4px 0;
  margin: 0;
  list-style: none;}
/* hack to hide this from IE -- makes alignment of dropdown to main tab consistent from IE to Firefox */
html>body #nav ul { margin:0 0 0 -10px;}
#nav a {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#4D2615;
	text-decoration: none;
}
/* transforms first-level list into a horizontal menu bar */
#nav li {  float: left;
  position: relative;
  padding-right:12px;
  padding-left:12px;
  
  }

#nav li:hover, #nav li.over {
  background-color:#EEE;}
  
/* assigns a hover/active state to the relevant tab */
#nav li a:hover,  
.girl #nav #girl,
  .boy #nav #boy,
  .about #nav #about,
  .layette #nav #layette,
  .women #nav #women
  .dailyTea #nav #dailyTea,
  .gifts #nav #gifts,
  .papers #nav #papers,
  .sale #nav #sale {
 color: #c80000; 
}
/* positions the second-level lists that are the dropdowns themselves */
#nav li ul {display: none;
  position: absolute; 
  top: 100%;
  left: 0;
	}
/* resets the top and left propoerties on all but IE browsers */
#nav li > ul {top: auto;
  left: auto;}
/* says that any list that is listed in a list item that has a cursor hovering over it should be displayed */
#nav li:hover ul, #nav li.over ul {
	display: block;
	background-color:#EEE;
	width:7em;
	text-align:left;
	position:absolute;
	top:-25px;
}


#nav li li.subCat {
	color: #4D2615;
	font:normal 9px/13px Verdana, Arial, Helvetica, sans-serif;
	width:6em;
	padding-top:5px;
	left:-1px;
	white-space:nowrap;
	}

.input { font-size: 9px; }

/* must be an id, not a class, for the drop downs to work */
#footerList {
  list-style:none;
	padding:0;
	margin:0;
 }
#footerList ul {  
	padding: 0 0 7px 0;
  margin: 0;
  list-style: none;}
/* hack to hide this from IE -- makes alignment of dropdown to main tab consistent from IE to Firefox */
html>body #footerList ul { margin: 0 0 0 -10px;}
#footerList a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	text-decoration: none;
}
/* transforms first-level list into a horizontal menu bar */
#footerList li {
  position: relative;
  padding: 1px 20px;
  }
  
#footerList li a:hover {
	color: #c80000;
}
  
/* positions the second-level lists that are the dropdowns themselves */
#footerList li ul {
display: none;
  position: absolute; 
  bottom: 100%;
  left: 200px;
	}
/* formats dropdown category */
#footerList li li a {
	display: block;
	color: #FFFFFF;
	font:normal 9px/13px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 5px;
	letter-spacing:.1em;
	white-space:nowrap;
}

#footerList li li a:hover {
	color: #c80000;
}
/* resets the top and left propoerties on all but IE browsers */
#footerList li > ul {bottom: auto;
  left: auto;}
/* says that any list that is listed in a list item that has a cursor hovering over it should be displayed */
#footerList li:hover ul, #footerList li.over ul {
	display: block;
	clear:left;
	background-color:#9B9286;
	width:200px;
	text-align:left;
	position:absolute;
	bottom:0px;
	left:50px;
	opacity:0.9;
	z-index:10;
}


#footerList li .subFooter li  {
padding:2px 5px;
	}
.input { font-size: 9px; }

.shopFooter, .helpFooter, .aboutFooter {
float:left;
display:block;
}

.shopFooter {
border-right: #cccccc thin solid;
padding-right: 35px;
}

.aboutFooter {
padding-left: 25px;
border-right: #cccccc thin solid;
padding-right: 35px;
}

.helpFooter {
padding-left:475px;
margin-top: -7.5em;
}

.shopFooter h1, .aboutFooter h1 a, .helpFooter h1 a {
color: #666666;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 20px;
text-transform:uppercase;
}

.helpFooter h1{
color: #666666;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0;
}

.helpFooter h1 a:hover {
color:#C80000;
}

li.girl, li.boy, li.baby {margin-left:0em;}
li.gifts {margin-top:-4.8em;}
li.gifts, li.papers, li.sale {margin-left: 11.5em;}
li.citizenship {margin-top:-4.8em;}
li.citizenship, li.careers {margin-left: 15em;}
li.trackOrder {margin-top:-4.8em;}
li.trackOrder, li.contactUs, li.contactInfo {margin-left:15em;}

.TeaBlurb {
color: #aaaaaa;
padding:10px 15px 15px 10px;
}

/* JEFF DOLAN DEBUG: STYLES ADDED FOR B2C OPERATIONAL REVIEW */

.layoutFooter {
width: 100%;
position: relative;
/* top: -3px; */
}

.locator {
	font-size: 11px;
	}
	
select {
	font-size: 11px;
	}

.locatorHeader {
	margin-bottom: 1px;
	}
.header-text a:link, .header-text a:visited {
	color: #636467;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.header-text a:hover {
	color: #C80000;
}
.footer-a a:link, .footer-a a:visited {
	font:9px Verdana, Arial, Helvetica, sans-serif; 
	color:#636467; 
	text-decoration:none;
}
.footer-a a:hover {
	font:9px Verdana, Arial, Helvetica, sans-serif;  
	color:#C80000;
	text-decoration:none;
}
.footer-b a:link, .footer-b a:visited {
	font:10px Verdana, Arial, Helvetica, sans-serif; 
	color:#DDDDDD; 
	text-decoration:none;
}
.footer-b a:hover {
	font:10px Verdana, Arial, Helvetica, sans-serif; 
	color: #C80000; 
	text-decoration:none;
}
.layoutContent-stores {
padding-bottom: 25px;
}

.layoutContent-stores h1 {
font: 14px Georgia, 'Times New Roman', Times, serif; 
text-transform:uppercase; 
letter-spacing:.1em; 
margin-bottom:5px;
padding-bottom:0;
color: #817E7D;
}

.layoutContent-stores p {
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #817E7D;
width: 550px;
padding: 0px 5px 15px 0px;
}
ul.store-content, ul.store-content {
margin: 0;
padding: 0 0 50px 0;
}
ul.store-content li {
float:left;
padding:0 25px 25px 0;
}

ul.store-content li a:link, ul.store-content a:visited {
font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
color: #817E7D;
}
ul.store-content a:hover {
color:#c80000;
}

/*
.container {
	width: 425px;
}*/
h4.trigger {
	padding: 0 0 0 50px;
	margin: 5px 0;
	height: 15px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h4.trigger a:link, h4.trigger a:visited {
	color: #817E7D;
	text-decoration: none;
	display: block;
}
h4.trigger a:hover {
	color: #c80000;
}
h4.active {background-position: left bottom;}
.toggle_container {
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: 425px;
	clear: both;	
	font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 45px;
	padding: 0 0 25px 15px;
}
.toggle_container .block {
	margin: 20px;
}
.toggle_container .block p {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
text-transform: lowercase;
}
	
.block h5 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-transform: lowercase;
margin-bottom: 0;
padding-bottom: 0;
}
/* 1. --- Resets, Overrides and Miscellaneous --------------- */
.oops,
a.oops {color: #fff;background-color:#f00;}

#teaCollectionHeader {
	position: relative;
	min-height: 83px;
	background: #fff;
	width: 784px;
	padding: 0 8px;
}
.siteLogo#teaCollectionHeader a:hover { color: #572600; }

/* Overriding retailstyles.css */
#teaCollectionHeader .cartStubLink,
#teaCollectionHeader .cartStubLink:link,
#teaCollectionHeader .cartStubLink:active,
#teaCollectionHeader .cartStubLink:hover,
#teaCollectionHeader .cartStubLink:visited {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-decoration: inherit;
}
#teaCollectionHeader .cartStubLink:hover {
	color: #c80000;
}

/* 2. --- Shared CSS ---------------------------------------- */
.siteLogo,
.nav,
.nav li,
.nav ol,
.nav h3,
.nav h4,
.nav p { margin: 0; padding: 0; list-style: none; }

.siteLogo a,
.nav a,
.navMain a,
.navMain li:hover .subMenu { display: block; }

.siteLogo,
.nav,
.subMenu { position: absolute; }

.siteLogo a,
.nav a,
.navMain a { width: 100%; height: 100%; }

.siteLogo a:visited,
.nav a:visited,
.navMain a:visited { font-size: inherit; }

.siteLogo a,
.navMain a {
	text-indent: -9999px;
	overflow: hidden;
}
.navMain .menu li a { text-indent: 0; }

.util,
.util a { color: #85807d; }
#teaCollectionHeader .caption  a {color:#595B5A;}
.util a:hover,
#teaCollectionHeader .caption  a:hover {
	color:#C80000;
}

.nav li,
.navMain li { float: left; }
/* 3. --- Background Images --------------------------------- */
.siteLogo,
.menu,
.util input,
#footer p.shop-with span.logo { background-image: url('/images/navi.png'); background-repeat: no-repeat; }

/* Still gonna play kinda nice with IE6 and not 
   give them nasty blue backgrounds by using PNGs */
.IE6 .siteLogo,
.IE6 .menu,
.IE6 .util input,
.IE6 #footer p.shop-with span.logo { background-image: url('/images/navi-ie6.gif'); }
/* 4. --- Main Navigation  ---------------------------------- */
.siteLogo {
	height: 83px;
	width: 83px;
	top: 0;
	left: 13px;
	background-color: #4e0c05;
	background-position: -441px -120px;
}
.navMain {
	margin: 0;
	width: auto;
	background: #e2dddb;
	bottom: 0;
	right: 7px;
	width: 685px;
}
.navMain li {
	width: 89px;
	position: relative;
}
.navMain a { padding: 5px; }

.menu  { background-position:    0   0; }
.girls { background-position:    0   0; }
.boys  { background-position:  -87px 0; }
.baby  { background-position: -174px 0; }
.women { background-position: -261px 0; }
.gifts { background-position: -348px 0; }
.sale  { background-position: -435px 0; }

.navMain li:hover.girls { background-position:    0   -49px; }
.navMain li:hover.boys  { background-position:  -87px -49px; }
.navMain li:hover.baby  { background-position: -174px -49px; }
.navMain li:hover.women { background-position: -261px -49px; }
.navMain li:hover.gifts { background-position: -348px -49px; }
.navMain li:hover.sale  { background-position: -435px -49px; }
/* 5. --- Sub Menus ----------------------------------------- */
.subMenu {
	display: none;
	padding: 5px;
	top: 22px;
	background: #f6f4f4;
	width: 676px;
	overflow: hidden;
	text-align: left;
	line-height: 1.5;
	z-index: 100; 
}

/* Overriding Main Menu Stuffs for the sub menus */
.navMain .subMenu h3 {
	padding-left: 1%;
}
.navMain .subMenu li {
	float: none;
	position: static;
	width: auto;
}
.navMain .subMenu ol ol { margin-left: 10px; }
.navMain .subMenu li:hover { background: transparent; }
.navMain .subMenu a {
	padding: 0;
	display: inline;
	height: auto;
	width: auto;
}
.navMain .subMenu a:hover {
	color:#C80000;
}

.girls .subMenu { left:   0;    }
.boys .subMenu  { left: -89px;  }
.baby .subMenu  { left: -178px; }
.women .subMenu { left: -267px; }
.gifts .subMenu { left: -356px; }
.sale .subMenu  { left: -445px; }

/* Providing extensibility to the submenus to all secondary width */
.navMain .subMenu .double li,
.navMain .subMenu .triple li,
.navMain .subMenu .quad li   { float: left; }
.navMain .subMenu .double li { width: 50%; }
.navMain .subMenu .triple li { width: 33%; }

.navCol        { width: 20.5%; float: left; padding: 10px 0 0 0; margin: 0 1%; }
.navCol.first  { width: 8%;   } /* For the "Shop For:" column */
.navCol.double { width: 43%;   }
.navCol.triple { width: 65.5%; }
.navCol.quad   { width: 75.5%; }

.navPromoBox p,
.navPromoBox a { float: left; }

.navPromoBox {
	background-color: #fff;
	padding: 10px 1%;
	width: 74.5%;
	margin: 10px 0 0;
}
.navPromoBox p {
	font: normal 16px/1.5 Georgia;
	width: 244px;
}
.navPromoBox a {
	text-indent: 0;
	margin: 0 5px;
}

.IE7 .navPromoBox   { width: 75%; padding: 8px; }
.IE7 .navPromoBox p { width: 244px; }
.IE7 .navPromoBox a { margin: 0;    }
.IE67 .navMain .subMenu h4 a {text-indent: 0;}

/* 6. --- Utility Navigation -------------------------------- */
.util,
.util a:link,
#teaCollectionHeader .caption,
#teaCollectionHeader .caption a { font-size: 11px; }
.util,
#teaCollectionHeader .caption { top: 5px; }

.util {
	right: 7px;
	text-align: left;
}
#teaCollectionHeader .caption {
	position: absolute;
	left: 110px;
	margin: 0;
	padding: 0;
}

#shoppingBag {
	width: 150px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	text-align: right;
	color: #fff;
	font-size: 110%;
	text-transform: uppercase;
	background: #cfc8c5;
}
#shoppingBag b { display: block; }
#shoppingBag a { overflow: visible; text-indent: 0; color: #fff; padding: 0; }

.util li {
	border-left: 1px solid #85807d;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.util li.locations {
	padding-top: 0;
	padding-bottom: 0;
}
.util li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}
.util li.last {
	border-left: 0;
	margin-left: 0;
}

.util form {
	margin: 0;
	padding: 0;
}
.util input {
	height: 12px;
	width: 150px;
	border: 1px solid #cfc8c5;
	background-color: #fff;
	padding: 1px;
	margin: 0;
	cursor: pointer;
	background-position: 138px -118px;
	color: #85807d;
}
.IE .util input { font-size: 10px; }
.util label { display: none; }
/* 7. --- Footer Replacement Code --------------------------- */
p.shop-with { position: relative; }
.logo.mcafee { background-position: 0     -200px; left: 93px; }
.logo.trust  { background-position: -93px -200px; }
/* 8. --- Clearfix Solution --------------------------------- */
.clrfx:after  {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clrfx        { display: inline-block; }
* html .clrfx { height: 1%; }
.clrfx        { display: block; }
/* 9. --- IE7 Stylesheet Inclusion -------------------------- */
.IE7 #slides { 
	height: 450px; 
	width: 800px; 
	margin: auto;
	float: left;
	text-align: left;
}
.IE7 #nav-s {
	z-index: 52;
	text-align: center;
	position: absolute;
	bottom: 10px;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	width:500px;
}
.IE7 #nav-s-back {
	z-index: 51; 
	position: absolute; 
	bottom: 10px;
	width:100%;
	height:25px;
	background-color:#b5aea9;
	/* These three lines are for transparency in all browsers. */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; 
	opacity:0.7;
}
.IE7 #nav-s h2 {
	float:left;
	font-size:12px;
	font-weight:bold;
	height:25px;
	line-height:inherit;
	width: 25%;
	margin:0;
	text-align:center; 
	text-transform:inherit;
}
.IE7 #nav-s h2 a,
.IE7 #nav-s h2 a:link,
.IE7 #nav-s h2 a:visited,
.IE7 #nav-s h2 a:hover,
.IE7 #nav-s h2 a:active {
	font-size:12px;
	color: #fff;
	display:block;
	margin:0;
	padding-top: 4px;
	padding-bottom: 7px;
	width:100%;
}
.IE7 #nav-s h2.activeSlide {
	color: #FFFFFF;
	background: #86817e; 
	font-size:12px;
}
.IE7 #hp-containers { 
	height:auto;
	width: 800px;
	margin:17px 0 30px 0;
	overflow:hidden;
	float: none;
}
.IE7 #hp-container1 {
	float:left;
	margin:0 14px;
	width: 235px;
	text-align: left;
}
.IE7 #container-head {
	color:#707070;
	font: bold .9em Verdana, Geneva, sans-serif;
}
.IE7 #container-foot {
	color:#959595;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
.IE7 #container-foot a,
.IE7 #container-foot a:link,
.IE7 #container-foot a:visited,
.IE7 #container-foot a:hover,
.IE7 #container-foot a:active  {
	color:#959595;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-decoration:underline;
}	
.IE7 #vertical-line {
	border-left:1px solid #D2D3D5;
	float:left;
	height:175px;
	margin: 9px 0 0;
	padding:0;
	width:1px;
}
.IE7 #bottom-padding {
	float: left;
	width: 800px;
	height:2px;
}
/* -------------------------------- End Including IE7 Stylesheet ---------------------------- */