/* default css stylesheet for a new web application project */

body {
	font-family: Arial, Times New Roman;
	background: white;	
	font-size: small;
}
td, th, h4, h5, h6 
	{font-family: Arial, Times New Roman;}
h4, h5, th, thead, tfoot
	{color: #000000;}
ul, li
{}
h1
{
	font-size: 25px;
	font-family: Times New Roman, Cambria, Arial;
	font-weight: normal;
	color: #993399; 
	margin-top: 0;
	margin-bottom: 0;
}
h2
{
	margin-top: 0;
	margin-bottom: 0;	
	font-size: 20px;
	font-family: Times New Roman, Cambria, Arial;
	font-weight:bold;
	color: #000000;
	padding-top: 5px;	
}
h3
{
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-family: Times New Roman, Cambria, Arial;
	font-weight:bold;	
	color: #000000;
}
a
{
	color: #353794;
	text-decoration: none;
}
a:hover
{
	color: #993399;
	text-decoration: none;
}
a:hover.footer
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #989898;
	font-size: 10px;
	text-decoration: none;
}
li
{
	margin-bottom: 5px;
}
#MultiText
{
	font-family: Times New Roman, Serif;
}
#MultiText1
{
	margin-left: 32px;
	margin-bottom: -10px;
	font-size: 28px;
	color: #BB528D;
}
#MultiText2
{
	font-size: 22px;
	color: #457DAC;	
}
#MultiText3
{
	font-size: 28px;
	color: #457DAC;
}
#Content
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	color: #000;	
	width: 580px;
}
#ContentPad
{
	padding: 0 0 0 5px;

}	
#ContentCentered
{
	padding: 0 5% 0 5%;	
}
#PreviewContent
{
	padding-left: 25px;
	color: #000000;
	font-family: Arial, Times New Roman;
	font-size: 12px;
}
#PreviewAwaken
{
	margin-top: -25px;
	margin-left: -5px;
	padding: 0 0 0 26%;
}
.recipeName
{
	margin-top: 0;
	margin-bottom: 0;	
	font-size: 20px;
	font-family: Times New Roman, Cambria, Arial;
	font-weight:bold;
	color: #353794;
	padding-top: 5px;	
}
.recipeSub
{
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-family: Times New Roman, Cambria, Arial;
	font-weight:bold;	
	color: #000000;
}
.romName
{
	margin-top: 0;
	margin-bottom: 0;	
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight:bold;
	color: #000;
	padding-top: 5px;	
}
.alternating
{
	background-color: #ececec;
}
.copy
{
	color: #000000;
	font-family: Arial, Times New Roman;
	font-size: 12px;
}
.copyBold
{
	color: #353794;
	font-family: Arial, Times New Roman;
	font-size: 12px;
	font-weight: bold;	
}
.smallprint
{
	color: #000000;
	font-family: Arial, Times New Roman;
	font-size: 10px;
}
.formText
{
	color: #575756;
	font-family: Arial, Times New Roman;
	font-size: 12px;
}
.footer
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #555555;
	font-size: 10px;
	text-decoration: none;	
}
.stepHeadNum
{
	font-size: 24px;
	font-family: Cambria, Times New Roman, Arial;
	font-weight:normal;
	color: #2068AB;
}
.stepHead
{
	font-size: 24px;
	font-family: Cambria, Times New Roman, Arial;
	font-weight:normal;
	color: #993399;
}
.previewHeading
{
	font-size: 18px;
	font-family: Cambria, Times New Roman, Arial;
	font-weight:normal;
	color: #993399;	
}
.errorDisplay
{
	color: #ff0000;
	font-size: 12px;
}

#menu
{
	padding-top: 5px;
	padding-left: 5px;
	background-color: #cccccc;
	font-size: 12px;
	width: 130px;
}
.menuLink a
{
	font-weight:bold;
	color: #353794;
	text-decoration: none;
}
.menuLink a:hover
{
	color: #993399;
	text-decoration: underline;
}
.logMenuLink a
{
	font-size: 16px;
	font-weight:bold;
	color: #353794;
	text-decoration: none;	
}
.logMenuLink a:hover
{
	font-weight:bold;
	color: #993399;
}
.loginLink a
{
	font-size: 12px;
	font-weight:bold;
	color: #353794;
	text-decoration: none;	
}
.menuSpace
{
	padding: 5px 0 0 5px;
}
.rowSpace
{
	padding: 8px 0 0 8px;
}
#offset
{
	padding: 2px 0 0 2px;
}
.note
{
	font-size:10px;
}
.bigText
{
	font-family: Arial, Times New Roman;
	font-size: 14px;
	font-weight:bold;
}
.highlight
{
	color: #993399;
}

.box 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #575756;
	background: #ffffff;	
	border-width: 1px;
	border-style: solid;
	border-color: #575756;
	height: 18px;	
}
.bigbox 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #575756;
	background: #ffffff;	
	border-width: 1px;
	border-style: solid;
	border-color: #575756;
}
#HeaderGray
{
	background-color: #c7c8cc;
	display: block;
	height: 25px;
	width: 412px;		
}
#HeaderGray a
{
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;	
	text-decoration: none;
	float: right;
	vertical-align: middle;
	padding-right: 2%;
	padding-left: 5px;
	padding-top: 6px;
}
#HeaderGray a:hover
{
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: underline;
	float: right;
	vertical-align: middle;
	padding-right: 2%;
	padding-left: 5px;
	padding-top: 6px;
}
#navFiller
{
	background-color: #bfbfbf;
	width: 185px;	
}
.LoginPrompt
{
	font-size: 12px;
}
.LoginHeader
{
	font-size:14px;
	font-weight: bold;
	padding-bottom: 2px;
}

#productOptions h3
{
	margin-bottom: -5px;
}
#productOptions ul li
{
	margin-bottom: 0;
	list-style-position: outside;
}
#productOptions a
{
	text-decoration: none;
}
#productOptions a:hover
{
	text-decoration: none;
}
#productImage
{
	float: right;
}
#new
{
	clear: both;	
	text-align:center;
}
#FAQ .Item TD
{
	background-color: #ececec;
	border: solid 1px #000;
}
#FAQ .ItemAlt TD
{
	background-color: #FFFFFF;
	border: solid 1px #000;
}
#FAQ .Item A
{
	font-size: 11px;	
}
#FAQ .ItemAlt A
{
	font-size: 11px;	
}
.bigRedText
{
	font-family: Arial, Times New Roman;
	font-size: 14px;
	font-weight:bold;
	color:Red;
}
#headerTop {background-image:url("../images/top.jpg"); background-repeat:no-repeat; width:766px; height:95px;}
#headerTop DIV.homelink {width:300px; float:left;}
#headerTop DIV.ostersite {float:right; margin:79px 5px 0 0; color:#F4A40A; font-weight:bold;}
#headerTop DIV.ostersite a {color:#F4A40A; font-size: 11px; font-weight: bold;}
#headerTop DIV.ostersite a:hover {color: #F4A40A; text-decoration: underline;}

#recipeimage {position:absolute; float:right; height:141px; width:262px; margin:0 0 0 310px; background-repeat:no-repeat;}
#recipe{float:none; margin:0 0 0 0;  }
#recipeinglist{}
#recipedirlist{}