/* CSS Document */
/* Common Colors:
   DK Green:  -- #282F1D
   DK Red: 93/0/0 -- #5D0000
   Green: 138/147/105 -- #8A9369
   LT Green: 217/225/178 -- #D9E1B2
   DK Brown: 108/76/38 -- #6C4C26
   Brown: 154/118/66 -- #9A7642
*/
/******************************************
 Global Text Elements
 ******************************************/
BODY { margin: 0;
	background-color: #9A7642; }

TABLE { margin: 0; }

TD { padding: 0; border-width: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%; }
	
P { font-size: 75%; 
	line-height: 1.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 10px 0 10px; }

A { font-size:100%; color: #282F1D; font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline; }
	
A:focus { color: #5D0000;
	text-decoration: underline; }
	
A:active { color: #5D0000;
	text-decoration: underline; }
	
A:hover { color: #5D0000;
	text-decoration: underline; }
	
SELECT { margin: 0px 0px 0px 0px;
	background: white;
	background-color: white;
	font-family:arial,helvetica,sans-serif;
	color: black;
	border-width: 0; }
	
TD#subheader {	background-color: #9A7642;
	font-weight: bold; padding: 5px; }
	
#formtext { 
	font-size: 75%;
	background: white;
	background-color: white;
	color: black;}
	
#dontbreak {white-space: nowrap; }

#rowSpacer { height: 12px; }
	
#rowSpacer1 { height: 25px; }
#rowSpacer2 { height: 15px; }

P#copyright { padding: 10px;
	font-weight: bold; text-align: center;
	vertical-align: middle;
	font-size: 65%; }
TABLE#bottom { width: 775px; }

#small { font-size: 75%; }

/******************************************
end global elements
******************************************/

/******************************************
 Header/Nav Elements
 ******************************************/
 
/*navigation styles */
TABLE#topredborder { width: 100%;
	background-color: #5D0000;
	margin: 0px; }
TABLE#pageheader { width: 775px;
	background-image : url(./images/bg_header.jpg);
	background-repeat: no-repeat;
	margin: 0; padding: 0; }
	
TABLE#navbuttons { margin-left: 45px; background-color : transparent; }
TD#navbuttons { padding: 0 2px 0 2px;
	vertical align: bottom; background-color: transparent; }
	
/* home page only syles */
TABLE#homeside { margin-left:25px;
	width: 188px; }

TABLE#homemain { margin:0 0 0 10px; }
TD#homemain { background-color: white;
	border: solid 1px #5D0000; }
	
TD#homenav { padding: 15px 0 0 0;
	background-color: white; 
	vertical-align: middle; }
TD#homenav IMG { margin: 4px 0px 3px 15px; }
TD#homemainpic { padding: 0;
	background-color: white;
	vertical-align: top; }
TD#homemainpic IMG { margin: 0; }

TD#homeheader {
	background-color: #8A9369;
	vertical-align: top; }		
TD#homeheader IMG { margin-left: 15px;}
	
TD#homecreations { padding: 15px 0 15px 15px;
	background-color: white;
	vertical-align: top; }
	
TD#homenewrecipe { padding: 15px 0 15px 0;
	background-color: white;
	vertical-align: top; }
	
P#tollfree { text-align: center;
	margin: 10px 0 10px 25px; }

/* shadow box styles */
TD#shadowright { width: 5px;
	background-image : url(http://www.windandwillow.com/images/shadow_right.gif);
	background-repeat : repeat-y;
	vertical-align: top;
	padding: 0; 
	border-bottom: solid 1px #6C4C26;}
TD#shadowbottom { background-image : url(http://www.windandwillow.com/images/shadow_bottom.gif);
	background-repeat : repeat-x;
	padding: 0;
	white-space: nowrap; }
	
/* recipe styles */
TD#rom_header {	background-color: #282F1D;
	border-right: solid 1px #5D0000;
	border-left: solid 1px #5D0000; 
	border-top: solid 1px #5D0000;  }
	
