@charset "UTF-8";
/*************************************************
*
* Layout and Presentation Stylesheet
*
**************************************************/
/* Last updated 11/08/09 */


/* General */
html {background: url(/templates/whp/image/imgBackground.jpg) top repeat #B31536;height:105%;}

* {font-family: Arial, Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, sans-serif; /* set the font of all elements to this */
	font-size: 1em; /* reset all fonts to a common size */
	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
	margin:0;padding:0 /* resets all elements padding and margin to zero */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {}

h1 {text-transform:uppercase;padding:0;margin:0;color:#EA728D;font-size:1.25em;line-height:100%;padding-bottom:.15em;}
h2 {color:#000;font-size:1.15em}
h3, h4, h5, h6 {font-weight: normal;}

body {text-align:center;padding:0;margin:0;color:#333;font-size:.8em}
body.PagePrint
{
	margin: 0;
	padding: 0;
	font-size: .8em /* sets a base font size of 12px/9pt */
	background-image: url(none);
	background-color: #FFFFFF;
}
img {
	-ms-interpolation-mode: bicubic; /* Resample images in IE7 */
}

img {text-align: left; padding: 0 10px 8px 0;}

img.alpha { /* Give PNG image class="alpha" to fix alpha transparency problems in IE 5.5 & 6 */	 
}

a img {
	border: none;
}

big {
	font-size: 133%;
}

small, sup, sub {
	font-size: 75%;
}

wbr:after {
	content: "\00200B"; /* Emulate the <wbr> (word break) tag in modern browsers that don't support it */
}
hr {border: dotted 1px #EA728D;margin:1em 0 3em 0}
div {outline:0}
li {list-style: none;padding:0;margin:0}
dl {}
dt {text-transform:uppercase;color:#EA728D;font:1.5em;font-weight:bold;padding:1em 0 .5em 0}
dd {color:#000;font:1.5em;padding:0 0 .25em 0}
/*----TEXT SIZES----*/
.SmallText {font-size:.7em}
.DefaultText {font-size: .8em}
.LargeText {font-size: 1.9em}
.LargerText {FONT-SIZE: 1em}
.PageWrapper p {margin:0; padding:.75em 0 1em 0;line-height:1.5em}
/*----TEXT SIZES----*/
/* General */

/* Links */
.PageWrapper a, .PageWrapper a:link {color:#EA728D;text-decoration:none;}
.PageWrapper a:visited{color:#A95165;text-decoration:none;}
.PageWrapper a:hover,.PageWrapper a:active {color:#EA728D;text-decoration:underline;}

.articleLink {font-size:.75em}
.quickLinks a {color:#000} !important

/* Links */

/*----FORMS----*/
.PageWrapper form {}
.PageWrapper textarea {vertical-align: middle;border: 1px solid #999999;background-color: #E0DEDE;}
.PageWrapper input {vertical-align: middle;border: 1px solid #999999;background-color: #E0DEDE;}
.PageWrapper select {vertical-align: middle;border: 1px solid #999999;background-color: #E0DEDE;}
.PageWrapper .Button 
{background:url(/templates/whp/image/bgButton.jpg) repeat-x top left;color:#fff;border:0;text-transform:uppercase;padding:2px;margin:0 0 0 2px}
.BodyText INPUT .ButtonOK {}

#fSubscribe {padding:1.5em 0 0 0;overflow:hidden}
#fEnrol {display:inline;margin:0 0 2em 0;display:block}
#eSubscribe {width:95%;margin:1em 0 1em 0;padding:.5em 0 .5em .5em;border:1px solid #666;background:#f3ecec}
#bSubscribe, #bEnrol {background:url(/templates/whp/image/bgButton.jpg) repeat-x top left;color:#fff;border:0;text-transform:uppercase;float:right;}
#bEnrol {float:none;margin:0 0 0 1em}
#bSubscribe {padding:2px;margin:0 0 0 2px}

#idNewsletterForm {margin:1em 0 1em 0;padding:0;text-indent:0;display:inline}
#idEmail {padding:2px 0 2px 0}
/*----FORMS----*/

/*----SPAN----*/
.Alert {font-weight: bold;color: red;}
.alignLeft {float:left;margin:0 .5em .75em 0}
/*----SPAN----*/

/*---- MODAL POPUP ----*/

/*Modal Popup*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	top: 10px;
	left: 10px;
}
.modalPopup
{
	background-color: #FFFFFF;
	border: 2px solid #E0DEDE;
	padding: 10px;
	width: 460px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #E0DEDE;
	z-index:10000;
	position:absolute;
}
.modalHeading
{
	/*cursor: move;*/
	background-color: #DDDDDD;
	border: 1px solid #E0DEDE;
	color: #333333;
	text-align: left;
	padding: 4px;
	font-family:Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
}
.modalText
{
	font-size: 12px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #E0DEDE;
	z-index:10000;
	position:absolute;
}
/*Popup Control*/
.popupControl
{
	background-color: #FFFFFF;
	position:absolute;
	visibility:hidden;
}
/*---- MODAL POPUP ----*/

/* Standard Page Layout */
#OuterWrapper {}


#PageWrapper {text-align:left;width:905px;margin:3em auto}
#PageWrapper #BrandingWrapper {border: 0px solid transparent;padding:0 0 .75em 0}
#PageWrapper #BrandingWrapper #MainBanner {}
#PageWrapper #BrandingWrapper #MainBanner img {}
#PageWrapper #ContentWrapper {overflow:hidden;height:100%;border:#EA728D 1px solid;padding:1.5em;margin:0 0 3em 0;background:#FAF5EF url(/templates/whp/image/bgMakeup.jpg) no-repeat top left}
#PageWrapper #ContentWrapper #PromoContentLeft {width:14%;float:left;padding:13em 0 0 0}
#PageWrapper #ContentWrapper #MainContent {width:58%;float:left;border-left:#CCC 1px dotted;border-right:#CCC 1px dotted;padding:0 1em 2em 1em}
#PageWrapper #ContentWrapper #MainContent img {border: 0px solid #EA728D}
#PageWrapper #ContentWrapper #PromoContentRight {width:24%;float:right;}
#PageWrapper #ContentWrapper #MainContent {}
* html #PageWrapper #ContentWrapper #MainContent {}
#PageWrapper #ContentWrapper #MainContent #TitleTable {}
#PageWrapper #ContentWrapper #MainContent #Utilities {}
#PageWrapper #ContentWrapper #MainContent #BodyContent {}
#PageWrapper #ContentWrapper #PromoContentRight {}
* html #PageWrapper #ContentWrapper #PromoContentRight {}
#PageWrapper #ContentWrapper #PromoContentRight div.notepaper {background: url(/templates/whp/image/imgPaper.gif) repeat-y left top;height:200px;overflow:hidden;padding:2em 1em 1em 2em;margin:0 0 1em 0;font-size:.8em}
#PageWrapper #ContentWrapper #PromoContentRight .iconHand {background: url(/templates/whp/image/iconHand.gif) no-repeat right;display:inline;padding:.1em 5em .5em 0}
.PageWrapper #FooterWrapper {clear:both;height:10em;padding:1.5em;background:#FAF5EF;border:#EA728D 1px solid;}
.PageWrapper #FooterWrapper #FooterContentWrapper {}
* html .PageWrapper #FooterWrapper #FooterContentWrapper {}
#FooterWrapper #FooterContent {width:905px;height:100px;padding:20px;margin:20px auto;color:#7B777B;text-align:center;background:url(/templates/whp/image/bg_footer_large.jpg) no-repeat bottom;font-size:1.1em}
#FooterWrapper #FooterContent p {padding:0 0 .9em 0}
#FooterWrapper #FooterContent p.copyright {font-size:.5em}
#FooterWrapper #FooterContent a {color:#7B777B;text-decoration:none}
#FooterWrapper #FooterContent a:hover {color:#EA728D;text-decoration:underline}
/* Standard Page Layout */

/* Promotion Page Layout */
#PageWrapperPopup {}
#PageWrapperPopup #BrandingWrapper {}
#PageWrapperPopup #BrandingWrapper #MainBanner {}
#PageWrapperPopup #BrandingWrapper #MainBanner img {}
#PageWrapperPopup #ContentWrapper {}
#PageWrapperPopup #ContentWrapper #MainContent {}
* html #PageWrapperPopup #ContentWrapper #MainContent {}
#PageWrapperPopup #ContentWrapper #MainContent #TitleTable {}
#PageWrapperPopup #ContentWrapper #MainContent #Utilities {}
#PageWrapperPopup #ContentWrapper #MainContent #BodyContent {}
/* Promotion Page Layout */

/* Promotion Containers */
#PromoContainerWrapper {}
#PromoContainerWrapper #divHeading,
#PromoContentRight #divHeading
{}
#PromoContainerWrapper #divHeading h1,
#PromoContainerWrapper #divHeading h2,
#PromoContentRight #divHeading h1, #PromoContentRight #divHeading h2
{
text-transform:uppercase;color:#EA728D;font-size:14px;font-weight:bold;padding:1em 0 .5em 0
}
#PromoContainerWrapper #PromoContainerContent {}
#PromoContainerWrapper #PromoContainerContent h1,
#PromoContainerWrapper #PromoContainerContent h2,
#PromoContainerWrapper #PromoContainerContent h2 a {}
#PromoContainerContent ul {}
#PromoContainerContent ul li {}
#PromoContainerContent ul li a {}
#PromoContainerContent ol {}
/* Promotion Containers */

/* Sections */
.PageWrapper #ContentWrapper #MainContent #TitleTable h1.TitleHeading {}

/* Body Styles */
.PageWrapper #ContentWrapper #MainContent #BodyContent img {}

/* Sections */

/* Form Tables */
.PageWrapper form table.FormTable {}
.PageWrapper form table TR TD.FormTableCopyAltLeft,
.PageWrapper table.FormTable tr td.FormTableQuestion {}
.PageWrapper form table tr td.FormTableCopyAltRight {}
.PageWrapper form table tr td.FormTableButtons {}
.PageWrapper form div.ButtonHolder {}


table.FormTable tbody tr td {display:block;padding:4px 0 1px 0}
table.FormTable tbody tr td input, table.FormTable tbody tr td textarea {border-top: 1px solid #EA728D;border-left: 1px solid #EA728D;border-bottom: 1px solid #8C454E;border-right: 1px solid #8C454E; background:#FAF5EF;padding:3px 0 3px 0}
table.FormTable tbody tr td input.Button,
form.NextPageForm table tr td input.Button
{background:url(/templates/whp/image/bgButton.jpg) repeat-x top left;color:#fff;border:0;text-transform:uppercase;padding:2px;margin:0 0 0 2px}
/* Form Tables */

/* Main Navigation */
.PageWrapper #BrandingWrapper #MainNavigation {}
* html .PageWrapper #BrandingWrapper #MainNavigation {}
.PageWrapper #BrandingWrapper #MainNavigation #MainNavigationHolder {}
#MainNavigation table tr td.NavTableCellOn a.NavLinkOn,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOn span,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOff,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOff span {}
#MainNavigation a.NavLinkOn:link {}
#MainNavigation a.NavLinkOn:visited {}
#MainNavigation a.NavLinkOn:active {}
#MainNavigation a.NavLinkOn:hover {}
#MainNavigation table tr td.NavTableCellOff a.NavLinkOff,
#MainNavigation table tr td.NavTableCellOff a.NavLinkOff span {}
#MainNavigation a.NavLinkOff:link {}
#MainNavigation a.NavLinkOff:visited {}
#MainNavigation a.NavLinkOff:active {}
#MainNavigation a.NavLinkOff:hover {}
#MainNavigation table tr td.NavTableCellOn {}
#MainNavigation table tr td.NavTableCellOff {}
/* Main Navigation */

* MESSAGE BOXES */
div.MessageHolderSuccess
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BORDER: 1px solid green;
	margin-top: 5px;
}
div.MessageHolderFailure
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BORDER: 1px solid red;
	margin-top: 5px;
}
#idMessageHolder div.MessageImageSuccess
{
	WIDTH: 5%;
	HEIGHT: 40px;
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	background-image: url(/images/icons/icon_tick.gif);
	background-repeat:  no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	margin: 0px;
	FLOAT: left;
}
#idMessageHolder div.MessageImageFailure
{
	WIDTH: 5%;
	HEIGHT: 40px;
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	background-image: url(/images/icons/icon_cross.gif);
	background-repeat:  no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	margin: 0px;
	FLOAT: left;
}
#idMessageHolder #idMessageContent
{
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	WIDTH: 95%;
	HEIGHT: 100%;
	FLOAT: right;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}
#idMessageHolder #idMessageContent ul
{
	list-style-type: square;
}
/* MESSAGE BOXES */

/* Modules */

/* ContextMenuPanel */
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(/images/icons/context_menu_background.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}
.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem, div.ContextMenuPanel a.thickbox
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
	font-family: Verdana, Arial, helvetica;
}
a.ContextMenuItem-Selected, div.ContextMenuPanel a.thickbox-Selected
{
	font-weight: bold;
}
a.ContextMenuItem:hover, div.ContextMenuPanel a.thickbox:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
/* ContextMenuPanel */

/* BLOG MODULE */
.PageWrapper div.BlogContainer /*p.BlogFunctions*/ {border-bottom: dotted 3px #C75F77;margin:.5em 0 3em 0}
.PageWrapper div.BlogContainer h2.BlogTitle, 
.PageWrapper div.BlogContainer h2.BlogTitle a {font-size:1.25em; padding-top: 0px; margin-top: 0px;}
#PageWrapper div.BlogContainer p.BlogByLine {font-size:9px;color:#000000;font-style: italic}
.PageWrapper table tr td.BlogPromoCopy {}
.PageWrapper table tr td.BlogPromoCopy span.BlogPromoText {}
.PageWrapper table tr td.BlogPromoCopy span.BlogDate {}
.PageWrapper p.BlogByLine.Updated {display: none;}
.PageWrapper img.BlogImage {text-align: left; padding: 0 10px 8px 0;}
.PageWrapper div.BlogContainer h2.BlogTitle {clear:both;margin:1.25em 0 0 0;padding:0}
.PageWrapper div.BlogContainer table tr td.BlogText h2.BlogTitle {margin-top:0px;padding:0}
.PageWrapper p.BlogImage {margin:0;padding:0;}

#PageWrapper #ContentWrapper #PromoContentRight ul.GenericTags li a {color:#000;font-weight:bold}
#PageWrapper #ContentWrapper #PromoContentRight div.ArticleModule dl.quickLinks a {color:#000;font-weight:bold}
#PageWrapper #ContentWrapper #PromoContentRight ul.BlogArchiveList a {color:#000;font-weight:bold}

div.BlogTitleWrapper
{
	border: 0px solid blue;
	width: 99%;
	float: left;
}
div.BlogTitleWrapper div.BlogTitleElement
{
	border: 0px solid purple;
	width: 49%;
	float: left;
}
div.BlogTitleWrapper div.BlogTitleElement h2.BlogTitle
{
	padding-top: 0px;
	margin-top: 0px;
}
div.BlogTitleWrapper div.SocialNetworkingWrapper
{
	border: 0px solid black;
	width: 150px;
	float: right;
	padding: 0px;
	margin: 0px;
}
div.BlogTitleWrapper div.SocialNetworkingWrapper div.Twitter
{
	border: 0px solid green;
	float: left;
	width: 75px;
	padding: 0px;
	margin: 0px;
}
div.BlogTitleWrapper div.SocialNetworkingWrapper div.Facebook
{
	border: 0px solid pink;
	float: right;
	width: 75px;
	padding: 0px;
	margin: 0px;
}
/* BLOG MODULE */