/*
ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved
Use this stylesheet to change the look of the default header and footer that ship with ProductCart
*/
html, body {
	margin: 0px 0 20px 0;
	padding: 0;
	
}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background:url(/images/bg2.gif);
	margin-top:-10px;
}

.special{color:#702498; font-size:12px; font-weight:bold; border:none; text-align:center; float:right; padding-right:40px;}

.special a:link{color:#702498; text-decoration:none;}
.special a:visited{color:#702498; text-decoration:none;}
.special a:hover{color:#702498; text-decoration:underline;}	

.indent{text-indent:10px;}

a.link:link{color:#f0339a; font-size:11px;}
a.link:visited{color:#f0339a; font-size:11px;}
a.link:hover{color:#493930; font-size:11px; text-decoration:none;}

.news a:link{color:#f0339a; font-size:11px;}
.news a:visited{color:#f0339a; font-size:11px;}
.news a:hover{color:#f0339a; font-size:11px; text-decoration:none;}

/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 900px;
			height: 90px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0;
			background-color: #FFF;
			font-size: 12px;
			color: #666666;
			border-collapse: collapse;
			border: 0;
		}
		
		#pcHeader td {
			padding: 3px;
			vertical-align: bottom;
		}
		
		#pcStoreDescription {
			border-bottom: 1px solid #FFFFFF;
			font-size: 13px;
			text-align: left;
		}
		
		#pcStoreName {
			font-size: 28px;
			font-weight: normal;
			text-align: left;
		}
		
		#pcStoreSearch {
			text-align: right;
		}
		
		#pcTopNav {
			border-top: 1px solid #FFFFFF;
			text-align: right;
		}
		
		#pcStoreSearch a {
			text-decoration: none;
			color: #999999;
			font-size: 11px;
		}
		
		#pcStoreSearch a:hover {
			color: #000000;
		}
		
		#pcTopNav ul {
			list-style: none;
			margin: 0;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 0px;
			padding-left: 0px;
		}
		
		#pcTopNav a:link, #pcTopNav a:visited {
			text-decoration: none;
			font-size: 12px;
			color: #eb0082;
		}
		
		#pcTopNav a:hover {
			color: #f469e9;
		}
		
/************* TOP NAV *************/
.nav-lines{border-right:1px solid #b4b0af;}
* html .nav-lines{border-right:1px solid #b4b0af; position:relative;}

.gradient{background:url(/images/gradient.gif) repeat-x; height:31px; padding:0 5px 0 15px; border-top:1px solid #696562; border-bottom:1px solid #696562;}

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {width:900px; position:relative; left:-3px; height:31px; z-index:0; background:url(/images/gradient.gif) repeat-x; border-top:1px solid #b4b0af; border-bottom:1px solid #b4b0af;}

/* Get rid of the margin, padding and bullets in the unordered lists */
/* #pmenu, #pmenu ul {padding:0; margin:0px; list-style-type:none; position:relative; left:190px; top:0px;} */
#pmenu, #pmenu ul {padding:0; margin:0px; list-style-type:none; float:right;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; position:relative; padding:0 10px 0 10px; font-family:verdana, sans-serif; font-size:14px; color:#4c443f; text-decoration:none; text-align:center; line-height:32px;}

#pmenu li.socialnav a{
	padding: 0;
}

/* Set up the list items */
#pmenu li {float:left;}


/*stuff I added*/
#pmenu :hover ul li, #pmenu :hover ul li a {background:#ffffff; text-align:left; text-indent:3px; color:#4c443f; height:24px; line-height:24px; width:170px; border-bottom:1px solid #b4b0af; border-right:1px solid #b4b0af; border-left:1px solid #b4b0af;}
#pmenu :hover ul :hover {background:#eb0082; color:#fff;}
/*end of stuff I added*/


/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}

/* Make the hovered list color persist */
#pmenu li:hover > a {color:#eb0082;}


/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:0; margin-top:0px; white-space:nowrap; width:170px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);}

/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {margin-left:0; left:0px; top:31px;}


/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

* html #pmenu li a:hover {position:relative; list-style-type:none; color:#eb0082;}
* html #pmenu a, * html #pmenu a:visited {display:inline; position:relative; left:0px; top:0px; font-family:verdana, sans-serif; white-space:nowrap; font-size:14px; color:#4c443f; text-decoration:none; text-align:center;}




/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; margin-left:-5px; top:0px; left:0px; padding:17px 0px 0px 0px; text-align:left;}
* html #pmenu li ul a:hover {padding:5px 0px 5px 0px;}


/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:0px; top:0px; lef\t:5px; to\p:10px; 
}

/************* END OF TOP NAV *************/		

/* End TOP AREA of the page */

