@charset "utf-8";
/* TEA LEAF MARKET CSS Document */

/*COLOUR SCHEME*******************

Dark Green (top nav) 	#12310b
Border Green			#25431d
Background Green		#315927
Logo Yellow				#d4e541
Logo Green				#4cab37

**********************************

LAST EDITED BY GAVIN JONES 03-06-09

**********************************/
body {
	margin: 					0px;
	padding: 					0px;
	height:						100%;
	font-size:					100%;
	line-height:				1.125em;
	background:					#315927 url(/images/tlm-body-bg.gif) top no-repeat;
}
a {
	color:						#2e7001;
	text-decoration:			underline;
}
a:hover {
	color:						#000;
	text-decoration:			none;
}
img {
	border:						0;
	float:						left;
}
h1 {
	font: 						bold 1em "Lucida Grande", sans-serif;
	color:						#4cab37;
	margin:						0 0 0 0;
	text-decoration:			none;
}
h2 {
	font: 						normal 0.8em "Trebuchet MS", Tahoma, Arial;
	color:						#d4e541;
	margin:						0 0 10px 0;
	text-decoration:			none;
}
h3 {
	font: 						bold 1em "Trebuchet MS", Tahoma, Arial;
	color:						#d4e541;
	margin:						0 0 10px 0;
	text-decoration:			none;
}
.fontSet {
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
}
.fontSetRed {
	color:						#990000;
}
form{
	margin:						0;
	padding:					0 0 0 15px;
}
input, textarea {
	font: 						normal 1em "Trebuchet MS", Tahoma, Arial;
}

/* CONTAINER PROPERTIES **************/
div.mainContainer {
	float:						none;
	width: 						900px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	min-height:					800px;
	height:						100%;
	/*Margin left and right set to auto center's our layout*/
}
div.mainContainer div.topNav {
	float:						left;
	width: 						100%;
	position:					relative;
	background:					none;
	height:						40px;
	margin-bottom:				10px solid #25431d;
}
	div.topNav div.logo {
		float:					none;
		position:				absolute;
		top:					0;
		left:					30px;
	}
div.mainContainer div.imageDiv {
	float:						left;
	width: 						900px;
	position:					relative;
	height:						280px;
}
div.mainContainer div.leftContainer {
	float:						left;
	width: 						540px;
	position:					relative;
}
div.leftContainer div.strapline {
	float:						left;
	width: 						520px;
	position:					relative;
	margin:						0 10px 0 10px;
}
div.header div.logo {
	position:absolute;
	top:30px;
	left:25px;
}
div.mainContainer div.rightContainer {
	float:						left;
	width: 						355px;
	position:					relative;
}
	div.rightContainer div.rnav_top {
	float:						left;
	width: 						355px;
	position:					relative;
	background:					url(/images/rnav-top.gif) top left no-repeat;
	height:15px;
	}
	div.rightContainer div.rnav_mid {
	float:						left;
	width: 						355px;
	position:					relative;
	background:					url(/images/rnav-mid.gif) top left repeat-y;
	}
	div.rightContainer div.rnav_bot {
	float:						left;
	width: 						355px;
	position:					relative;
	background:					url(/images/rnav-bot.gif) top left no-repeat;
	height:15px;
	}
div.mainContainer div.prodContainer {
	float:						left;
	width:						530px;
	position:					relative;
	margin:						10px 0 0 10px;
	padding-bottom:	 			10px;
	border-bottom:				1px solid #1e2b03;
}
div.prodContainer div.prodImage {
	float:						left;
	width:						138px;
	position:					relative;
	border:						1px solid #000;
}
div.prodContainer div.prodInfo {
	float:						left;
	width:						375px;
	position:					relative;
	margin-left:				10px;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	color:						#FFF;
}
/*************************************/
/*FOOTER******************************/
div.footer {
	float:						none;
	width: 						900px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	height:						100px;
	background:					url(/images/footer-bg.gif) bottom no-repeat;
	/*Margin left and right set to auto center's our layout*/
}
/*************************************/

/*RIGHT NAV *************************/

#rnav {
	width: 340px;
	border-style: none;
	border-color: #ccc;
	border-width: 1px;
	float:left;
	margin-left:8px;
}	
#rnav li a:link, #rnav li a:visited {
	font:0.8em "Lucida Sans Unicode", sans-serif;
	color: #d4e541;
	display: block;
	background:  url(/images/rnav-bg.gif);
	padding: 3px 0 3px 15px;
	text-decoration:none;
}
	
#rnav li a:hover {
	font:0.8em "Lucida Sans Unicode", sans-serif;
	color: #FFF;
	background:  url(/images/rnav-bg.gif) 0 -25px;
	padding: 3px 0 3px 15px;
	text-decoration:none;
}
#rnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#rnav li {
	border-style: none none solid none;
	border-color: #999;
	border-width: 1px;
}
/********************************/