/* Defaults */

div {padding:0; margin:0; }
img {border:0;}
img.center {display: block; margin: 0 auto;}
img.roundedCorners {border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
img.roundedCornersAndShadow {border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }
p {margin:0px; padding:0px;}
p.indent { text-indent: 14pt; }
p.story {  text-indent: 16pt; padding-bottom:10px;}
p.question {color: #c6719d; font-size: 24px; font-family:Helvetica,Arial,sans-serif;}
p.center {text-align: center;}
p.answer {padding-left: 40px; padding-top: 5px; padding-bottom: 15px; color:#777; font-family:Helvetica,Arial,sans-serif;}
br {clear:both;}
hr {color:#c4679e; background-color:#c4679e; height:1px; border:none; }
td.pinkoutline {border: 1px solid #c6719d;}

body { font-size:16px; font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif;}


/* Hyperlinks */
a:link		{color:#c6719d; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:none;}
a:visited	{color:#c6719d; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:none;}
a:hover		{color:#f35eac; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:underline;}
a:active	{color:#f35eac; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:none;}

a.grey:link		{color:#888; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:none;}
a.grey:visited	{color:#888; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:none;}
a.grey:hover	{color:black; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:underline;}
a.grey:active	{color:black; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; text-decoration:none;}

a.articleIndex {font-size:14px;}

/* Fonts */
.copyright {color:#868686; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; font-size:10pt;}
.footerText {color:black; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; font-size:10pt; font-style: normal;}
.large {color:black; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; font-size:28px;}
.largeWhiteText {color:white; font-family:Baskerville, "Computer Modern", Georgia, "Times New Roman", serif; font-size:32px;}
.white {color: white;}
.faq {font-weight:bold; font-size:16pt;}
.faqanswer {font-size:14pt;}
.lactifulpink {color:#c6719d;}
.lactifulpurple {color:#78365c;}
.bold {font-weight:bold;}
.red {color:#d1364e;}
.grey {color:#888;}
.quote {color: black; }
.subhead {font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; color: #c6719d; font-size:14pt; margin-top:0px; padding-top:0px; text-align:left;}
.dropcap{ font-size:28px; color:#78365c;}

h1 {font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; font-weight:bold; color: black; font-size:20pt; margin-top:0px; padding-top:0px; text-align:center;}
h1.alignleft {font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; font-weight:bold; color: black; font-size:20pt; margin-top:0px; padding-top:0px; text-align:left;}

h1.subpage {font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; font-weight:bold; color: #c6719d; font-size:20pt; margin-top:0px; padding-top:0px; text-align:left;}
h2 {font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; color: #c6719d; font-size:14pt; margin-top:0px; padding-top:0px; text-align:center;}
h2.alignleft {display: inline; font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; color: #c6719d; font-size:14pt; margin-top:0px; padding-top:0px; text-align:left;}
h2.links {display: inline; font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; color: #555; font-size:14pt; margin-top:0px; padding-top:0px; text-align:left;}

h3 {font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; color: #c6719d; font-size:12pt; margin-top:0px; padding-top:0px; text-align:left;}

/* Buttons */
.buttonPink {text-align:center; font-size: 26px; font-family:Baskerville, Computer Modern, Georgia, Times New Roman, serif; color: white; background: #c6679f; width: 150px; margin: auto; border-radius: 6px; border:1px solid #78365c; padding: 10px 30px 10px 30px;}


/* ------------    PADDING Top, Right, Bottom, Left ----------------------  */

/* Page Containers */
#pageContainer {margin:0px auto; width:925px;} 
.containerHeader {margin:0; width:925px; padding: 0px;}
.containerLogo {float:left; margin:0; width:150px;}
.containerTagLine {float:left; margin:0; width:350px; color: #c6679f;}
.containerConnect {float:right; margin:0; width:350px; height:35px; text-align:right; color: #c6679f; font-size: 14px; padding-right: 10px;}
.containerNav {float:left; margin:0; width:775px; padding-left: 0px; padding-right: 0px; }
.containerFooter {margin:0; width:925px; padding: 0px; text-align: left;}
.containerFooterBox1 {float:left; margin:0px; width:242px; padding-right: 20px; text-align: left;}
.containerFooterBox2 {float:left; margin:0px; width:247px; padding-right: 20px; text-align: left;}
.containerFooterBox3 {float:left; margin:0px; width:238px; text-align: left;}
.containerFooterBox4 {float:left; margin:0px; width:156px; text-align: right;}
.containerRepeatBuyPage {float:left; margin:0px; padding-left: 45px; padding-right: 0px; text-align:center;}
.containerTestimonials {width:400px; margin:5px auto; text-align:left; color: #888;}
.containerResults {float:left; width:380px; margin:auto; text-align:center; color: #888;}
.containerResultsMiddle {float:left; width:125px; padding-top:110px; text-align: center; color: #c6719d;}
.containerSuccessStoryButton {float:left; width:460px;}
/* ------------    Bullet Point Homepage Containers ----------------------  */
/* .containerHomepageLeft {float:left; width:350px;} */
/* .containerHomepageRight {float:left; width:575px; text-align: left;} */
.containerHomepageLeft 		{float:left; margin:0; width:575px; padding-left: 0px; padding-right: 25px; text-align:left;}
.containerHomepageRight 	{float:left; margin:0; width:275px; padding-left: 25px; text-align:left;}

.containerArticle {width:600px; margin:5px auto; text-align:left;}
.containerArticleIndex {float:left; width:300px; padding-right: 8px;}
.pullQuote {    background: #ccc; float:right; margin:5px; width:200px; padding: 15px; text-align: center; color:black; font-size:18pt; font-style:italic;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}
.whereToNextButton {    background: #c6679f; float:left; margin:5px; margin-left:100px; width:200px; height:60px; padding:15px; text-align: center; color:white; font-size:18pt; border:1px solid #78365c;
    border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


/*****  Tool Tip *****/
#tooltip
{
    text-align: left;
    color: black;
    background: #de93c0;
    position: absolute;
    z-index: 100;
    padding: 15px;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #de93c0;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #de93c0;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
        
        abbr
		{
			border-bottom: 1px dotted #111;
			cursor: help;
		}
 /*****  END Tool Tip *****/



/*****  Nav Bar *****/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
html[xmlns] .clear { display: block;}
* html .clear { height: 1%;}
/* Nav Bar - Top level */
nav.milk li {list-style: none; float: left; border-right: 1px solid #c6679f; position: relative;}
nav.milk li.first, nav li.first a {border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px;}
nav.milk li.last, nav li.last a {border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-top-right-radius: 3px; -moz-border-bottom-right-radius: 3px;}
nav.milk li.drop a {padding-right: 30px;}
nav.milk li a {display: block; padding: 9px 23px 10px; text-decoration: none; background-image: url(images/nav_button_bg.png); background-repeat: repeat-x; font-size: 18px; color: #fff; border-top: 2px solid #de93bf; border-left: 1px solid #de93bf; text-shadow: 0px 0px 0px #78365c;}
nav.milk li a {background-position: 0px 0px;}
nav.milk li a:hover, nav li.active a {background-position: 0px -41px;}
nav.milk li a:active {background-position: 0px -72px;}
/* Nav Bar - Drop down */
nav.milk li ul {opacity: 0; position: absolute; top: 50px; left: -26px; padding: 12px 25px; border-radius: 3px; -moz-border-radius: 3px; background: #78365c; display: none;z-index: 100;}
nav.milk li ul li {border-right: 0px; float: none!important; border-bottom: 1px solid #c6679f; width: 180px;}
nav.milk li ul li:last-child { border-bottom: 0px;}
nav.milk li ul li a {background: none!important; border-left: 0px; border-top: 0px; padding: 12px 0px; font-size: 16px}
nav.milk li ul li a:hover {color: #ec66b5;}
nav.milk li ul li.arrow {background: url(images/nav_top_arrow.png) top left no-repeat; border-bottom: 0px; height: 10px; margin-top: -22px; margin-bottom: 10px;}
/***** END Nav Bar *****/


 /*****  Phone number box *****/
#blurBackground{ display:none; position:fixed; 
	_position:absolute; /* hack for internet explorer 6*/
	height:100%; width:100%; top:0; left:0; background:#fff; z-index:1; }
	
#phoneWindow{ display:none; position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height: 192px; width:418px; z-index:2; background-image: url(images/phone_window_bg.png); background-repeat: no-repeat;}

#phoneWindowText{ float:left; text-align: center; padding-left: 28px; padding-right: 20px; padding-top: 20px; height: 192px; width:370px; z-index:2; }