/*	-------------------------------------------------------------
	=itsu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	base text css styles
	Filename:		text.css
	Author: 		Greg Reed
	Version:		1.0
	Date:			Feb 27, 2006
	
	NOTES:
	
	Use in conjunction with main.css (TEXT)
	
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	=Global text elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		body {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
			font-size:12px;
			line-height: 17px;
			color: #333;
			background-color: #fff; }
		
		a {
			color: #000;
			text-decoration: underline; }
		
		a:link { color: #444; }
		a:visited { color: #666; }
		a:hover { color: #EB208D; }
		
		/* main navigation link styles */
		a.mainnav {
			font-size:11px;
			color: #000;
			font-weight: bold;
			text-decoration: underline; }
		
		a.mainnav:link { color: #000; }
		a.mainnav:visited { color: #000; }
		a.mainnav:hover { color: #fff; background-color:#000; }
		
		a.mainnavOn {
			font-size:11px;
			color: #600;
			font-weight: bold;
			text-decoration: none; }
		
		a.mainnavOn:link { color: #600; }
		a.mainnavOn:visited { color: #600; }
		a.mainnavOn:hover { color: #600; background-color:transparent; }
		
		/* duplicate above for subsequent menu levels ie.
		a.submenunav { }
		a.submenunav:link { }
		a.submenunav:visited { }
		a.submenunav:hover { } */


/*	-------------------------------------------------------------
	=Heading text elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		h1 {
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 18px;
			font-weight: normal;
			line-height: 25px;
			color: #000; }
		
		h2 {
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 16px;
			line-height: 20px;
			font-weight: bold;
			color: #000; }
		
		h3 {
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 13px;
			font-weight: bold;
			line-height:16px;
			color: #000; }
		
		h4 {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 13px;
			font-weight: bold;
			line-height:16px;
			color: #000; }
		
		h5 {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 12px;
			font-weight: bold;
			line-height: 15px;
			color: #000; }
		
		h6 {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 11px;
			font-weight: bold;
			color: #000; }


/*	-------------------------------------------------------------
	=Paragraph text elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		p {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 12px;
			font-weight: normal;
			line-height:17px;
			color: black; }
			
			/***************************************************
			add additional p elements below in the following 
			format - p.newclassname {}
			
			In the class name use z9, z10, z11 etc to represent
			text size... and add colour and weight ie. bluebold
			or blueitalic etc...
			
			for example
			
			p.z12blue {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 15px 0px;
				font-size: 12px; <<--------- font size
				font-weight: normal; <<----- weight
				line-height: 15px;
				color: #0000FF; } <<-------- colour
			
			
			***************************************************/
		
		p.italic {
			padding: 0px 0px 0px 0px;
			font-size: 10px;
			font-weight: normal;
			line-height: 13px;
			color: #999;
			font-style: italic;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		p.z11red {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 11px;
			font-weight: bold;
			line-height:15px;
			color: #b40000; }
			
		p.z12red {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 12px;
			font-weight: bold;
			line-height:15px;
			color: #b40000; }
		
		
		p.z11gray {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 11px;
			font-weight: normal;
			line-height: 15px;
			color: black; }
			
		p.z12gray {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 12px;
			font-weight: normal;
			line-height: 17px;
			color: black; }
		
		.postcode {
			font-size: 12px;
			color: #EB208D; }
			
		.nutritional {
			font-weight: bold;
			background: #ffff00;
			border: #000 1px solid;
			padding: 5px 10px 5px 10px;
			font-size: 12px;
			color: #000; }
		
/*	-------------------------------------------------------------
	=Miscellaneous
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


		/* breadcrumb trail */
		.crumbs {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
			font-size: 11px;
			color: #333;
			margin: 2px 15px 15px;
		}
		
		.crumbs a:hover {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
			font-size: 11px;
			color: #EB208D;
		}
		
		strong {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 15px 0px;
			font-size: 12px;
			font-weight: bold;
			line-height: 15px;
			color: #333;
			text-decoration: none; }
			
		html>body strong { text-decoration: none; }
		
		/* numeric lists */
		ol {
			margin:0px 0px 0px 20px;
			padding:0px 0px 0px 0px;
			font-size:12px;
			line-height:17px; }
			
		/* bulleted lists */
		ul {
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px; }
			
		li {
			padding: 0px 0px 0px 0px;
			color:#000000; }
			
		.nobr {display:none; }
			
		html>body li { padding: 0px 0px 0px 0px; }
		
		/* this could be used for the google highlight trick */
		.highlight { background-color:#ffc; }
		
		.normal { font-weight: normal; }
		
		abbr, acronym, .help {
			border-bottom: 1px dotted #333;
			cursor: help;
		}

/*	-------------------------------------------------------------
	=Form elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		input.txt {
			margin: 0px 0px 0px 0px;
			padding: 3px;
			background: #fff;
			font: 12px Courier;
			border:1px solid #333;
			color: #000 ;
			}
		
		form { display: inline; }