body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-y;
	font-family: 'Century Gothic' ,Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	color: #000000;
} 
.tablebasic
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 15px;
	border: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.emailTD
{
	padding-left: 8px;
	padding-right: 8px;
}

.emailTable
{
	border: 1;
	border-style: solid;
	background-color: beige;
}

.headerRow
{
	background-color: #bdb76b;
	color: White;
	font-weight: bold;
}

.tableerror
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 15px;
	border: 0px;
	background-color: #cc9999;
}

.tablemaster
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src= '../Graphics/comment-bg.png' );
	border-right: black 2px groove;
	border-top: black 2px groove;
	border-left: black 2px groove;
	border-bottom: black 2px groove;
}

.tablemasterborder
{ 

      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      margin-bottom:15px;
      border: 1px solid #0033cc;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Graphics/comment-bg.png');
}

.tablemaster[class]
{
	background-image: url(Graphics/comment-bg.png); 
}

.tableProgress
{
	white-space:nowrap;
	font-family:Arial;
	font-size:12px;
}

.tableProgress TD
{
	padding-right: 3px;
	padding-left: 3px;
}

.cellProgressCurrent
{
	font-weight: bold;
	color: #ff9900;
}

.cellProgressFuture
{
	font-weight:bold;
	color:Gray;
}

.separatorProgressCurrent
{
	width:40px;
	height:5px;
	background-color:#ff9900;
}

.separatorProgressFuture
{
	width:40px;
	height:5px;
	background-color:Gray;
}

.logo
{
	width: 100px;
	height: 100px;
	float: left;
	position: absolute;
	left: 52px;
	top: 15px;
	z-index: 140;
	background-image: url(graphics/HeartLogo_Main.gif);
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

.navbar
{ 
	width: 178px;
	height: 510px;
	position: absolute;
	text-align: right;
	font-weight: bold;
	color: #000000;
	background-image: url(Graphics/CollageNav_WP_a.gif);
	/* background-image: url(Graphics/TFGAd.jpg); */
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
	top: 94px;
	left: 0px;
}


.navbar a
{
	color: #000000;
	text-align: left;
	text-decoration: none;
}

.navbar p
{
	padding-top:30px;
}

.wizardBar
{
	padding-top: 80px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: center;
}

.wizardBar a
{
	color: #000000;
	text-align: left;
	text-decoration: none;
}

.wizardStep
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 10px;
	width: 470px;
	border-right: #663366 1px solid;
	border-top: #663366 1px solid;
	border-left: #663366 1px solid;
	border-bottom: #663366 1px solid;
}

.buttonArray
{
	padding-top:135px;
	margin-right: 15px; 
}

.button
{
}

.notification
{
	position:relative;
	display:block;
	z-index:150;
	text-align:center;
}

.endorsementWrapper
{
	padding: 0px;
	position: absolute;
	width: 176px;
	text-align: center;
	left: 0px;
	bottom: 20px;
}

.endorsement
{
	padding: 0px;
	font-family: 'Arial Narrow' , Arial, Helvetica, sans-serif;
	border-right: #993333 1px solid;
	border-top: #993333 1px solid;
	border-left: #993333 1px solid;
	border-bottom: #993333 1px solid;
	font-size: 12px;
	color: #000000;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Graphics/comment-bg.png');
}

.endorsement[class]
{
	background-image: url(Graphics/comment-bg.png);
}

.endorsementTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	border-bottom: #993333 1px solid;
	font-size: 14px;
	color: #000000;
	text-align: center;
}

.endorsementComment
{
	text-align: center;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.endorsementCredit
{
	text-align: right;
}

h1
{
	font-family: 'Bradley Hand ITC', 'Century Gothic' , Arial, Helvetica, sans-serif;
	color: #000000;
	position: absolute;
	left: 118px;
	top: 22px;
	width: 555px;
	display: block;
	font-size: 60px;
	font-weight: bold;
	margin: 0px;
	z-index: 150;
	line-height: 64px;
	letter-spacing: 5px;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	line-height: 19px;
}

 .subtitle {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width: 555px;
	height: 23px;
	position: absolute;
	left: 178px;
	top: 84px;
	z-index: 160;
	line-height: 20px;

}

.footer
{
	position: relative;
	padding: 0px;
	width: 555px;
	text-align: center;
	font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	display: block;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	margin-bottom: 0px;
	z-index:160;
}

.imageTable
{
}

.imageTableHeader
{
	background-position: left center;
	background-image: url(Graphics/TFGflower_sm.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	vertical-align: middle;
	text-align: left;
	height: 20px;
	font-size: 16px;
	color: #666666;
	z-index: 150;
}

.headOverlap
{
	position: absolute;
	margin-top: -80px;
	margin-left: 220px;
	left: 200px;
	float:right;
	clear:right;
	z-index:135;
}

html>body .headOverlap {
    margin-left: 400px;
}


.content
{
	margin: 0px;
	padding: 0px;
	width: 733px;
	height: 604px;
	min-height: 604px;
	overflow: visible;
	background-color: #ffffff;
	/*display: table;*/
}

.contentlook

{
    padding-right:15px;
    display: table-cell;
    padding-left: 15px;
    height: 30px;
}

.contentDynamicWrapper
{
	padding: 0px;
	height: 478px;
	min-height: 478px;
	width: 555px;
	overflow: visible;
	margin-left: 178px;
	top: 104px;
	position: relative;
	display: table;
	background-color: #ffffff;
	border-right: 0px;
	border-top: #cccccc 1px solid;
	border-left: 0px;
	border-bottom: 0px;
	z-index:130;
}

.contentDynamic 
{ 
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
	height: 478px;
	min-height:478px;
    width:555px;
    display:table;
   /*display:table;*/
	padding-left: 10px; 
	z-index:129;
}

.controlArea
{
	position:relative;
	display:table;
	/*margin-top:0px;*/
	width:100%;
	z-index:160;
}

.hangingImage
{
	display: block;
	position: absolute;
	overflow: visible;
	border-right: #000000 thin solid;
	border-top: #000000 thin solid;
	border-left: #000000 thin solid;
	border-bottom: #000000 thin solid;
}

.helpWidget
{
	
}

.helpWidget A
{
	text-decoration: none;
}

.helpClose
{
}

.helpClose A
{
	text-decoration:none;
	color:Black;
}
.orderTable
{
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	border: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.navHintSpanPink
{
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #f4b9b9;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.navHintSpanBlue
{
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #5876a7;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.navHintSpanGreen
{
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #becc90;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.noteText
{
	color: #708090;
	font-style: italic;
	font-variant: small-caps;
}

.subLink
{
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	font-weight:bold;
}