TD#recipelist { padding: 0;
	background-color: #8A9369;
	border-right: solid 1px #5D0000;
	border-left: solid 1px #5D0000; 
	border-bottom: solid 1px #5D0000;}

P#recipegroup { text-align: left;
	font-weight: bold;
	color: #5D0000;
	line-height: 1.33em;
	margin: 5px 0 2px 15px; }

P#recipelink { text-align: left;
	line-height: 1em;
	margin: 3px 0 3px 10px; }
	
IMG#recipelink { margin: 3px 5px 3px 0; }

A#recipelink { font-size: 75%;
	font-weight: normal;
	color: black;
	text-decoration: none; }
	
A#recipelink:focus { text-decoration:underline; }
	
A#recipelink:active { text-decoration:underline; }
	
A#recipelink:hover { text-decoration:underline; }
		
P#submitrecipe { text-align: center;
	margin: 20px 0 5px 0; }

/*****************************************************/
/* end home page styles */
/*****************************************************/


/*****************************************************/
/* INNER PAGES LAYOUT */
/*****************************************************/

TABLE#fullscreen_body { background-color: white;
	width: 100%; margin: 0; 
	border-top: solid 1px #5D0000;
	border-bottom: solid 1px #5D0000; }
TD#fullscreen_body { padding: 10px; }
	
TABLE#bodycontent { width: 550px;
	background-color: white;
	margin: 0; }

TABLE#fullbodycontent { width: 750px;
	background-color: white;
	margin: 0; }

TABLE#side { margin: 0;
	width: 188px; }

TABLE#header { width: 100%; margin: 0; }

TD#header { padding: 10px 0 0 10px;
	text-align: left;
	font-size: 100%; color: #282F1D; font-weight: bold;}
TD#header B { font-weight: normal; font-size: 75%; }

/* recipe styles */
SELECT#recipegroups { border: 1px solid #5D0000;
	font-size: 90%; }

P#recipegroups { margin: 10px 0 10px 0;
	text-align: center; }
	
P#recipedesc { font-size: 90%;
	padding: 0;
	margin: 10px 10px 0 0;}

A#nametext { font-size:110%; color: #282F1D; font-weight: bold;
	text-decoration: none; }
	
A#recipename { font-size: 100%; padding-top: 10px; }

TD#recipe_text { font-size: 70%;
	text-align: left; padding: 0 0 15px 0; }
	
TABLE#ingredients { background: white;
	width: 85%; text-align: left;
	border: solid 1px #E1E1C4; 
	margin: 0; }
TABLE#ingredients TD { padding: 5px; 
	font-size: 70%; }
#ing_header { background: #D9E1B2; font-size: 75%;
	font-weight: bold; }

#misc_header { background: #9A7642; font-size: 80%; color: white;
	font-weight: bold; padding: 3; white-space: nowrap; }
	
TABLE#directions { background: white; margin: 15px 0 15px 0; 
	width: 85%; text-align: left;
	 }
TABLE#directions TD { padding: 5px;
	font-size: 70%; }
	
#dir_header { background: white; font-size: 75%;
	font-weight: bold; }
	

TD#productHeader { border-bottom: 2px solid #D9E1B2;
	 border-top: 2px solid #D9E1B2;
	 font-weight: bold;
	 color: #282F1D;
	 font-size: 100%;
	 padding: 8px; }
HR#productSep { height: 2px;
	margin: 0; width: 100%;
	padding: 0; color: #D9E1B2; }

P#notfound { font-weight: bold; }
A#notfound { font-weight: normal; text-decoration:none; }
A#notfound1 { font-weight: bold; text-decoration:underline; }

TABLE#wholesalelist { width: 90%; }

TD#wholesaletext { text-align: left; vertical-align: top;
	font-size: 80%; padding: 10px 15px 5px 10px; }

