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(/live/images/BrownCloth_fine.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 {
	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(/live/images/BrownCloth_fine.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: 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 #nav ul { margin:0 0 0 -10px;}
#nav a {
	font:bold 10px 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,
  .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; }

.footerTable {
text-align:left; 
background-color:#EEEEEE; 
padding: 10px 0;
}

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

.shopFooter {
padding-right: 25px;
}

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

.helpFooter {
padding-left: 25px;
}

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

.shopFooter h1, .aboutFooter h1, .helpFooter h1 {
margin:0;
padding:0;
}

.shopFooter h1 {
padding-left: 25px;
}

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

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

.footerColumns {
float:left;
}

#shopFooterList, #shopFooterList2, .footerList {
  list-style:none;
	padding:0;
	margin:0;
 }
#shopFooterList ul, #shopFooterList2 ul.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 #shopFooterList ul, html>body #shopFooterList2 ul, html>body .footerList ul { margin: 0 0 0 -10px;}
#shopFooterList a:link, #shopFooterList2 a:link, .footerList a:link, #shopFooterList a:visited, #shopFooterList2 a:visited, .footerList a:visited {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #817E7D;
	text-decoration: none;
}
#shopFooterList li {
padding: 0 25px;
 }
 
 #shopFooterList2 li {
padding-right: 10px;
 }

/* transforms first-level list into a horizontal menu bar */
#shopFooterList li, #shopFooterList2 li {
 position: relative;
  }

 .footerList li {
  position: relative;
  padding: 1px 10px;
  }
  
#shopFooterList li a:hover, #shopFooterList2 li a:hover, .footerList li a:hover {
	color: #c80000;
}
  
/* positions the second-level lists that are the dropdowns themselves */
#shopFooterList li ul, #shopFooterList2 li ul {
display: none;
  position: absolute; 
  bottom: 100%;
  left: 200px;
	}
	
#shopFooterList li li, #shopFooterList2 li li {
display: block;
float: none;
	}
/* formats dropdown category */
#shopFooterList li li a, #shopFooterList2 li li a {
	display: block;
	color: #FFFFFF;
	font:normal 9px/13px Verdana, Arial, Helvetica, sans-serif;
	padding:1px 5px;
	letter-spacing:.1em;
	white-space:nowrap;
}

#shopFooterList li li a:hover, #shopFooterList2 li li a:hover {
	color: #c80000;
}
/* resets the top and left propoerties on all but IE browsers */
#shopFooterList li > ul, #shopFooterList2 li > ul, .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 */
#shopFooterList li:hover ul, #shopFooterList li.over ul {
	display: block;
	clear:left;
	background-color:#9B9286;
	width:200px;
	text-align:left;
	position:absolute;
	bottom:0px;
	left:60px;
	z-index:100;
}

#shopFooterList2 li:hover ul, #shopFooterList2 li.over ul {
	display: block;
	clear:left;
	background-color:#9B9286;
	width:200px;
	text-align:left;
	position:absolute;
	bottom:0px;
	left:30px;
	z-index:100;
}

#shopFooterList li .subFooter li, #shopFooterList2 li .subFooter li {
padding:1px 5px;
	}

.input { font-size: 9px; }

.spacer {
clear:both;
}

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

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

.layoutFooter {
width: 100%;
position: relative;
padding-top: 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;
}