BODY {FONT: 11px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #656982; MARGIN: 0px; BACKGROUND: #FFFFFF; TEXT-ALIGN: Center; LINE-HEIGHT: 14px;}
#Framework {display:none}

#SignupFormBackground {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_signup_form.jpg) No-Repeat;	WIDTH: 723px; VERTICAL-ALIGN: Top;}
#SignupFormBackgroundFrn {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_signup_form_frn.jpg) No-Repeat;	WIDTH: 723px; VERTICAL-ALIGN: Top;}

#UpdateFormBackgroundEng {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_update_form_eng.jpg) No-Repeat;	WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}
#UpdateFormBackgroundFrn {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_update_form_frn.jpg) No-Repeat;	WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}

#UpdateSuccessBackground {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_update_success.jpg) No-Repeat;	WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}
#StaySubscribedBackground {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_stay_subscribed.jpg) No-Repeat;	WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}
#ForwardBackground {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_forward.jpg) No-Repeat;	WIDTH: 723px; HEIGHT: 564px; VERTICAL-ALIGN: Top;}
#ForwardThanksBackground {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/email_imgs/back_forward_thanks.jpg) No-Repeat;	WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}
#UnSubscribeBackground {BACKGROUND: #FFFFFF; WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}
#SignupBackground {BACKGROUND: #FFFFFF; WIDTH: 723px; HEIGHT: 464px; VERTICAL-ALIGN: Top;}
#NewsletterContainerBorder {BORDER: #d5dae9 1px solid; VERTICAL-ALIGN: Top; WIDTH: 691px;}
	
.Spacer {VERTICAL-ALIGN: Top; WIDTH: 20px; PADDING-TOP: 4px;}


#SignUpFormContent {BACKGROUND: #da48c5; WIDTH: 230px; FONT: Bold 10px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFF; VERTICAL-ALIGN: Top; BORDER: Collapsed;}

.MessagingContent {COLOR: #FFF; VERTICAL-ALIGN: Top; TEXT-ALIGN: Justify; PADDING: 0 0px 0 0;}

#SignUpErrorStatement {FONT: Bold 11px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFF000; MARGIN: 0px 0 10px 0; TEXT-ALIGN: Left; LINE-HEIGHT: 14px;}
#ErrorStatement {FONT: Bold 11px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFF000; MARGIN: 0px 20px 10px 20px; TEXT-ALIGN: Left; LINE-HEIGHT: 14px;}


/** Unsubscribe Content **/
.UnsubscribeTopContent {PADDING: 0px 20px 0px 20px; TEXT-ALIGN: Justify;}
#UnsubscribeContent {WIDTH: 491px; VERTICAL-ALIGN: Top;}

.RadioButtons {WIDTH: 40px; COLOR: #FFF; TEXT-ALIGN: Right; VERTICAL-ALIGN: Top;}
.Content {FONT: 11px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFF; LINE-HEIGHT: 14px; TEXT-ALIGN: Justify; VERTICAL-ALIGN: Top; PADDING: 0 28px 15px 10px;}
.Content B {FONT: Bold 14px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFF; LINE-HEIGHT: 16px; DISPLAY: Block; PADDING: 0 0px 4px 0px;}


#FormContainerContent {BACKGROUND: #59b7eb url(http://www.krugerproducts.ca/email_imgs/form_container_back.jpg) No-Repeat Bottom; WIDTH: 491px; VERTICAL-ALIGN: Top; MARGIN: 20px Auto 0px Auto; TEXT-ALIGN: Center;}

#ForwardFormContent {VERTICAL-ALIGN: Top; MARGIN: 10px Auto 10px Auto; WIDTH: 451px;}
.ForwardTopContent {PADDING: 0px 20px 0px 20px; TEXT-ALIGN: Justify;}

#UpdateContainer {WIDTH: 460px; VERTICAL-ALIGN: Top;}

.UpdateTopContent {HEIGHT: 99px; PADDING: 0px 0px 0px 0px; TEXT-ALIGN: Justify;}
.UpdateIntroContent {LINE-HEIGHT: 14px; COLOR: #FFF; TEXT-ALIGN: Justify; VERTICAL-ALIGN: Top; PADDING: 0px 20px 10px 20px;}
.UpdateBottomContent {PADDING: 20px; TEXT-ALIGN: Justify;}
#UpdateFormContent {WIDTH: 230px; FONT: Bold 10px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFF; VERTICAL-ALIGN: Top;}

#UpdateConfirmationContent {MARGIN: 0px 0 0px 0px; WIDTH: 324px; TEXT-ALIGN: Justify;	FONT: 11px Arial, Tahoma, Verdana, Sans-Serif; LINE-HEIGHT: 14px;}
#UpdateSuccessContent {MARGIN: 20px 0px 0px 0px;}

#ConfirmationContent {MARGIN: 0px Auto 0px Auto; WIDTH: 366px; TEXT-ALIGN: Justify;	FONT: 11px Arial, Tahoma, Verdana, Sans-Serif;}
.Prompts {FONT-WEIGHT: Bold; TEXT-ALIGN: Left; LINE-HEIGHT: 18px;}
.Values {FONT-WEIGHT: Bold; COLOR: #5fbdf3; TEXT-ALIGN: Left; WIDTH: 220px;}




TD.FormField {FONT: Bold 10px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFFFFF; WIDTH: 188px; PADDING: 3px 0;}
TD.FormFieldNoSpace {FONT: Bold 10px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFFFFF; WIDTH: 188px; PADDING: 2px 0;}
.DropDownList {FONT: Bold 10px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #5fbdf3; WIDTH: 188px; MARGIN: 3px 0 0 0;}
.TextField {FONT: Bold 11px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #5fbdf3; BORDER: #656982 1px solid; WIDTH: 188px; PADDING-LEFT: 2px;}
.TextAreaField {FONT: Bold 11px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #5fbdf3; BORDER: #656982 1px solid; WIDTH: 188px;PADDING-LEFT: 2px;}
#UpdateFormContent Input.TextField {FONT: Bold 11px Arial, Tahoma, Verdana, Sans-Serif;	COLOR: #5fbdf3;	BORDER: #656982 1px solid; WIDTH: 188px; PADDING-LEFT: 2px;}



.Required {FONT: Bold 9px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFFFFF; TEXT-ALIGN: Right; PADDING-RIGHT: 20px; VERTICAL-ALIGN: Bottom;}
.SignUpRequired {FONT: Bold 9px Arial, Tahoma, Verdana, Sans-Serif; COLOR: #FFFFFF; TEXT-ALIGN: Right; VERTICAL-ALIGN: Bottom;}


IMG.Button {MARGIN: 20px 0 0 0; BORDER: 0px;}
IMG.UpdateButton {MARGIN: 15px 0 10px 0; BORDER: 0px;}
IMG.UnsubscribeBanner {MARGIN: 0px 0 15px 0; BORDER: 0px;}

.NewsletterFooter {FONT-SIZE: 9px; FONT-WEIGHT: Bold; PADDING:  10px 18px 10px 18px; LINE-HEIGHT: 12px; TEXT-ALIGN: Justify;}
.NewsletterFooterUnsubscribe {FONT-SIZE: 9px; FONT-WEIGHT: Bold; PADDING:  0px 18px 10px 18px; LINE-HEIGHT: 12px; TEXT-ALIGN: Justify;}


/*  ================   General Styles  ================  */

IMG.SubHead {MARGIN: 20px 0 16px 0px;}
IMG.UnsubscribeSubHead {MARGIN: 20px 0 16px 0px;}


#PageFrameWork {MARGIN-TOP: 0px;}
.SpongeLogo {BACKGROUND: #FFFFFF url(http://www.krugerproducts.ca/images/sponge_logo_back.png) No-Repeat Bottom Right;}

B {FONT-WEIGHT: Bold; COLOR: #5fbdf3;}

A {COLOR: #5fbdf3; TEXT-DECORATION: Underline;}
A:Hover {COLOR: #5fbdf3; TEXT-DECORATION: Underline;}

A.Email {COLOR: #5fbdf3; FONT-WEIGHT: Bold; TEXT-DECORATION: None;}
A.Email:Hover {COLOR: #5fbdf3; TEXT-DECORATION: Underline;}

FORM {MARGIN: 0px;}

P {MARGIN-TOP: 18px; MARGIN-BOTTOM: 4px;}

.JustifyThis {TEXT-ALIGN: Justify; MARGIN-BOTTOM: 15px;}
SUP {FONT: 80% Verdana, Helvetica, Sans-Serif; PADDING: 0 0 0 0.01cm; VERTICAL-ALIGN: Top; COLOR: #8d92af;}

TABLE {FONT-SIZE: 100%;border-collapse: separate;}
TD {display: table-cell}

/*  ================   Footer Styles  ================  */

#FooterBar { 
	HEIGHT: 42px;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	PADDING: 10px 0px 30px 10px;
	VERTICAL-ALIGN: Top;
}
#FooterBar A { 
	COLOR: #FFFFFF;
	PADDING-RIGHT: 14px;
	FONT-WEIGHT: Normal;
	TEXT-DECORATION: Underline;
}
#FooterBar A:Hover {
	COLOR: #FFFFFF;
	FONT-WEIGHT: Normal;
	TEXT-DECORATION: Underline;
}

#FooterBar A.Propeller { 
	COLOR: #FFFFFF;
	FONT-WEIGHT: Normal;
	TEXT-DECORATION: None;
}
#FooterBar A.Propeller:Hover {
	COLOR: #FFFFFF;
	FONT-WEIGHT: Normal;
	TEXT-DECORATION: Underline;
}