TD#wholesaleinfo { padding: 15px 0 0 10px;
	text-align: left; vertical-align: top;
	font-size: 80%; color: #282F1D; font-weight: normal;}
TD#wholesaleinfo A { font-size: 100%; font-weight: normal; }
		
TD#contactContent { font-size: 85%;
	font-weight: normal; padding: 10px 0 0 10px; }

TD#contactContent A { font-size: 105%;
	font-weight: bold;
	color: #282F1D; text-decoration:underline; }
	
TD#contactContent A:focus { color: black; }
	
TD#contactContent A:active { color: black; }
	
TD#contactContent A:hover { color: black; }
	
TD#productLinks { padding: 20px 0 0 0;
	text-align: center; }

P#productname { line-height: 1.2em;
	text-align: left;
	margin: 0 0 0 0.8em;
	font-size: 80%; color: #282F1D; font-weight: bold; }
	
P#productdesc { line-height: 1.2em;
	margin-top: 0.33em;
	text-align: left;
	font-size: 70%; color: #282F1D; font-weight: normal; }
	
TD#locationheader { padding: 0 0 10px 0;
	text-align: center; vertical-align: top;
	font-size: 105%; color: #282F1D; font-weight: bold; }
	
TD#location_header { background-color: #282F1D;
	border-right: solid 1px #5D0000;
	border-left: solid 1px #5D0000; 
	border-top: solid 1px #5D0000;
	font-weight: bold;
	font-size: 95%;
	color: white;
	white-space: nowrap;
	padding: 8px; }
	
TD#locationlist { padding: 15px 0 0 0;
	background-color: #8A9369;
	border-right: solid 1px #5D0000;
	border-left: solid 1px #5D0000; 
	border-bottom: solid 1px #5D0000;
	white-space: nowrap;
	font-weight: bold;
	font-size: 95%;
	text-align: center; }

	
	
TD#locationlist A { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; font-size: 110%; }
TD#locationlist A:visited { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#locationlist A:hover { color: #282F1D;
	text-decoration: underline;
	font-weight: bold; }
	
P#locationtext { line-height: 1.2em;
	text-align: left;
	font-size: 90%; color: #282F1D; font-weight: bold; }

TD#locationinfo { padding: 8px 0 0 10px;
	text-align: left; vertical-align: top;
	font-size: 80%; color: #282F1D; font-weight: normal;}
TD#locationinfo A { font-size: 90%; font-weight: normal; }

TD#locationinfo1 { font-size: 90%; font-weight: bold; 
	padding: 5px 0 5px 0; }

TD#locationinfo1 I { font-size: 75%; font-weight: bold; 
	font-style: italic; }
	
TD#locationinfo2 { padding: 5px 0 10px 10px;
	vertical-align: top;
	text-align: center; }
TD#locationinfo2 A { font-size: 75%; color: #282F1D;
	font-weight: normal; font-weight: bold; }
	
TD#prevNext { background-color: white;
	padding: 5px; width: 20%; 
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: solid 1px black; 
	border-top: solid 1px black;  }

TD#countDisplay { font-size: 70%;
	padding: 5px; 
	border-bottom: solid 1px black; 
	border-top: solid 1px black; 
	text-align: center;
	font-weight: bold; 
	width: 60%;
	white-space: nowrap; }
	
TD#countDisplay a:link { 
	text-decoration: underline; }
TD#countDisplay a:visited { 
	text-decoration: underline; }
TD#countDisplay a:hover {
	text-decoration: underline; }
	
TD#rowLabel1 { color: black; background:#D9E1B2;
	font-weight: bold; font-size: 75%;  padding: 5px; border: solid 1px white; }

TD#rowContent1 { background-color:white;  padding: 5px; border: solid 1px white; }

BODY.popUp { background: white; margin: 0; color: white;
	background-image : url(http://www.windandwillow.com/images/bg_popup.gif);
	background-repeat : repeat-x; }
	
TABLE#message { width: 85%;
margin: 10px; }
TD#messageTitle	{ 
	background-color: DarkGreen;
	background: DarkGreen;
	color: White;
	font-size : 65%;
	font-weight: bold;
	padding: 5px; }
	
