/*varbackground.css is used in varieties, availability chart, and recipes*/

.box6  { /*Box with Faded Grapes as background*/
	position: absolute;
	width: 674px;
	height: 312px;
	z-index: 4;
	left: 248px;
	top: 245px;
	background-image:url('../images/FadedGrapes.jpg');
	background-repeat:no-repeat;	
}

.lines {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 153px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}

.lines2 {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 190px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}

.lines3 {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 227px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}

.lines4 {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 264px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}

.lines5 {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 301px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}

.lines6 {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 338px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}

.lines7 {
	border-left-color:maroon;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:maroon;
	border-right-style:solid;
	border-right-width:2px;
	position: absolute;
	left: 375px;
	top: 327px;
	height: 25px;
	width: 15px;
	z-index: 2;

}


.scrollbox {
	position: absolute; 
	width: 682px; 
	height: 294px; 
	color: maroon; 
	font-size: 12pt; 
	overflow: auto; 
	z-index: 1; 
	left: 14px; 
	top: 21px;
	font-family: Arial, Helvetica, sans-serif;
}

.back {
	position: absolute;
	width: 104px;
	height: 22px;
	color: maroon;
	font-size: 10pt;
	z-index: 2;
	left: 534px;
	top: 413px;
}

.h1  { /*Font Style for Page Titles*/
	font-family: "Lucida Calligraphy";
	color:maroon;	
	font-size: large;
	font-weight: bold;
	position: absolute; 
	width: 155px; 
	height: 25px; 
	z-index: 4; 
	left: 419px; 
	top: 150px;
	text-align: center;
	text-decoration: underline;
}

.h2  { /*Font Style for page content*/
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
	font-size:11pt;
	z-index: 6;
	position: absolute;
	width: 240px;
	height: 25px;
	left: 375px;
	top: 174px;
	text-align: center; 
}