@charset "utf-8";
/* CSS Document */

body			{
width:					994px;
background-color:		#dcdbd8;
font-family: 			HelveticaNeue, "Helvetica Neue", helvetica, Arial, sans-serif;
font-size:				13px;
margin:					auto;
}
	  
		#header {
			display: block;
			text-align: center;
			margin-bottom: 10px;
			width:				974px;
			clear:				both;
			padding:			0px;
			margin-bottom:		10px;
}

	#logo				{
	height:				50px;
	width:				249px;
	margin-top:			0px;
	float:left;
	margin-left:		10px;
	padding:			0px;
	}
	
		
		#navigation		{
		font-size: 				17px;
		letter-spacing: 		-0.4pt;
		float:				right;
		margin:0px;
		margin-top:30px;
		user-select: none;
		cursor: pointer;
		cursor: pointer;
		}
		
		
			#navigation li			{
			background-color:	#FFFFFF;
			float:				left;
			list-style-type:	none;
			color:				#b8b8b8;
			padding:			4px;
			padding-top:		1px;
			padding-bottom:		1px;
			margin-left:		3px;
			margin-right:		6px;
			margin-bottom:		10px;
	}
		
			#Cardamom_Nav:hover, #Cardamom_Nav.active 		{
			background-color:		#e7e514;
			color:					#333333;		
			}
			
			#Mace_Nav:hover, #Mace_Nav.active 		{
			background-color:		#A80E02;
			color:					#ffffff;		
			}
			
			#Cinnamon_Nav:hover, #Cinnamon_Nav.active 		{
			background-color:		#D86600;
			color:					#ffffff;		
			}
		
			#Vanilla_Nav:hover, #Vanilla_Nav.active 		{
			background-color:		#FCF1B1;
			color:					#333333;		
			}
			
			#Ginger_Nav:hover, #Ginger_Nav.active 		{
			background-color:		#DDB63A;
			color:					#ffffff;		
			}
			
			#Nutmeg_Nav:hover, #Nutmeg_Nav.active 		{
			background-color:		#8C5B3A;
			color:					#ffffff;		
			}
			
			#Cocoa_Nav:hover, #Cocoa_Nav.active 		{
			background-color:		#683510;
			color:					#ffffff;		
			}
			
			#Cloves_Nav:hover, #Cloves_Nav.active 		{
			background-color:		#472610;
			color:					#ffffff;		
			}
				
			#Pepper_Nav:hover, #Pepper_Nav.active 		{
			background-color:		#232323;
			color:					#ffffff;		
			}	
		
		
		#wrapper {padding: 10px; margin:0px;}
		
		#panes {
			text-align: justify;
			clear:	both;
			border-style: none;
			margin-bottom:			10px;
		}
	
		#panes div div { overflow: hidden; }
		
		.sri_lankan_Spices		{
		margin-left:				30px;
		width:						442px;
		padding:					0px;
		color:						#000000;
		float:						left;	
		}
		
		.sri_lankan_Spices-3		{
		margin-left:				30px;
		width:						284px;
		padding:					0px;
		color:						#000000;
		float:						left;	
		}
		
		.sri_lankan_Spices-3 ul li a, .sri_lankan_Spices ul li a		{
		color:						#000000;
		text-decoration:			none;
		}
		
		.sri_lankan_Spices ul li a:hover , .sri_lankan_Spices-3 ul li a:hover	{
		color:						#999999;
		text-decoration:			none;
		}		
		
		.ceylon-spices		{
		margin-left:				30px;
		width:						442px;
		padding:					0px;
		color:						#FFFFFF;
		float:						left;	
		}
		
		.ceylon-spices-3		{
		margin-left:				30px;
		width:						284px;
		padding:					0px;
		color:						#FFFFFF;
		float:						left;
		margin-top:0px;
		}
		
		.ceylon-spices ul li a, .ceylon-spices-3 ul li a		{
		color:						#ffffff;
		text-decoration:			none;
		}
		
		.ceylon-spices ul li a:hover , .ceylon-spices-3 ul li a:hover 	{
		color:						#CCCCCC;
		text-decoration:			none;
		}
		
		.sri_lankan_Spices-3 ul, sri_lankan_Spices ul, .ceylon-spices ul, .ceylon-spices-3 ul {
		margin-top:10px;
		padding-top:0px;
		padding-bottom:0px;
		margin-bottom:10px;
		}					
		
		#content		{
	padding:			0px;
	margin:				0px;
}

		#content div li		{
		list-style-type:			none;
		list-style-image:			none;
}

	#picture			{
	width:				430px;
	height:				340px;
	background-color:	#FFFFFF;
	padding:			10px;
	margin:				0px;
	margin-bottom:		10px;
	float:				left;

	}
	
	#picture a 		{
	border:none;
	}
	
	#picture img 		{
	border:none;
	}
	
	#tea-type			{
	width:				515px;
	float:				right;
	}
	
		#tea_name_heading		{
		font-size: 			54px;
		letter-spacing: 	-2.2pt;
		word-spacing: 		-2.2pt;
		color:				#dcdbd8;
		padding:			8px;
		padding-top:		1px;
		padding-bottom:		0px;
		background-color:	#FFFFFF;
		}
		
		#tea_type_heading {
		margin-top:			10px;
		margin-bottom:		2px;
		
	}
		
		
		#tea_type_heading span {
		color:#b8b8b8;
		padding:			3px;
		background-color:	#FFFFFF;

	}
	
		
	#pricing		  	{
	height:				260px;
	width:				515px;
	background-color:	#FFFFFF;
	float:				right;
	margin-top:			10px;
	padding:			0px;
	color:				#666666;
	}

	
		#loose-tea-buy-now li 	{
		font-size:			12px;
		color:				#666666;
		}
		
		#loose-tea-buy-now ul{
		margin-left:		10px;
		padding-left:		10px;
		margin-top:10px;
		padding-top:		0px;
		margin-bottom:		0px;
		padding-bottom:		0px;
		margin-bottom:		10px;
		}
		
		#buy_now 	{
			background-color:	#dcdbd8;
			list-style-type:	none;
			color:				#ffffff;
			padding:			4px;
			padding-top:		1px;
			padding-bottom:		1px;
			margin-left:		20px;
			margin-top:			10px;
			margin-bottom:		10px;
	}
	
	#buy_now	a, #buy_now	a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
	
			#buy_now:hover 	{
			background-color:	#999999;
			color:				#ffffff;
			cursor:				pointer;
	}
	
			#primary_content	{
			margin:					10px;
			}
	
	
	#information		{
	width:				955px;
	height:auto;
	margin:				0px;
	background-color:	#FFFFFF;
	padding:			10px;
	padding-top:		5px;
	clear:				both;
	margin-bottom:		10px;
	color:				#666666;
	}

#footer			{
width:			974px;
height:			45px;
}

	#druera		{
	width:		185px;
	height:		45px;
	float:		right;
	}
	
	#footer_text		{
	font-size:			9px;
	color:				#666666;
	}
	
						#footer_text dt			{
						float:						left;
						margin-top:					28px;
						margin-left:				10px;
					}
					
					#footer dt	a, #footer dt a:visited		{
						color:					#666666;
						text-decoration:		none;
					}			
					
					#footer dt	a:hover		{
					color:						#999999;
					text-decoration:			underline;
					}