/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
	/* Define the wrapper and the three columns: */
	
		#pcMainArea {
			width: 880px;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 5px;
			margin-top:15px;
			padding: 0;
			border: 0;
			border-collapse: collapse;
		}
	
		#pcLeft {
			width: 200px;
			text-align: left;
			vertical-align: top;
			border:1px solid #696562;
		}
	
		#pcCenter {
			width: 680px;
			padding: 0px;
			margin:auto;
			text-align: left;
			vertical-align: top;
			border-top:1px solid #696562;
			border-bottom:1px solid #696562;
			border-right:1px solid #696562;			
		}
		
		
		
		#pcCenter h1{
			color:#333333;
			font-size:14px;
			margin:0;
			padding:0;
			font-weight:bold;
		}
		
		#pcCenter h1 a:link{color:#f0339a; text-decoration:none;}
		#pcCenter h1 a:visited{color:#f0339a; text-decoration:none;}
		#pcCenter h1 a:hover{color:#f0339a; text-decoration:underline;}
		
		#pcCenter h2{
			color:#f0339a;
			font-size:12px;
			margin:0;
			padding:0;
			font-weight:normal;
		}	
		
		#pcCenter h2 a:link{color:#f0339a; text-decoration:none;}
		#pcCenter h2 a:visited{color:#f0339a; text-decoration:none;}
		#pcCenter h2 a:hover{color:#f0339a; text-decoration:underline;}			
	
		#pcRight {
			width: 0px;
			text-align: left;
			vertical-align: top;
		}
		
		.pcColumnSpacer {
			width: 10px;
			background-image:url(images/dotted_spacer_vert.gif);
		}
		
		a.view-more:link{color:#f0339a; font-size:13px; padding-right:10px;}
		a.view-more:visited{color:#f0339a; font-size:13px;  padding-right:10px;}
		a.view-more:hover{color:#f0339a; font-size:13px; padding-right:10px; text-decoration:none;}
		

	/* Define the left column */
		#pcLeft h1 {
			color:#f0339a;
			font-size: 14px;
			margin:5px 0 5px 0;
			padding-bottom: 2px;
			font-weight:normal;
		}
		
		#pcLeft h1 a:link{color:#f0339a; text-decoration:none;}
		#pcLeft h1 a:visited{color:#f0339a; text-decoration:none;}
		#pcLeft h1 a:hover{color:#f0339a; text-decoration:underline;}
	
		#pcLeft h3 {
			color:#493930; 
			font-size:18px; 
			font-weight:normal;
			line-height:25px;
			margin:0 0 10px 0;
		}
		
		.left-nav1{
			color:#493930;
			font-size:14px;
		}
		
		.left-nav1 a:link{color:#493930; text-decoration:none;}
		.left-nav1 a:visited{color:#493930; text-decoration:none;}
		.left-nav1 a:hover{color:#493930; text-decoration:underline;}
		
		.left-nav2{
			color:#78934e;
			font-size:12px;
			font-style:italic;
			text-indent:0px;
		}
		
		.left-nav2 a:link{color:#78934e; text-decoration:none;}
		.left-nav2 a:visited{color:#78934e; text-decoration:none;}
		.left-nav2 a:hover{color:#78934e; text-decoration:underline;}
		
		
		.about-tea{
			color:#78934e;
			font-size:12px;
			line-height:30px;			
		}
		
		.about-tea a:link{color:#78934e; text-decoration:underline;}
		.about-tea a:visited{color:#78934e; text-decoration:underline;}
		.about-tea a:hover{color:#78934e; text-decoration:none;}
		
		#pcLeftCatLinks {
			background-color: #99CCFF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftPriceLinks {
			background-color: #E1E1E1;
			color: #999999;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftStoreLinks {
			background-color: #F5F5F5;
			color: #999999;
			padding: 5px 5px 1px 10px;
			margin: 0 0 2px 0;
		}
	
		#pcLeft ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcLeft li {
			margin: 2px 0 0 0;
		}
		
		#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited {
			color: #0066CC;
			text-decoration: none;
		}
		
		#pcLeftCatLinks a:hover {
			color: #FFFFFF;
		}
		
		#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #FF6600;
		}
		
		#pcLeftStoreLinks a:link, #pcLeftStoreLinks a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #FF6600;
		}


	/* Define the right column */
	
		#pcShowCart {
			background-color: #FFFFAA;
			color: #666666;
			padding: 5px 5px 5px 10px;
			margin-bottom: 5px;
		}
	
		#pcCustomerLogin {
			background-color: #FFFFCC;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcAffiliateLogin {
			background-color: #FFEE99;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcRight h3 {
			font-size: 13px;
			margin: 0px;
			padding-bottom: 2px;
			color: #999999;
		}
	
		#pcRight ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcRight li {
			margin: 2px 0 0 0;
		}
		
		#pcCustomerLogin a:link, #pcCustomerLogin a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		#pcCustomerLogin a:hover {
			color: #333333;
		}
		
		
		#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #000000;
		}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			font-size: 11px;
			color: #61534c;
			text-align: center;
			position:relative;
			top:20px;
		}
		
		#pcFooter a:link, #pcFooter a:visited{
			text-decoration: none;
			color: #61534c;
		}
		
		#pcFooter a:hover {
			text-decoration: underline;
			color: #61534c;
		}
		
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}
	
/* END Footer */