/**
 * Colors...
 * bg purple: #b8416b
 * natural blue: #4368af
 * darkish red: #b8416b
 * beige: #fff7ee
 * pink: #ff33ff
 * orange highlight: #ffcc81
 * Testim. yellow: #ffea61
 */
@charset "utf-8";
@import url("reset-min.css");
@import url("fonts-min.css");


HTML,BODY {	height: 100%; 	}
BODY {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*	background: #b8416b;*/
	background: #772841 url(http://img.be-the-woman.com/templates/bethewoman/img/bg-grad.gif) repeat-y center 0;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #320002;
	
	min-height: 101%;  /* better solution than overflow: scroll */
}
#body-bg { 
	width: 100%;
	height: 993px;
	background: url(http://img.be-the-woman.com/templates/bethewoman/img/bg-words.jpg) no-repeat center 0;
	margin: 0;
	padding-top: 0px;
}	
STRONG { font-weight: bold;}
P { margin-top: 23px;}
EM { font-style:italic;}
STRONG EM { font-weight: bold; }
H1,H2,H3,H4,H5,H6 { color: #004ae2; margin: 50px 0 23px 0; clear: both; }
H1 EM,H2 EM,H3 EM,H4 EM,H5 EM,H6 EM { font-style:italic;}

H1,H2,H3,H4,H5,H6,P,UL {padding: 0 71px}
P,UL { text-align: left;  font-size: 15px; }
UL { margin: 23px 0 0px 30px; }
A:link,
A:visited {	color: #0066FF;	}
A:hover { color: #FF0099; }

H1 A, H2 A, H3 A, H4 A, H5 A, H6 A,
H1 A:visited, H2 A:visited, H3 A:visited, 
H4 A:visited, H5 A:visited, H6 A:visited 	{ text-decoration: none; color: #b84168; }
H1 A:hover, H2 A:hover, H3 A:hover, 
H4 A:hover, H5 A:hover, H6 A:hover 			{ text-decoration: underline; color: #FF0099;  }


H1 {font-size: 30px; font-weight: normal; }
H2 { font-size: 25px; font-weight: normal; }
H3 { font-size: 22px; font-weight: normal; }


/********************************
 * SPECIAL MODS
 ********************************/
H2.first 				{ margin-top: 13px;}
IMG.gkAtBottom 		{ margin-right: 10px;}
IMG.hasOuterGlow		{ position: relative; left: -4px; }
.colorEmph 				{ color: #FF0099 !important; font-weight: bold !important;}
.center					{ text-align: center !important;}

.biggerAndColored 			{	color: #b8416b !important;	font-size: 18px !important;		line-height: 26px !important;	}
.biggerAndColored	STRONG,
.biggerAndColored	B		 	{	color: #ff33ff !important; 	font-weight: bold !important;	}		/** B for the editor **/

.small80 { font-size: 80% }
.small60 { font-size: 60% }
.small40 { font-size: 40% }
.big120 { font-size: 120%;}
.big140 { font-size: 140%;}

P.dashedBorderTop { border-top: 1px dashed; color: #b8416b; padding-top: 15px !important; }

IMG.pinkFrame {
	border: 3px double #efcedd;
}

/*******************************
 * PAGE STRUCTURE
 *******************************/
#container {
	margin: 0 auto;
	text-align: left; 
	width: 799px;

	background-image: url(../images/bg.gif);
	
	background-repeat: repeat-y;
	background-position: center;
	
	height: 100%;
}
#container2 {		/** effective accomplished minheight="100%" where 100% is browser viewport height **/
	width: 799px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#pageArea {	margin: 0 9px; } /** excludes bg shadow **/
#contentArea { margin: 15px 0px;  text-align: center;}		/** Allows centering of all div boxs **/

#footer { 
	font-size: 66%;
	text-align:center;
	color: #b8416b;
}
#stickyCont { width: 799px; position: absolute;}

/*******************************
 * STICKY MOD
 *******************************/
DIV.modsticky,
DIV.modsticky A.sticky,
DIV.modsticky DIV.sticky,
DIV.modsticky DIV.stickyHide { position: absolute; }

/*DIV.modsticky { width: 100%;}*/
DIV.modsticky { right: -60px; width: 255px; height: 227px; }


DIV.modsticky A.sticky { display: block; text-decoration: none; }

DIV.modsticky A.sticky,
DIV.modsticky DIV.sticky { /*right: -60px;*/ width: 255px; height: 227px; cursor: pointer;}

DIV.modsticky DIV.stickyHide { right: 20px; top: 10px}
DIV.modsticky DIV.stickyHide { font-size: 10px;}
/*******************************
 * HEADER
 *******************************/
#header { text-align: left; }
#logo {	padding: 10px 0 0 20px;	}

/*******************************
 * 2 COLUMN LAYOUT SECTION
********************************/
DIV.twoCols DIV.left,
DIV.twoCols DIV.right {	float: left;}
DIV.twoCols DIV.clear {	clear: both;	height: 1px;}

/*******************************
 * BULLET LISTS
 *******************************/
LI {
	padding: 0 35px 20px 35px;
	list-style: none; 
	background-repeat: no-repeat;
	background-image: url(../images/bullet-diamond.gif);
	background-position: 0px -1px;

}
LI.questionList {	background-image: url(../images/bullet-qmark.gif); 	background-position: 0px 0px;}
LI.keyList {	background-image: url(../images/bullet-key.gif); 	background-position: 0px 0px;}



/*******************************
 * ANNOUNCEMENT BOX
 *******************************/
P.announcement {
	text-align: center;
	width: 100%;
	padding: 0;
}
P.announcement IMG {
	position: relative;	/* Realign for drop shadow */
	left: -5px;
}

H1.announcement {
	margin: 20px 40px;
	font-size: 30px;
	font-weight: normal;
	padding: 5px 0 10px 0;
	color: #4368af;
	border-width: 3px 0 3px 0;
	border-style: double;
	border-color: #4368af;
}
H1.announcement SPAN.subtitle {
	font-size: 17px;
	font-style: italic;
}

/*******************************
 * HOOK AREA
 *******************************/
DIV.hookArea H1,
DIV.hookArea H2,
DIV.hookArea H3 	{ color: #b8416b; text-align: left; margin-top: 10px; padding: 0;}
DIV.hookArea H1 STRONG, DIV.hookArea H1 B,
DIV.hookArea H2 STRONG, DIV.hookArea H2 B
DIV.hookArea H3 STRONG, DIV.hookArea H3 B { color: #ff33ff; }

DIV.hookArea H1	{ font-size: 22px; }
DIV.hookArea H2 	{ font-size: 18px; }
DIV.hookArea P		{ text-align: left;	padding-left: 20px;}
DIV.hookArea H2 A,
DIV.hookArea H2 A:visited 	{ color: #0066FF; }
DIV.hookArea H2 A:hover 	{ color: #FF0099	}

DIV.hookArea .hello { font-size: 14px;}

DIV.hookArea DIV.left 	{	width: 200px; padding-top: 10px;	}
DIV.hookArea DIV.right 	{	width: 500px; padding-top: 10px;	}

DIV.hookArea DIV.right H1,
DIV.hookArea DIV.right H2,
DIV.hookArea DIV.right H3,
DIV.hookArea DIV.right P { padding: 0 40px 0 0; text-align: left; }
DIV.hookArea DIV.right TABLE 		{ text-align: left; width: 100%;}
DIV.hookArea DIV.right TABLE.togglePane { margin: 0 !important; }	/* Needs the important otherwise Moo resets it */
DIV.hookArea DIV.right TABLE TD { padding: 0 0 0 40px; }

DIV.hookArea DIV.right H1 { margin-top: 0; }

DIV.hookArea DIV.left IMG {
	margin: 0;
}

DIV.hookArea DIV.left P.quote {
	font-size: 12px;
	width: 150px;
}
DIV.hookArea DIV.left P.quote SPAN.quoteby {
	font-style: italic;
}

/*******************************
 * REPLAY PAGE VARIATIONS
 *******************************/
DIV.blog DIV.hookArea DIV.right 		{ width: 450px !important; margin: 0 30px; }
DIV.blog DIV.hookArea DIV.right H1,
DIV.blog DIV.hookArea DIV.right H2,
DIV.blog DIV.hookArea DIV.right P { padding: 0 !important;}
DIV.blog DIV.hookArea DIV.right P 	{ color: #762a45; text-align: left; font-size: 14px; }
DIV.blog DIV.hookArea DIV.right TABLE { margin: 0; text-align: left; 	
	border-top: 1px solid #762a45;  
	border-width: 1px 0 1px 0;
}
DIV.blog DIV.hookArea DIV.right TABLE TD {
	padding: 0;
}
DIV.blog DIV.hookArea DIV.right TABLE.last TD {
	border-bottom: 1px solid #762a45;  
}
.blog SPAN.article_separator { display: none; }


/*******************************
 * LEFT COL MODULES
 *******************************/
DIV.leftMod { width: 200px; margin-left: 20px; margin-bottom: 40px;}
DIV.leftMod P 	{ font-size: 13px; margin-top: 10px; text-align:justify;}
DIV.leftMod H3 { font-size: 18px; margin-top: 0; margin-bottom: 10px;text-align:justify;}



/*******************************
 * STORY BOXES
 *******************************/
DIV.storyBox,
DIV.storyBox DIV.outer,
DIV.storyBox DIV.inner
 { border-collapse: collapse; 	width: 640px; }

DIV.storyBox {
	background-repeat: repeat-y;
	background-position: left;
	clear: both;
	
}
DIV.storyBox DIV.outer {
	background-repeat: no-repeat;
	background-position: bottom left;
}
DIV.storyBox DIV.inner{
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 20px 20px 15px;
	
/*	padding: 35px 20px 35px 15px;*/
	width: auto;
}

DIV.storyBox H2 { margin-top: 0; }
DIV.storyBox P { margin-bottom: 0; padding: 0;}

DIV.pale DIV.storyBox 				{	background-image: url(../images/box1-mid.gif);	}
DIV.pale DIV.storyBox DIV.outer 	{	background-image: url(../images/box1-bottom.gif);	}
DIV.pale DIV.storyBox DIV.inner	{	background-image: url(../images/box1-top.gif);	}

DIV.yellow DIV.storyBox 				{	background-image: url(../images/box2-mid.gif);	}
DIV.yellow DIV.storyBox DIV.outer 	{	background-image: url(../images/box2-bottom.gif);	}
DIV.yellow DIV.storyBox DIV.inner	{	background-image: url(../images/box2-top.gif);	}

/* centering */
DIV.pale,
DIV.yellow { width: 100% }
DIV.storyBox {margin: 23px auto;}

DIV.storyBox H1,
DIV.storyBox H2 {
	width: 100%;
	padding: 0;
	margin-top: 0;
}
DIV.storyBox H2 IMG { margin-left: 5px;}
DIV.storyBox UL { margin-left: 0; padding-left: 20px;}


/**********************************
 * ALEX BUTTONS v2
 **********************************/
A.button,
A.button:visited,
.alexSubmit INPUT.submit {
	border: 3px outset #004AE2;
	background-color: #FFFFFF;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	background-image: url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-decoration: none !important;
	display: block;
	color: #320002;
	text-align: center;
}
A.button EM { font-weight: bold; }
.alexSubmit INPUT.submit:hover,
A.button:hover {
	border: 3px inset #004AE2;
	background-image: url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgDown.gif);
	background-position: top;
	padding: 7px 5px 5px 7px;
	color: #FF0099 !important;	
	text-decoration: none !important;
}

.buttonBorder,
.buttonBorderHover {
	width: 125px;
	padding: 6px;
	margin: 0 auto;
}
.buttonBorder {		background-color: #ff33ff;}
.buttonBorder:hover, .buttonBorderHover {	background-color: #00FFFF;}

.alexSubmit INPUT.submit {
	width: 100%;
}


/**********************************
 * FAQs
 **********************************/
DIV.faqSet,
P.faqQuestion,
P.faqAnswer {
	list-style: none;
	background-image: none;
	padding-left: 0;
}
DIV.faqSet P { margin: 0; padding: 5px 10px}
DIV.faqSet P.faqAnswer { padding-top: 0; }

DIV.storyBox DIV.faqSet { 
	width: 500px;
	margin: 0 auto; 
	padding:0;
	border-bottom:	1px dashed #b8416b;
}
P.faqQuestion {
	border-top: 1px dashed #b8416b;
	cursor: pointer;
}

/**********************************
 * TESTIMONALS
 **********************************/
DIV.bigquote {
	background-image:url(../images/quote-open.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
DIV.bigquote DIV.bqInner {
	padding: 0 63px;
	margin:0;
	padding-bottom: 0px;
	text-align: left;
	background-image:url(../images/quote-close.gif);
	background-position:  bottom right;
	background-repeat: no-repeat;
}
DIV.bigquote DIV.bqInner P {
	margin-left: 0;
	margin-right: 0;
}

P.testifier {
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;	
	padding-right: 72px !important;
	text-align: right;
}

DIV.yellow DIV.storyBox H2 {
	font-size: 22px;
	margin-bottom: 15px;

}
DIV.yellow DIV.storyBox P {
	margin-top: 15px;
	font-size: 14px
}
DIV.yellow DIV.storyBox DIV.outer {
}
DIV.yellow DIV.storyBox DIV.inner{
	width: auto;
}


/**********************************
 * SY First Paragraph
 **********************************/
.firstParagraph {
	color: #b8416b;
	font-size: 18px;	
}

/**********************************
 * OPT-IN FORM
 **********************************/
#optinArea	{	text-align: center;	margin-top: 20px;}
#optinBox 	{	text-align: center;	margin: 0 auto;	width: 540px;	background-color: #ddf4a8;}
#borderBox 	{	border: 2px dashed #ff5a5b;	text-align: center;} /** small tweak to ensure background color sits behind the border in IE **/

#optinBox P,
#optinBox H3 {	margin: 20px 10px;	padding: 0; text-align:left;}
#optinBox P { text-align: left; }
#optinBox H3 { font-size: 24px; }

#optinBox .inputGroup1,
#optinBox .inputGroup2 	{	width: 80%;		margin: 0 auto;	}
#optinBox .inputGroup1 	{	padding: 0 0 15px 0;	padding-bottom: 5px;}
#optinBox .inputRow 		{	clear: both;	margin: 10px 0;	}

#optinBox .label,
#optinBox .input {	float: left;	}
#optinBox .clear { clear: both; }

#optinBox .label		{ width: 250px;	font-size: 18px;		}
#optinBox INPUT.text { width: 250px;	font-size: 14px;		}
#optinBox TEXTAREA 	{ width: 250px;	font-size: 14px;		}
#optinBox .label 		{ width: 160px; 	text-align: left;		}

#optinBox .fullwidth .label,
#optinBox .fullwidth .input {
	float: none;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#optinBox .fullwidth .label { margin-bottom: 10px;}
#optinBox .fullwidth TEXTAREA { width: 100%; height: 100px; overflow: auto;}
#optinBox DIV.askQuestion {	margin: 20px 0;}

#optinBox .instructions {
	margin-top: 40px;
	text-align: left;
	font-size: 77%;
	color: #ff5a5b;
}
#optinBox .alexSubmit { margin-top: 0px;}


#optinBox .privacy {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 77%;
	color:#ff5a5b;
}

#optinBox .error {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	color: #ff0000;
}


/**********************************
 * Be The Woman... Product Page
 **********************************/
.contentpaneopen-productpage P.price {
	margin: -20px auto;
	padding: 10px !important;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	width: 200px;
	color: #ff33ff;
	border: solid; 
	border-width:  1px  0 1px 0;
}

.contentpaneopen-productpage UL {
 padding: 0 40px;
}
.contentpaneopen-productpage LI {
	padding-bottom: 10px;
	font-size: 14px;	
}
/**********************************
 * LIGHTBOX FRAME
 **********************************/
#sbox-window{ background-color: #b8416b;}
#sbox-overlay { background-color: #b8416b;}


/*******************************
 * IMAGE "TOOLTIPS"
 *******************************/
.imgTooltip-tip 	{	
	background-color: #052F09; 
	border: 4px solid #b8416b;	
	width: 150px; 
	text-align: left;
	padding: 5px;
	color: #fff7ee;
	filter:alpha(opacity=90);
	opacity: 0.9; 
	-moz-opacity:0.9;	
	-moz-border-radius:4px;	
}
.imgTooltip-title { font-size: 14px; font-weight: bold; }
.imgTooltip-text 	{ font-size: 12px; }

/*******************************
 * 3 ASK QUESTIONS
 *******************************/
#threeQs { text-align: left; border-top: 1px solid #b8416b;  padding-top: 20px; width: 460px; margin: 0 40px; margin-bottom: 40px;}
#threeQs .label { font-size: 18px; color: #b8416b; }
#threeQs .input { margin: 10px 0 30px 0;}
#threeQs TEXTAREA { width: 460px; overflow: auto; height: 100px}


/*******************************
 * TOGGLE PANE TWEAKS
 *******************************/
.togglePane { display: none;}	/** This helps anchor tags link to the correct place **/
.faqAnswer { display:none;}

/*********************************
 * Oneness Signup
 *********************************/
	#optinBox H3 { color: #FF01BE; font-size: 120%; text-align: center;}
	
	.link,
	.signupframe {
		color: #b8416b;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
	}
	.link {
		text-decoration: none;
	}
	.signupframe {
		/*border: 7px solid #f2eae2;*/
		background: #fff7ee;
		margin: 0px auto;
	}
	
	.signupframe TD {
		padding: 5px !important;	
	}
	INPUT.text {
		border: 1px solid #dbb6b7;
		font-size: 20px;
		width: 305px;
		height: 25px;
		background-color: #ffffff;
	}
	INPUT.submit {
		width: 200px;
		font-size: 20px;
	}
	FORM, #icform { width: 100%; text-align:center;}