body {
background: #11110F;
margin: 0px 0px 0px 0px;
font-family: Arial, Verdana, sans-serif;
background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
}

#header, #footer, #leftside, #breadcrumbs, #grass {
	display:none;
}

.bodytext {
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.bodytextwhite {
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}


.heading01 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.heading02 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #999900;
	text-decoration: none;
}

.heading03 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.heading04 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	line-height: 30px;

}
.heading05 {
font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;

}

.crumbtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

/* SHOPPING LIST */

#shoppinglist
{
border-left:  #F0F0F0 1px solid;
border-right:  #F0F0F0 1px solid;
border-bottom:  #F0F0F0 1px solid;
border-top:  0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #333333;
display:block;
}

#recipe {
	display:block;
}

#shoppinglist ul {
	margin: 0px;
	padding:0px 0px 0px 10px;
}

#shoppinglist ul li {
	list-style:none;
	border-bottom: 1px solid #EBEBEB;
	width: 230px;
	margin: 0px;
	padding:5px 0px 5px 0px;
}

#shoppinglist ul li a {
	text-decoration: none;
	color:#666666;
	padding-left: 20px;
	display:inline-block;
}


#shoppinglist ul li a:hover {
	color:#CCCCCC;	
}

.bigfield 
{
width: 350px;
height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color:#888888;
padding-top: 5px;}

.field 
{
width: 150px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#666666;
}



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

