/** Strip page margins, set background & foreground colors, 

	remove borders and underlines from links. Centre design.

	(text-align: center) this technique centres the block elements for IE5.5/Win **/
	
	
	
	
	
	
/******************************************************************************************************************************************************/

/*-----------MAZZA, THIS IS THE YELLOW COLOUR TO USE FOR THE INDIVIDUAL ITEM PRICES       color: rgb(244,233,91);        or    color: #f4e95b;*/

/******************************************************************************************************************************************************/





body {margin: 0; padding: 0; text-align: center; color: #FFF; background: #000;}

a {text-decoration: none;}



/** Define global link styles **/

a:link {color: rgb(255,255,255);}

a:visited {color: rgb(255,255,255);}

a:hover {text-decoration: underline;}



/** Set the main column width and top position, 

	(margin: auto) centres the container div for recent browsers **/

#container {

		width: 640px; /**974**/

		margin: 0 auto 0; 

		padding: 0;

		text-align: left; 

		position: relative;

		}

		

/** set container position 	**/

#info {

		margin: 0; 

		padding: 0; 

		top: 0;

		background: url("images/tile_strip.jpg") repeat-x;

		}



/** Position MainContent Column **/			

#MainContent {

		position: relative; z-index: 12; /** info is parent **/

		padding-left: 184px; 

		top: 0;

		left: 0;

		margin-top: 0;

		background: transparent;

		padding-bottom: 2em; /** use this to adjust the main content section**/

		}

		

/** Position Category linklist **/		

#ListContent {

		position: absolute; z-index: 13; 

		width: 184px; 

		top: 188px; 

		left: 0;

		margin-top: 0; 

		margin-left: 13px;

		background: transparent;

		}

		

/** Position Navbar linklist **/	

#Navbar {

		position: absolute; z-index: 14; 

		width: auto; 

		top: 115px; 

		right: 0;

		padding: 0;

		margin: 0 25px 0 0;

		}	

		

/** Position Footer div **/	

#Footer {

		position: relative; z-index: 15;

		padding: 30px 0 0 20px;

		margin-bottom: 0px;

		height: 20px;
		

		/*background:  url("pageBottom.JPG") 0 100% repeat-y;*/
		
		background:  url("images/Base_Banner.jpg") 0 65%  no-repeat;

		}



#pageHeader {

		background:  url("images/Banner.JPG") 0 0 no-repeat;

  		height: 188px; 

		width: auto; 

		position: relative; z-index: 9;}



			

/** Insert pageheader image **/

#pageHeader h1 {

		position: relative; z-index: 10;

		/** background: url("Bonalija_logo.gif") 0 0 no-repeat; **/

		height: 58px; 

		width: 211px; 		

		top: 100px; 

		left: 13px; 

		margin: 0;

		}



/** Hide the H1 heading **/

#pageHeader h1 span, #pageHeader h2 span {visibility: hidden;}



#Navbar ul {

		display: inline; 

		list-style-type: none; 

		margin: 0; 

		padding: 0.3em;}

		

#Navbar li {

		display: inline;

		margin: 0; 

		padding: 0.2em;}



#Navbar a {

		color: #fff;

		font: 0.6em Arial, Times, serif;

		text-transform: uppercase;}

		

#Navbar a:hover {

		/* */
		text-decoration: none;
		color: rgb(244,233,91);	}	

				

/** Set white space for paragraphs **/

#MainContent p {

		font-size: 90%; 

		line-height: 1.66em;

		margin: 0 1.5em; 

		padding: 0.5em 0;

		}



#ListContent ul {

		width: 184px;

		margin: 0;

		padding: 0;

		background-color: transparent; 	

		color: #000;

		list-style:none;

		/*border: 1px solid #99FF00;*/
		
		border: none;

		}

		

#ListContent li {

		margin: 0;  /* this is necessary to keep Opera 7.0 happy */
		
		}



#ListContent li a {
	text-decoration: none;
	
	display: block;
	
	width: 88%;
	
	padding: 4px 12%;
	
	font: bold 0.7em /1.4 arial, sans-serif;
	
	color: rgb(244,233,91);
	
		}

	

#ListContent li a:hover {

		/*position:absolute;*/
		z-index: 14; 
		
		background: url(images/flower.gif) no-repeat left top;
		
		padding-top:5px;

	/*height: 39px;

	width: 120px;

	list-style-type: none;*/

	padding:4px 12%;
		
		
		color: rgb(255,255,255);

		}



div#ListContent ul li.last { /* a nice way to end the left menu */	

		background: transparent url("background_listbuttons.gif") 0 100% repeat-y;

		}

	

#MainContent h2 {

		font: 0.75em /1.4 arial, sans-serif;

		}



#ListContent h2 {

		margin: 0; top: 0; width: 184px; height: 18px; text-transform:uppercase;

		font: 0.75em /1 arial, sans-serif;

		margin-top: 0.5em;

		padding: 15px 10px 0px 10px;

		color: #fff;

		}



/** Hide h2 headings **/

#Navbar h2  span {display: none;}		





/** style the footer links **/

#Footer a {

		color: rgb(180,180,180); line-height: 1em;

		padding: 0 0.5em 0;

		letter-spacing: 1px;

		font: 0.6em Arial, Times, serif;

		text-transform: uppercase;
		
		text-decoration:none;
		
		}
		
#Footer a:hover {

	color:#666666;
	
	}



#tablecontainer {

		position: relative;

		margin-left: 0;

		padding: 0;

		}



#tablecontainer table {

		margin-left: auto;

		margin-right: auto;

		text-align: center;

		font: bold 0.7em /1.4 arial, sans-serif;

		padding-top: 1em;

	}	

#products th {



	}	

	

#products tr {

		vertical-align: top;

		

	}		

	

#tablecontainer td {

		white-space: nowrap;

		width: 140px;		

		vertical-align: top;

	}



tr.price td {

		color: #000;

		background: transparent;

		padding-top: 0;

		vertical-align: top;

	}



.crumbs {

		text-align: right;

		font: 0.2em /1.7 arial, sans-serif;		

		text-transform: uppercase;

	}