/*-----------------------------------------------------*\
Kinder Haven Farm Cascading Style Sheet

This stylesheet defines styles and classes for the 
Kinderhaven Farm website at:
http://www.kinderhavenfarm.com/

Version		1.1
Date:		8/11/08
Revision	8/11/08 Cleaned up table classes, added product classes

Author: Content Is Queen Productions
http://www.contentisqueen.com
\*-----------------------------------------------------*/



/*-----------------------------------------------------*\
 * Position and Layout Classes
\*-----------------------------------------------------*/

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Clears down on both sides  */
.clear {
	clear: both;
	}


/*-----------------------------------------------------*\
 * Default HTML tag behavior
\*-----------------------------------------------------*/

body {
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	}

hr {
	color: red; 
	height:1px;
	width: 100%;
	align: center;
	}
	
td { 
	font-family: Arial; 
	font-style: normal; 
	color: #000000;
	}
	
P  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1.0em; 
	margin-left: 0.8em;
	margin-right: 0.8em;
	margin-top: 0;
	margin-bottom: .8em;
	}

DL	{
	margin-left: 10px;
	}	
	
	
DT	{
	 font-weight: normal;
	}	
	
LI  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1.0em; 
	margin-left: 10px;
	margin-right: 5px;
	}
	
/*-----------------------------------------------------*\
 * Page Heading Classes
\*-----------------------------------------------------*/

/*Use these 3 classes instead of the old Header, HeaderSmall and HeaderSmaller classes from the old CSS sheets  */
H1	{
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #660000;
	}

H2 {
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style : normal;
	color: #660000;
	text-align: left;
	line-height: 2em;
	}

H3 {  
	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}
H4 {  
	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}

/*-----------------------------------------------------*\
 * Table and Accessibility Classes
\*-----------------------------------------------------*/

/*Width setter class  */
table.100percent {
	width: 100%;
	}

/*Kinder Haven Farm design specific classes  */


/*Makes the background in the Vertical MENU - pending deletion!  */	
td.ver_menu {
	background-color: #FFFFFF;
	valign: top;
	border: 1px solid #BAB9B9;
	}
	
/*Makes the red/black line background in the footer  */	
td.footer {
	background-image:  url(images/layout/kinderhaven_footer_back.gif); 
	background-repeat: repeat-x;
	}
 
 
/*Kinderhaven Product Box classes*/

div.productBox {
	min-height: 250px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000; 
	padding: 10px;
	margin-left: 1.0em;
	margin-right: 1.0em;
}

div.productBoxSubLeft {
	width: 45%; 
	float: left;
	align: left;
}

div.productBoxSubRight {
	width: 45%; 
	float: right;
	align: right;
}

.productImage {
	float: right;
	margin-left: 1.0em;
	margin-right: 1.0em;
}
 
.productImage2 {
	align: center;
	margin-left: 1.0em;
	margin-right: 1.0em;

}
.productPrice {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #660000;
	}	
	
 
 
/*The next 4 "twotone" classes are to make data tables look pretty with every other line of data shaded for easy reading */
	
table.twotone {
	font-family: Times New Roman, serif; 
	font-size: .8em; 
	font-weight: normal; 
	color: #003399;
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 70%;
	}
	
th.twotone_header {
	font-family: Times New Roman, serif; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #006633;
	margin: 0;
  	padding: 0;
	}
	
th.twotone_subheader {
	font-family: Times New Roman, serif; 
	font-weight: bold; 
	color: #003399;
	background-color: #E5DBC3;
	margin: 0;
  	padding: 0;
	}
	
.twotone_even {
	background-color: #D6F5DA;
	}
	
	
/*-----------------------------------------------------*\
 * Anchor Classes
\*-----------------------------------------------------*/

/*Normal link attributes*/
A:link { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #660000;
	}
	
	
A:visited { 
	font-family: Arial;  
	font-style: normal; 
	font-size: 1em; 
	color: #660000;
	}
	
A:active { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #FF0000;
	}
	
A:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #FF0000;
	}
	
/*Use these for the Horizontal Menu Navigation  */	
A.navlink:link {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	font-weight: bold;
	font-style : normal;
	color: #660000;
	text-decoration: none;
	}
		
A.navlink:visited {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	font-weight: bold;
	font-style : normal;
	color: #660000;
	text-decoration: none;
	}
	
A.navlink:active {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	font-weight: bold;
	font-style : normal;
	color: #ff0000;
	text-decoration: none;
	}
	
A.navlink:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	font-weight: bold;
	font-style : normal;
	color: #ff0000;
	text-decoration: underline;
	}

/*Use these for the White page links under the Yellow Section Headings in the Navigation  */
A.navlinksmall:link {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 0.9em;
	color: #000000;
	line-height: 1em;
	text-decoration: none;
	}
	