TD#messageBox	{
	background-color: White;
	background: White;
	border: solid 1px DarkGreen;
	color: DarkGreen;
	font-weight: bold;
	font-size : 75%;
	padding: 5px; }
/*****************************************************/
/* END INNER PAGES LAYOUT */
/*****************************************************/
	
/*****************************************************/
/* ADMIN PAGES LAYOUT */
/*****************************************************/
TD#adminIdentity { color: Black;
	font-size: 65%; font-weight: bold;
	vertical-align: top;
	text-align: right;
	padding: 0px 5px 0px 0px;
	white-space: nowrap; }
	
TD#row0 { font-size: 75%;
	padding: 5px; 
	font-weight: bold; 
	background-color: white; }
	
TD#row0 a:link { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#row0 a:visited { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#row0 a:hover { color: #282F1D;
	text-decoration: underline;
	font-weight: bold; }
	
TD#row1 { font-size: 75%;
	padding: 5px;
	font-weight: bold; 
	background-color: #D9E1B2;  }
	
TD#row1 a:link { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#row1 a:visited { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#row1 a:hover { color: #282F1D;
	text-decoration: underline;
	font-weight: bold; }
	
TD#errorTitle	{ 
	background-color: red;
	background: red;
	color: White;
	font-size : 75%;
	font-weight: bold;
	padding: 5px; }
	
TD#errorBox {
	background-color: White;
	background: White;
	border: solid 1px red;
	color: red;
	font-weight: bold;
	font-size : 80%;
	padding: 5px; }
	
TD#messageTitle	{ 
	background-color: DarkGreen;
	background: DarkGreen;
	color: White;
	font-size : 75%;
	font-weight: bold;
	padding: 5px; }
	
TD#messageBox	{
	background-color: White;
	background: White;
	border: solid 1px DarkGreen;
	color: DarkGreen;
	font-weight: bold;
	font-size : 80%;
	padding: 5px; }
	
TD#row2 { font-size: 75%;
	padding: 5px; 
	font-weight: bold; 
	background-color: white; }
	
TD#row2 a:link { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#row2 a:visited { color: #5D0000;
	text-decoration: underline;
	font-weight: bold; }
TD#row2 a:hover { color: #282F1D;
	text-decoration: underline;
	font-weight: bold; }

	
TD#formButton1 { color: black;  background-color: #D9E1B2;
	font-weight: bold; font-size: 75%;  padding: 1px 8px 1px 8px; }

TD#rowContent1 a:link { color: #5D0000;
	text-decoration: none;
	font-weight: bold; font-size: 85%; }
TD#rowContent1 a:visited { color: #8A9369;
	text-decoration: none;
	font-weight: bold; font-size: 85%; }
TD#rowContent1 a:hover { color: #8A9369;
	text-decoration: underline;
	font-weight: bold; font-size: 85%; }

TD#adminlist { padding: 0;
	background-color: #8A9369;
	border: solid 1px #5D0000; }
	
TD#adminlist A { font-weight: bold;
	font-size: 110%;
	color: #5D0000; }
	
TD#prevNext A:link { color: #5D0000;
	text-decoration: none;
	font-weight: bold; font-size: 85%; }
TD#prevNext a:visited { color: #8A9369;
	text-decoration: none;
	font-weight: bold; font-size: 85%; }
TD#prevNext a:hover { color: #8A9369;
	text-decoration: underline;
	font-weight: bold; font-size: 85%; }
	
TD#countDisplay1 { font-size: 70%;
	padding: 5px; 
	border-bottom: solid 1px black; 
	border-top: solid 1px black; 
	text-align: center;
	font-weight: bold; 
	width: 60%; }
	
TD#countDisplay1 a:link { 
	text-decoration: underline; }
