
html {height: 100%; font-size: x-small;}
body { margin: 0 0 0 0; padding: 0 0 0 0; font: 12px arial, sans-serif; text-align: center; background-color: #FDFFD7;}
a { color: #000000; }
a.:visited, a.:active, a.:hover { color:#000000; }

a.global		{ font-size: 10pt; font-family:verdana; font-weight:bold; text-decoration:none;}
a:link.global	 	{ color:#fff; text-decoration:none; }
a:active.global		{ color:#fff; text-decoration:none; }
a:visited.global	{ color:#fff; text-decoration:none; }
a:hover.global		{ color:#FF6699; text-decoration:none; }

a.subglobal		{ font-size: 10pt; font-family:verdana; font-weight:bold; text-decoration:none; line-height: 20px;}
a:link.subglobal	{ color:#6E5686; text-decoration:none; }
a:active.subglobal	{ color:#6E5686; text-decoration:none; }
a:visited.subglobal	{ color:#6E5686; text-decoration:none; }
a:hover.subglobal	{ color:#FF6699; text-decoration:none; }

a.see			{ font-size: 8pt; font-family:verdana; font-weight:bold; text-decoration:none;}
a:link.see	 	{ color:#BE246A; text-decoration:none; }
a:active.see		{ color:#BE246A; text-decoration:none; }
a:visited.see		{ color:#BE246A; text-decoration:none; }
a:hover.see		{ color:#ff9900; text-decoration:underline; }

a.see2			{ font-size: 9pt; font-family:arial; font-weight:regular; text-decoration:none;}
a:link.see2	 	{ color:#BE246A; text-decoration:none; }
a:active.see2		{ color:#BE246A; text-decoration:none; }
a:visited.see2		{ color:#BE246A; text-decoration:none; }
a:hover.see2		{ color:#ff9900; text-decoration:underline; }

a.footer	{ font-size: 8pt; font-family:arial; font-weight:normal; text-decoration:none; }
a:link.footer 	{ color:#999; text-decoration:none; }
a:active.footer	{ color:#999; text-decoration:none; }
a:visited.footer{ color:#999; text-decoration:none; }
a:hover.footer	{ color:#BE246A; text-decoration:none; }

a.links		{ font-size: 8pt; font-family:verdana, arial; font-weight:bold; text-decoration:underline;}
a:link.links 	{ color:#BE246A; text-decoration:underline; }
a:active.links	{ color:#BE246A; text-decoration:underline; }
a:visited.links	{ color:#BE246A; text-decoration:underline; }
a:hover.links	{ color:#ff9900; text-decoration:underline;}

a.whiteText		{ font-size: 8pt; font-family:verdana, arial; font-weight:bold; text-decoration:none;}
a:link.whiteText 	{ color:#fff; text-decoration:none; }
a:active.whiteText	{ color:#fff; text-decoration:none; }
a:visited.whiteText	{ color:#fff; text-decoration:none; }
a:hover.whiteText	{ color:#ff9999; text-decoration:none;}

a.sos		{ font-size: 20pt; font-family:arial; font-weight:bold; text-decoration:none;}
a:link.sos 	{ color:#fff; text-decoration:none; }
a:active.sos	{ color:#fff; text-decoration:none; }
a:visited.sos	{ color:#fff; text-decoration:none; }
a:hover.sos	{ color:#fff; text-decoration:underline;}

a.facebook			{ font-size: 9pt; font-family:arial; font-weight:regular; text-decoration:none;}
a:link.facebook	 		{ color:#3B5998; text-decoration:none; }
a:active.facebook		{ color:#3B5998; text-decoration:none; }
a:visited.facebook		{ color:#3B5998; text-decoration:none; }
a:hover.facebook		{ color:#3B5998; text-decoration:underline; }

a.DarkLink		{ font-size: 10font-family:verdana, arial; font-weight:bold; text-decoration:none;}
a:link.DarkLink 	{ color:#575757; text-decoration:none; }
a:active.DarkLink	{ color:#575757; text-decoration:none; }
a:visited.DarkLink	{ color:#575757; text-decoration:none; }
a:hover.DarkLink	{ color:#ff9900; text-decoration:none;}

img.thumb {margin-bottom: 5px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #e5e5e5;}
img.newsletter {margin-top: 10px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ccc;}
img, p { margin: 0 0 0 0; padding: 0 0 0 0; border: 0; }
blockquote { margin: 0 0 0 0;}
table {font-size: 1em; }
th {white-space: nowrap; color: #222222;}

/* content body */
body.dataframe {padding: 00px;}
.MELLOWYELLOW { background-color: #ffd;}


/* background for the content area */
.content {padding: 0 0 0 0; width: 100%; height: 355px; margin-left:0px; margin-bottom:0px; background-color: #362305; z-index: 100; border-width: 0px; border-style: solid; border-color: #FFFFFF; }
#popcontent23 { padding: 16px; width: 560px; margin-left:20px; margin-bottom:90px; background-color: #D6E0E7; z-index: 100; }

/* groups blocks of content */ 

#mainbody {
	WIDTH: 950px; 
	BACKGROUND: #ffffff ;
	MARGIN-BOTTOM: 0px; 
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	BORDER-RIGHT: #FFDAEB 3px solid; 
	BORDER-LEFT: #FFDAEB 3px solid; 
	BORDER-BOTTOM: #FFDAEB 3px solid; 

}

#mainbodyTran {
	WIDTH: 950px; 
	MARGIN-TOP: 15px; 
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;

}

#mainContent {
	MARGIN-TOP: 20px;
	MARGIN-BOTTOM: 40px;
	MARGIN-LEFT: 25px;
	MARGIN-RIGHT: 25px;
}

#mainwhiteFrame {
	BACKGROUND: #ffffff ; 
}


.rounded {
   -moz-border-radius: 8px;
   -webkit-border-radius: 4px;
}


#mainPromo {
	PADDING: 10px; 	
}

#mainPop {
	WIDTH: 720px; 
	BACKGROUND: #ffffff ; 
	PADDING: 0px; 
	MARGIN-TOP: 10px; 	
	MARGIN-BOTTOM: 10px; 
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	BORDER: #370F0D 5px solid; 
}

#mainbodyFriend {
	WIDTH: 400px; 
	BACKGROUND: #ffffff ; 
	PADDING: 0px; 
	MARGIN-TOP: 40px; 	
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	BORDER-TOP: #370F0D 5px solid; 
	BORDER-RIGHT: #370F0D 5px solid; 
	BORDER-LEFT: #370F0D 5px solid; 
	BORDER-BOTTOM: #370F0D 5px solid; 
}


#mainHeader {
	BACKGROUND: #FFF ; 
	MARGIN: 0px auto; 	
}

#grayBox { 
	BORDER: #CCCCCC 1px solid;
	MARGIN-BOTTOM: 5px;
}


.email { background-color: #BE246A; padding: 4 14 10 5; margin: 0 0 0 0; }

.summaryblockBorderHeader { width: 880px; border: 1px; border-style: solid; border-color: #E5E5E5; padding: 10 0 10 10; background-color: #eee; }
.summaryblockBorder { width: 880px; border: 1px; border-style: solid; border-color: #E5E5E5; margin-top: 0px; padding: 10 0 10 10; background-color: #ffffff; }
.summaryblockBorderRtxxx { margin: 0 20 0 0; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 1px; border-style: solid; border-color: #E5E5E5; padding: 10 0 10 0; background-color: #ffffff; }
.summaryblockBorderNonexxx { border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-color: #E5E5E5; padding: 10 0 10 0; background-color: #ffffff; }
.summaryblockBorderSign { border: 0px; border-style: solid; border-color: #F9DA99; padding: 10 0 10 10; background-color: #F6F4DB; }
.summaryblockBorderLaunch { border: 0px; border-style: solid; border-color: #AFD7E0; padding: 10 0 10 10; background-color: #DDF2F7; }
.summaryblockBorderSelected { border: 1px; border-style: solid; border-color: #E5E5E5; padding: 10 10 10 10; background-color: #EEE; }
.summaryblockBorderNonSelected { border: 1px; border-style: solid; border-color: #E5E5E5; padding: 10 10 10 10; background-color: #FFF; }


.summaryblock { width: 480px; background-color: #ffffff; padding: 6px; margin: 0 0 0 4;}
.summaryblock3 { width: 465px; background-color: #ffffff; padding: 6px; margin: 0 0 0 0; border: 2px; border-style: solid; border-color: #E6F8EA; }

.summaryblockBox { width: 655px; background-color: #ffffff; padding: 6px; margin: 0 0 0 0;}
.summaryblockBox2 { width: 640px; background-color: #ffffff; padding: 6px; margin: 0 0 0 0; border: 2px; border-style: solid; border-color: #DFEAF5; }

.summaryblock2 { width: 570px; height: 300; padding: 0px; margin: 0px; border: 1px; border-style: solid; border-color: #370F0D; }

.summaryblockWholesale { width: 825px; background-color: #F7BFD8; padding: 6px; margin: 0; border: 0px; border-style: solid; }
.summaryblockWholesale2 { width: 800px; background-color: #F19FC5; padding: 6px; margin: 0 0 0 0; border: 1px; border-style: solid; border-color: #fff; }

.summaryblockHPPack { width: 220px; background-color: #669999; padding: 8px; margin: 0 0 0 0; border: 0px; border-style: solid; }
.summaryblockHPPack2 { width: 205px; height: 155px; background-color: #D6E8D9; padding: 6px; margin: 0 0 0 0; border: 1px; border-style: solid; border-color: #fff; }

.summaryblockHPBox { width: 220px; background-color: #7795C6; padding: 8px; margin: 0 0 0 0; border: 0px; border-style: solid;}
.summaryblockHPBox2 { width: 205px; height: 155px; background-color: #CED8EF; padding: 6px; margin: 0 0 0 0; border: 1px; border-style: solid; border-color: #fff; }

.summaryblockHPReferral { width: 220px; background-color: #F19FC5; padding: 8px; margin: 0 0 0 0; border: 0px; border-style: solid;}
.summaryblockHPReferral2 { width: 152px; height: 155px; background-color: #F9CCE0; padding: 6px; margin: 0 0 0 0; border: 1px; border-style: solid; border-color: #fff; }

.summaryblockPhoto2 { width: 125px; height: 155px; background-color: #fff; padding: 6px; margin: 0 0 0 0; border: 1px; border-style: solid; border-color: #ccc; }

.summaryblockPortfolio { width: 100%px; height: 350px; background-color: #ffffff; padding: 0px; margin: 0 0 0 0; border-width: 2px; border-style: solid; border-color: #8EBEBE; }
.summaryblockMenu { width: 500px; height: 150px; background-color: #FFDBEC; padding: 0px; margin: 0 0 0 0; border: 1px; border-style: solid; border-color: #CC3366; }
.summaryblockSeeMenu { width: 150px; height: 20px; background-color: #FFDBEC; padding: 0px; margin: 0 0 0 0; border-left: 1px; border-top: 0px; border-right: 1px; border-bottom: 1px; border-style: solid; border-color: #CC3366; }
.summaryblockWhite { width: 100%px; background-color: #ffffff; padding: 0px; margin: 0 0 0 0; border-width: 0px; border-style: solid; border-color: #8EBEBE; }
.sectionbreak { margin: 10px; }

/*creates a section break with no background color */
.sectionbreak { height: 2px; }
.ruleDarkPink { height: 1px; width: 825px; background-color:#D392B2; border: 0px; overflow: hidden;}
.rulePinkDots { height: 4px; width: 100%; background-color: #FFDBEC; background-image: url(../images/bkgd_hp_top.gif); border: 0px; overflow: hidden;}
.buttons { margin-top: 6px; margin-bottom: 6px; margin-right: 6px; padding-left: 14px;}
.buttonsright { margin: 14px; text-align: right; }

/* errors and alerts */
.taskblock { width: 780px; padding: 10 0 12 40; margin: 0 0 0 130; font-size: 1.0em; font-weight: bold; background-color: #EEF2E4; border-width: 2px; border-style: solid; border-color: #C1D1DB; }

.menuIntro { background-image: url(../images/menu/menu_intro1.gif); background-repeat: no-repeat; background-color: #FFFFFF; }

.cautionblock { margin: 0px; padding: 10px; padding-top: 10px; padding-left: 40px; color:#000000; font-size: 1.1em; font-weight: bold; background-repeat: no-repeat; background-color: #FFFFDD; background-position: 3px 0px; border-width: 2px; border-style: solid; border-color: #FDDF76;}

.footerframe { height: 49px; width:825px;}
.cellbgbtm { font-size: 9pt; font-weight: normal; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 2px; padding-top: 6px; background-color: #fff;}


/* headers */
/* page title */
<!-- h1, page title, h2,left nav, h4,page copy -->
h2 { margin: 5 0 0 0; padding: 0; font-size: 10pt; font-weight: normal; color:#000; border-width: 0px; border-style: solid; border-color: #ffffff; }
h3 { margin: 0 0 0 0; padding: 0; font-size: 8pt; font-weight: normal; color:#ccc; border-width: 0px; border-style: solid; border-color: #ffffff; }
h4 { line-height: 15px; margin: 0 0 0 0; padding: 0; font-size: 8pt; font-weight: bold;  font-family:verdana, arial; color:#BE246A; border-width: 0px; border-style: solid; border-color: #ffffff; }
h5 { margin: 5 0 10 0; padding: 0; font-size: 8pt; font-weight: bold; color:#666; border-width: 0px; border-style: solid; border-color: #ffffff; }
h6 { line-height: 15px; margin: 0 0 0 0; padding: 0; font-size: 8pt; font-weight: normal;  font-family:verdana, arial; color:#BE246A; border-width: 0px; border-style: solid; border-color: #ffffff; }


/* rules */
.hr { width: 690px; border: 0px; background-color: #999; height: 1px; margin-top: 4px;  overflow: hidden;}
.hrPinkRule { width: 630px; border: 0px; background-color: #6E5686; height: 1px; margin: 0px;  overflow: hidden;}
.hrBrownRule { width: 100%; border: 0px; border-style: solid; border-color: #D392B2; background-color: #370F0D; height: 6px; margin-left: 0px;  overflow: hidden;}
.hrGrayRule { width: 270px; border: 0px; border-style: solid; border-color: #D392B2; background-color: #ccc; height: 4px; margin-left: 0px;  overflow: hidden;}
.hrRule { width: 100%; border: 0px; border-style: solid; border-color: #D392B2; background-color: #ccc; height: 3px; margin: 0 0 0 0px;  overflow: hidden;}

/* text components */
.main-txt { font-size: 12pt; font-weight: bold; font-family:verdana; color: #7D7D7D;}
.main-txt2 { font-size: 10pt; font-weight: bold; font-family:verdana; color: #7D7D7D;}
.main-txt3 { font-size: 12pt; font-weight: bold; font-family:verdana; color: #BE246A;}
.sub-txt { font-size: 8pt; font-weight: normal; font-family:verdana; color: #7D7D7D;}


.txtFooter { margin: 0 0 0 0; font-size: 8pt; font-weight: normal; color: #999;}
.txtNormal { margin: 0 0 0 0; font-size: 9pt; font-family: arial; font-weight: normal; color: #000; line-height: 15px;}
.txtPromo { margin: 0 0 0 0; font-size: 11pt; font-weight: normal; color: #fff; line-height: 14px;}
.txtDisclaimer { margin: 0 0 0 0; font-size: 7.5pt; font-weight: normal; color: #333; line-height: 12px;}
.txtGen { line-height: 15px;}
.txtHL { font-size: 8pt; font-weight: bold; color: #BE246A; font-family:verdana; }
.txtFree { margin: 0 0 0 0; padding: 6; font-size: 10pt; font-weight: normal; color: #fff; font-family:verdana; line-height: 20px; background-color: #D392B2; }
.txtTitle { margin: 0; padding: 0; font-size: 12pt; font-weight: bold; color: #922455; font-family:verdana; line-height: 20px; }
.txtSubTitle { margin: 0; padding: 0; font-size: 10pt; font-weight: bold; color: #6E5686; font-family:verdana; line-height: 20px; }
.txtsubglobal		{ font-size: 10pt; font-family:verdana; font-weight:bold; color:#6E5686; line-height: 20px;}

/* general styles */
.alignright {width: 100%; text-align: right;}
.alignleft {width: 100%; text-align: left;}

/* Start defining styles for tables */
table.gen { font-size: 8pt; width: 100%; text-align: left; border-collapse: collapse; background-color:#fff;}
table.gen thead th { background: #DFE2E7; padding: 0 5 0 10px; font-weight: normal;}
table.gen tbody td.promo { padding: 10px; spacing: 0 0 0 0px;}

table.ecards tbody td.colgray{ padding: 4px; spacing: 0px; background-color:#E4E4E4;}

/* forms */
input, select, textarea {  margin: 0 0 0 0;padding: 0 0 0 0;font-size: 10pt;font-family: arial,helvetica,sans-serif;}