A.navlinksmall:visited { 
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 0.9em;
	color: #000000;
	line-height: 1em;
	text-decoration: none;
	}
	
A.navlinksmall:active {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: underline;
	color: #000000;
	line-height: 1em;
	}
	
A.navlinksmall:hover {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	font-size: .9em;
	text-decoration: underline;
	color: #000000;
	line-height: 1em;
	}
	
	
 /*This is for the CIQ link in the Copyright so it matches*/
A.copyrightlink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	color: #000000;
	}
	
A.copyrightlink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 1.0em; 
	color: #000000;
	}
	
A.copyrightlink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	color: #000000;
	}
	
A.copyrightlink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	color: #000000;
	}
	
	
	
	
/*Makes 2nd level navigation box*/
div.nav_box {
	
	background-repeat: repeat-x;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	font-size: 1.0em;
	padding: 0px;
	width: 100%;
	float: left;
	margin: 0px; 
	}
/*Makes 2nd level navigation box header*/
div.nav_box_header {
	background-image: url(images/layout/grey_gradient_back.jpg);
	background-repeat: repeat-x;
	background-color: #eeeeee;
	width: 100%;
	height: 28px;
	color: #990000;
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
}

/*Makes nice squares for links in 2nd level navigation box*/
ul.nav_box_list {
	list-style-type: square;
	color: #660000;
	margin-left: 1.0em;
	margin-right: 1.0em;
}

ul.nav_box_list_sub {
	list-style-type: square;
	color: #660000;
	margin-left: 1.0em;
	margin-right: 1.0em;
	margin-top: 0;
	margin-bottom: 0;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*Left MENU link rollovers*/
#navcontainer {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#navcontainer ul
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 1.0em;
	font-weight: normal;
	list-style-type: none;
	}

#navcontainer li {
	background-color: #FFFFFF;
	list-style-type: none;
	margin: 0;
}

#navcontainer a
	{
	display: block;
	margin: 0;
	padding: 3px;
	width: 175px;
	background-color: #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	list-style-type: none;
	}

#navcontainer a:link, #navlist a:visited
	{
	font-family: Arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	font-style : normal;
	color: #000066;
	text-decoration: none;
	background-image: url(images/menu_bg.jpg);
	}

#navcontainer a:hover
	{
	/*border: 1px solid #333;*/
	/*background-color: #E42F4A;*/
	background-image: url(images/menu_bg_over.jpg);
	color: #E42F4A;
	}

#active a:link, #active a:visited, #active a:hover
	{
	background-color: #FFFFFF;
	color: #E42F4A;
	list-style-type: none;
	}
	
/*Use for navcontainer_sub_menu */	
#navcontainer_sub {	
	margin: 0 0 0 0;
	padding: 0;	
	}

#navcontainer_sub ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}

#navcontainer_sub li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0px;
	background-image: url(images/menu_bg_over.jpg);
}

#navcontainer_sub a
	{
	display: block;
	margin: 0;
	padding: 3px 3px;
	width: 199px;
	background-color: #E2F0FD;
	border-bottom: 0px solid #FFFFFF;
	}

#navcontainer_sub a:link, #navlist a:visited
	{
	font-family: Arial, sans-serif;
	font-size: .7em;
	font-weight: bold;
	font-style : normal;
	color: #000066;
	text-decoration: none;
	}

#navcontainer_sub a:hover
	{
	/*border: 1px solid #333;*/
	/*background-color: #E42F4A;*/
	background-image: url(images/menu_bg.jpg);
	color: #E42F4A;
	}
/*end of left menu link rollovers*/
	
/*-----------------------------------------------------*\
 * SPAN and Other  Misc. classes
\*-----------------------------------------------------*/
 
 
  /*This is the copyright text at the bottom of the page ONLY*/
.ingredients {
	font-family: Arial;
	font-style: italic;
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	margin: 15px;
	}
	
	
 /*This is for the dividers between navigation links so they match*/
.navtext {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	color: #F7C645;
	}

 /*This is for address header under logo*/
span.addressheader {
	font-family: Arial;
	font-weight: normal;
	font-size: 0.9em;
	color: #000000;
	text-align: center;
	}
	
 /*This is the copyright text at the bottom of the page ONLY*/
span.copyright {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 0.7em;
	color: #000000;
	margin: 5px;
	}
	
 /*Good for Notices*/
.RedText { 
	font-family: Arial; 
	font-style: normal; 
	color: #990000;
	}
	
.floater {
	float: left;
	border: solid 1px black;
	padding: 5px;
	margin: 5px;
	width: 100px;
	height: 75px;
	}