TD#countDisplay1 a:visited { 
	text-decoration: underline; }
TD#countDisplay1 a:hover {
	text-decoration: underline; }
		
/*****************************************************/
/* END ADMIN PAGES LAYOUT */
/*****************************************************/


/*****************************************************/
/* END NEW or updated */
/*****************************************************/
	
	
B#ortxt { display: block;
	margin: 10px; }
	
TD#locationoption { text-align: center;
	padding: 1em 0.5em 1em 0.5em;
	font-size: 90%; color: #282F1D; font-weight: bold; 
	background-color: white;
	border: solid 1px black; }
	
	
BODY.email { background: white; margin: 0; color: #282F1D; }

TABLE#homecontent { background: #FFFFE6;
	width: 98%; text-align: center; }

TABLE#content { background: white;
	width: 98%; text-align: center; }

TD#popupname { font-size: 75%; font-weight: bold;
	display: block; padding: 20px 0 15px 15px; }


TD#recipeofmonth { padding: 0px; color: #282F1D;
	text-align: center;
	vertical-align: middle;
	font-size: 110%; }
TD#recipeofmonth a:link { text-decoration: underline;
	font-weight: normal; display: block;
	padding: 8px; font-size: 60%; color: #004000; }
TD#recipeofmonth a:visited { text-decoration: underline;
	font-weight: normal; display: block;
	padding: 8px; font-size: 60%; color: #004000; }
TD#recipeofmonth a:hover {text-decoration: underline;
	font-weight: normal; display: block;
	padding: 8px; font-size: 60%; color: #BAC49A; }

TD#contactloc {font-size: 85%;
	font-weight: bold; }
	
TD#contactloc P {
	line-spacing: 1.2em; font-size: 100%; }
	
TD#contactLabel {font-size: 85%;
	font-weight: bold; padding: 5px;
	white-space: nowrap; vertical-align: top; }

	
TD#productcat { padding: 10px 0 10px 10px;
	text-align: left;
	font-size: 80%; color: #282F1D; font-weight: normal; }
	

TD#catlinks { padding: 5px 40px 5px 40px;
	text-align: center;
	vertical-align: middle;}
	
TD#homenote { text-align: center;
	vertical-align: top;
	font-size: 75%; color: #282F1D;}
	
STRIKE { 
	font-size: 11px;
	font-weight: bold; }
	
.bold { 
	font-weight:bold;
	font : bold; }

.small { 
	font-size: 70%;
	font-weight: normal; }
	
.smallbold { 
	font-size: 11px;
	font-weight:bold;
	font : bold 11px; }
	
.greyedout { 
	background-color: LightGrey;
	background: LightGrey}
	
B.small { 
	font-weight: bold;
	font-size: 11px;
	font: bold 11px; }
	
B.red {
	color: red;
	font-weight: bold;
	font: bold; }
	
A.message {
	font-weight: bold;
	font: bold;}
	
A.helpboxa	{
	color:DarkGreen;
	font-size : 11px;
	font-weight:bold;
	font : bold 11px;}
	
A.closeWindow {
	background-color: #7E79C4;
	background: #7E79C4;
	font-size: 14px;
	color: white;
	font-weight: bold;
	font: bold 14px;}

A.closeWindow:focus {
	color: white;}
	
A.closeWindow:active {
	color: white;}
	
A.closeWindow:hover {
	color: white;}
	
A.bold {
	font-weight: bold;
	font: bold;}

INPUT {
	margin: 0px 0px 0px 0px;
	background: white;
	background-color: white;
	font-size: 12px;
	font: 12px verdana;
	color: black; }
	
INPUT.small { 
	font-size:11px;
	font : 11px; }
	
TEXTAREA { font-size:12px;
	color: Black;
	font : 12px Arial Helvetica sans-serif; 
	font-family:arial,helvetica,sans-serif; }
	/* general */

/* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */

/*body position specified to ensure correct alignment of page content in NS4*/