.imageborder {
border: 1px solid #D1D9DC;
}
.purpletext {
	font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 17px;
	font-weight: normal;
	color: #990066;
	text-decoration: none;
}
.bluetext {
	font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 17px;
	font-weight: normal;
	color: #003466;
	text-decoration: none;
}
.whitetext {
	font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

/* Ensure client added image links don't have a border */
img { 
	border: 0px;
}

/* GENERIC LINKS */
a { color: #999900; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }
.static { font-family: Tahoma, Arial, Verdana; color: #003366; text-decoration: none; font-weight: normal; }

/* LINK02 */

.link02, a:link.link02, a:visited.link02 
{ font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }

a:hover.link0, a:visited:hover.link02
{ font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: underline; }

/* LINK03 */

.link03, a:link.link03, a:visited.link03
{ font-size: 11px; font-weight: normal; color: #333333; text-decoration: none; }

a:hover.link03, a:visited:hover.link03
{ font-size: 11px; font-weight: normal; color: #333333; text-decoration: underline; }

/* LINK04 */

.link04, a:link.link04, a:visited.link04
{  font-family: Verdana, Arial;  font-size: 9px;  color: #ffffff; font-weight: normal; text-decoration: none; }

a:hover.link04, a:visited:hover.link04
{ text-decoration: underline; }

/* LINK05 */

.link05, a:link.link05, a:visited.link05
{font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #508AC5; font-weight: bold; text-decoration: none;}

a:hover.link05, a:visited:hover.link05
{ text-decoration: underline; }

/* LINK06 */

.link06, a:link.link06, a:visited.link06
{ font-size: 11px; color: #003366; font-weight: normal; text-decoration: none; }

a:hover.link06, a:visited:hover.link06 
{ color: #4F6377; }


/* BOXBG - SMALL CONTENT BOX BACKGROUND GRADIENT */
/* e.g. "Our Solutions" box on home page. Apply to table cell. */
.boxbg {
	background-image:  url("Images/box_bg.jpg");
	background-repeat: repeat-x;
}
/* BOXBG02 - LARGE CONTENT BOX BACKGROUND GRADIENT */
/* e.g. "Our Products" box on home page. Apply to table cell. */
.boxbg02 {
	background-image:  url("Images/box_bg02.gif");
	background-repeat: repeat;
}
/* REDTEXT - RED BODY TEXT */
/* e.g. "Our Products" box on home page. Apply to table cell. */
.redtext {
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
/* BOLDTEXT - ADDS THE BOLD EFFECT TO WORDS OR TABLE CELLS */
/* useful when used with other text classes to bolden any other text classes */
.boldtext {
	font-weight: bold;
}
/* DOTTEDBG - DOTTED DIVIDER LINE */
/* apply to 1px high table cell <TD> tage to create the dotted line effect */
.dottedbg {
	background-image:  url("Images/bg_dotted.gif");
}
.heading {
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
.subheading {
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003344;
	text-decoration: none;
}

.formfield {
	font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #194140;
	text-decoration: none;
	border-style: solid;
	border-color:#ADBBC9;
	border-width: 1px; 
}
.nowrap {
white-space: nowrap;
}


/*************************BUTTON NAVIGATION DIVS*******************************************/
/*************************BUTTON NAVIGATION DIVS*******************************************/
/*************************BUTTON NAVIGATION DIVS*******************************************/

#Inactive1
{ 
width: 180px; 
padding: 0px; 
margin: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;}

#Inactive1 ul
{ list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Inactive1 li
{ border-bottom: 1px dotted #D1D9DC; margin: 0px;  list-style-image: none; }

#Inactive1 li a
{
display: block; 
padding: 5px 15px 5px 20px; 
color: #508AC5; 
text-decoration: none; 
width: 180px; 
background-image: url(../images/bullet.gif); 
background-repeat: no-repeat; 
background-position: 10px 7px 0px 0px; 
list-style-image: none; }

html>body #Inactive1 li a 
{ width: auto; }

#Inactive1 li a:hover
{ display: block; 
padding: 5px 15px 5px 20px; 
color: #508AC5; 
text-decoration: underline; 
background-image: url(../images/bullet.gif); 
background-repeat: no-repeat; 
background-position: 10px 7px 0px 0px;  
list-style-image: none;}


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

#Active1
{ padding: 0px; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;}/* bg color giving extra border line - sort!*/

#Active1 ul
{ display: block; list-style: none; margin: 0px; padding: 0px; border: none; width: 180px; }
		
#Active1 li
{ display: block; width: 180px; padding: 5px 15px 5px 20px; color: #508AC5; text-decoration: none; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 10px 7px 0px 0px; border-bottom: 1px dotted #D1D9DC; margin: 0px;  list-style-image: none; font-weight:bold;}

html>body #Active1 a
{ width: auto; }

#Active1 a
{ display: block; color: #508AC5; text-decoration: underline; font-weight:bold;  }


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

#Inactive2
{ width: 180px; padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana; font-size: 70%;}

#Inactive2 ul
{ list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Inactive2 li
{ border-bottom: 1px dotted #D1D9DC; margin: 0px;  list-style-image: none; }

#Inactive2 li a 
{ display: block; padding: 5px 5px 5px 30px; color: #990066; text-decoration: none; width: 180px; background-image: url(../images/bullet4.gif); background-repeat: no-repeat; background-position: 20px 8px 0px 0px; }

html>body #Inactive2 li a 
{ width: auto; }

#Inactive2 li a:hover
{ display: block; padding: 5px 5px 5px 30px; color: #990066; text-decoration: none; }



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

#Active2
{ padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana; font-size: 70%;}

#Active2 ul
{ display: block; width: 180px; list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Active2 li
{ display: block; width: 180px; padding: 5px 5px 5px 30px; color: #990066; text-decoration: none; background-image: url(../images/bullet4.gif); background-repeat: no-repeat; background-position: 20px 8px 0px 0px;  border-bottom: 1px dotted #D1D9DC;; margin: 0px;  list-style-image: none; font-weight: bold;}

html>body #Active2 li a 
{ width: auto; }

#Active2 a
{ display: block; color: #ffffff; text-decoration: none;  }




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

#Inactive3
{ width: 180px; padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana; background-color: #FFBB55; font-size: 70%;}

#Inactive3 ul
{ list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Inactive3 li
{ border-bottom: 1px solid #ff9900; margin: 0px;  list-style-image: none; }

#Inactive3 li a 
{ display: block; padding: 5px 5px 5px 40px; background-color: #FFBB55; color: #ffffff; text-decoration: none; width: 180px; background-image: url(images/el_bullet_white_sm.gif); background-repeat: no-repeat; background-position: 30px 8px 0px 0px; }

html>body #Inactive3 li a 
{ width: auto; }

#Inactive3 li a:hover
{ display: block; padding: 5px 5px 5px 40px; background-color: #FFD08A; color: #ffffff; text-decoration: none; }



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

#Active3
{ width: 180px; padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana; background-color: #FFBB55; font-size: 70%;}

#Active3 ul
{ list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Active3 li
{ display: block; padding: 5px 5px 5px 40px; background-color: #FFBB55; color: #ffffff; text-decoration: none; background-image: url(images/el_bullet_white_sm.gif); background-repeat: no-repeat; background-position: 30px 8px 0px 0px;  border-bottom: 1px solid #ff9900; margin: 0px;  list-style-image: none;}

html>body #Active3 li a 
{ width: auto; }

.Active3 li a 
{ display: block; color: #FFD08A; text-decoration: none;  }


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

#Inactive4
{ width: 180px; padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana; background-color: #FFDDAA; font-size: 70%;}

#Inactive4 ul
{ list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Inactive4 li
{ border-bottom: 1px solid #ff9900; margin: 0px;  list-style-image: none; }

#Inactive4 li a 
{ display: block; padding: 5px 5px 5px 40px; background-color: #FFDDAA; color: #ff9900; text-decoration: none; width: 180px; }

html>body #Inactive4 li a 
{ width: auto; }

#Inactive4 li a:hover
{ display: block; padding: 5px 5px 5px 40px; background-color: #FFEED4; color: #ff9900; text-decoration: none; }



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

#Active4
{ padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana; background-color: #FFFFFF; font-size: 70%; font-weight: normal;}

#Active4 ul
{ list-style: none; margin: 0px; padding: 0px; border: none; }
		
#Active4 li
{ display: block; padding: 5px 5px 5px 50px; background-color: #FFFFFF; color: #ff9900; text-decoration: none; border-bottom: 1px solid #ff9900; margin: 0px;  list-style-image: none; font-weight: normal;}

html>body #Active4 li a 
{ width: auto; }

.Active4 li a 
{ display: block; color: #ff9900; text-decoration: none;  font-weight: normal; }


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