﻿/*** GLOBAL CSS ***/

* {
    margin:0;
    padding:0;
}

body
{
    font-size:62.5%;
    font-family:Arial,Verdana;
}

img {
    border:0;
}

.hr {
    margin:0 auto;
    margin-bottom:5px;
    width:90%;
    height:5px;
    border-bottom:1px solid #dbecf6;
}

p {
    margin-bottom:17px;
}

h1.pageHeading {
    text-indent:-9999px;
    width:650px;
    height:180px;
    position:relative;
    z-index:1;
}


/*** STRUCTURAL CSS ***/

#bodyWrap {
    background:url(../images/bodyBg.jpg) repeat-x;
}

#bgWrap {
    width:100%;
    background:url(../images/mainBg.jpg) no-repeat top;
}

#contentWrap {
    width:905px;
    margin:0 auto;
    padding-left:40px;
}

#leftColumn {
    float:left;
    width:165px;
    height:585px;
    background:url(../images/bottleBg.png) top left no-repeat;
    margin-top:70px;

}

* html #leftColumn {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bottleBg.png", sizingMethod="crop");
}

#rightColumn, #footerHome {
    width:730px;
    color:#00629a;
}

#footerHome {
    margin-top:10px;
}

#footer {
    width:670px;
    color:#00629a;
    position:relative;
    left:110px;
    margin-top:30px;
    padding-bottom:20px;
}

#rightColumn {
    float:left;
    margin-bottom:10px;
}

#rightColumn a {
    color:#00629a;
    font-weight:bold;
}

#rightColumnContentPane {
    float:left;
    width:480px;
    margin-left:25px;
    font-size:1.2em;
}

#rightColumnContentPane ul {
    margin:0 0 17px 15px;
}


#footer, #footerHome {
    float:left;
    color:#7fa4c7;
    font-size:1.1em;
    line-height:17px;
    text-align:center;
    padding-top:45px;
    background:url(../images/bottomCurveBg.gif) no-repeat top left;
}

#footer a, #footerHome a {
    color:#7fa4c7;
    font-weight:normal;
    margin-right:5px;
}

#footer #facebookLink, #footerHome #facebookLink {
    text-decoration:underline;
    color:#0c557f;
    position:relative;
    top:-8px;
}

.subPageModuleWrap {
    margin-bottom:20px;
}

.subPageModule {
    width:50%;
    height:124px;
    position:relative;
    float:left;
    margin-bottom:25px;
}

.subPageModule div, .subPageModuleWide div {
    background:url(../images/blueTextBg.png);
    color:#ffffff;
    font-weight:bold;
    position:absolute;
    bottom:0;
    left:0;
}

.subPageModule div a, .subPageModuleWide div a {
    color:#ffffff !important;
    text-decoration:none;
}

.subPageModule div {
    width:218px;
    min-height:23px;
    height:auto !important;
    height:23px;
    text-align:right;
    padding:5px 5px 0 0;
}

.subPageModuleWide div {
    width:456px;
    min-height:20px;
    height:auto !important;
    height:20px;
    font-size:1.34em;
    padding:4px 5px 4px 10px;
}

.subPageModule a {
    background:url(../images/subPageModuleBullet.gif) no-repeat right 3px;
    padding-right:15px;
    font-size:1.085em;
}

#contentPageHeaderBg, #contentPageHeaderBgNoImage {
    width:480px;
    min-height:274px;
    height:auto !important;
    height:274px;
    padding:1px 0 0 1px;
}

#contentPageHeaderBg {
    background:url(../images/contentPageHeaderBg.jpg) no-repeat top right;
}

#contentPageHeaderBgNoImage {
    background:url(../images/contentPageHeaderBgNoImage.jpg) no-repeat top right;
}

#contentPageHeaderBg p {
    padding-right:20px;
}

#contentPageHeaderBgNoImage p, #contentPageHeaderBgNoImage ul {
    padding-right:50px;
}

#contentPageHeaderBgNoImage ul li {
    padding-bottom:10px;
}

#contentPageHeaderImage {
    position:relative;
    width:471px;
    height:164px;
    margin-bottom:20px;
}


/*** CONTENT SPECIFIC CSS ***/


/* Homepage */

#flashWrapCenter {
    width:730px;
    height:255px;
}

#flashWrapCenterHome {
    width:730px;
    height:275px;
    margin-top:35px;
}

#homeModuleContainer {
    background:url(../images/homeModulesBg.jpg) no-repeat;
    margin-left:20px;
    height:125px;
    font-size:1.2em;
}

.homeModule {
    float:left;
    width:325px;
    margin:10px 0 0 0px;
    padding:20px 0 0 23px;
}

.homeModule a.moduleLogoOne, .homeModule a.moduleLogoTwo {
    float:left;
    display:block;
}

.homeModule a.moduleLogoOne {
    width:127px;
    height:122px;
    margin-top: -26px;
}

.homeModule a.moduleLogoTwo {
    width:110px;
    height:80px;
}

.homeModule .content {
    width:170px;
    margin:0;
    float:left;
}

#homeModuleLightlySparking .content
{
    margin: 0; width: 156px;
}


/* Drink Positive */

h1#headingDrinkPositive {
    background:url(../images/headingDrinkPositive.png) no-repeat;
}

* html h1#headingDrinkPositive {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingDrinkPositive.png", sizingMethod="crop");
}

#drinkPositiveMod1 {
    background:url(../images/drinkPositiveModHealthWellbeing.gif) no-repeat;
}

#drinkPositiveMod2 {
    background:url(../images/drinkPositiveModTasteQuality.gif) no-repeat;
}

#drinkPositiveProductRange {
    width:485px;
    height:230px;
    padding-bottom:30px;
    position:relative;
    background:url(../images/drinkPositiveProductRange.gif) no-repeat;
}

#drinkPositiveProductRange a {
    position:absolute;
    bottom:7px;
    right:35px;
    font-size:1.085em;
    text-decoration:none;
}

#formTable th {
    font-weight:bold;
    text-align:left;
}

#formTable th, #formTable td {
    vertical-align:text-top;
}

#formTableInner {
    margin:0 auto;
    margin-bottom:5px;
    background:#ffffff url(../images/formTableInnerBg.jpg) repeat-x top left;
    border:1px solid #d3dee9;
}


#formTableInner th, #formTableInner td {
    text-align:left;
    padding:10px 15px 0px 15px;
}


/* Health and wellbeing tips */

#headingHealthWellbeing {
    background:url(../images/headingHealthWellbeing.png) no-repeat;
}

* html h1#headingHealthWellbeing {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingHealthWellbeing.png", sizingMethod="crop");
}

.headerHealthWellbeing {
    background:url(../images/headerHealthWellbeing.gif) no-repeat;
}

#hiddenContent {
    display:none;
}

#contentTableHeader {
    margin-top:10px;
}

#contentTable {
    margin-top:1px;
    border:1px solid #d4e2ee;
    padding:10px;
}

.subTerms {
    border-top:1px solid #cce6ff;
    padding-top:20px;
}

.subTerms ol {
    margin-left:20px;
    padding-left:5px;
}

.subTerms ol li {
    font-size:0.8em !important;
    color:#79a1c7;
}

tr.blueRow th {
    background:#C2EAFF url(../images/blueRow.gif) repeat-x scroll left top;
    height:19px;
    padding-top:5px;
}

.fluidIntakeTable tr.blueBorder th,
.fluidIntakeTable tr.blueBorder td {
    border-bottom:1px solid #CCE6FF;
}

.fluidIntakeTable th, .fluidIntakeTable td {
    padding:3px 10px;
}

.subText {
    font-size:0.8em;
}


/* Taste and quality */

#headingTasteQuality {
    background:url(../images/headingTasteQuality.png) no-repeat;
}

* html #headingTasteQuality {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingTasteQuality.png", sizingMethod="crop");
}

.headerTasteQuality {
    background:url(../images/headerTasteQuality.gif) no-repeat;
}

/* Our productts */

#headingOurProducts {
    background:url(../images/headingOurProducts.png) no-repeat;
}

* html #headingOurProducts {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingOurProducts.png", sizingMethod="crop");
}

/* Think positive */

#headingThinkPositive {
    background:url(../images/headingThinkPositive.png) no-repeat;
}

* html #headingThinkPositive {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingThinkPositive.png", sizingMethod="crop");
}

#thinkPositiveMod1 {
    background:url(../images/thinkPositiveModEnvironment.gif) no-repeat;
}

#thinkPositiveMod2 {
    background:url(../images/thinkPositiveModHealthBenefits.gif) no-repeat;
}

/* Think positive environment */

#headingEnvironment {
    background:url(../images/headingEnvironment.png) no-repeat;
}

* html #headingEnvironment {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingEnvironment.png", sizingMethod="crop");
}

.headerEnvironment {
    background:url(../images/headerEnvironment.gif) no-repeat;
}


/* Think positive health benefits */

#headingHealthBenefits {
    background:url(../images/headingHealthBenefits.png) no-repeat;
}

* html #headingHealthBenefits {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingHealthBenefits.png", sizingMethod="crop");
}

.headerHealthBenefits {
    background:url(../images/headerHealthBenefits.gif) no-repeat;
}

/* Be positive */

#headingBePositive {
    background:url(../images/headingBePositive.png) no-repeat;
}

* html #headingBePositive {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingBePositive.png", sizingMethod="crop");
}

#bePositiveMod1 {
    background:url(../images/bePositiveMod2LtrChallenge.gif) no-repeat;
}

#bePositiveMod2 {
    background:url(../images/bePositiveModWOP.gif) no-repeat;
}

#bePositiveMod3 {
    background:url(../images/bePositivePinkRibbon.gif) no-repeat;
}

#bePositiveMod4 {
    background:url(../images/bePositiveModMothersDay.gif) no-repeat;
}

/* Be positive 2ltr */

#heading2LtrChallenge {
    background:url(../images/heading2LtrChallenge.png) no-repeat;
}

* html #heading2LtrChallenge {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/heading2LtrChallenge.png", sizingMethod="crop");
}

.header2LtrChallenge {
    background:url(../images/header2LtrChallenge.gif) no-repeat;
}



/* Be positive WOP */

#headingPinkRibbon {
    background:url(../images/headingPinkRibbon.png) no-repeat;
}

* html #headingPinkRibbon {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingPinkRibbon.png", sizingMethod="crop");
}

.headerBePositiveWOP {
    background:url(../images/headerWOP.gif) no-repeat;
}

/* Be positive Pink Ribbon */

#headingWOP {
    background:url(../images/headingWOP.png) no-repeat;
}

* html #headingWOP {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingWOP.png", sizingMethod="crop");
}

.headerBePositivePinkRibbon {
    background:url(../images/headerPinkRibbon.gif) no-repeat;
}

/* Be positive Pilates */
#downloadButtons {  }
#downloadButtons img { margin:0 10px 0 0; }
#downloadButtons a { overflow:hidden; }

.vidListWrap {
    width:200px;
    float:left;
    margin:0 15px 0 0;
}

.vidListWrap a { color:#00629a; font-weight:normal !important; }
.vidListWrap h3 { 
    overflow:hidden; 
    text-indent:-9999em; 
    background-position:top left;
    background-repeat:no-repeat;
    height:25px;
    width:100px;
}

.vidListWrap h3#h3vid1 { background-image:url(../images/h3vid1.gif); }
.vidListWrap h3#h3vid2 { background-image:url(../images/h3vid2.gif); }

.vidListWrap ul {
    list-style-type:none;
    margin:0 !important;
    padding:0;
}

.vidListWrap ul li {
    background:url(../images/liPlusIcon.gif) 0 4px no-repeat;
    padding:0 0 0 14px;
    margin:0 0 2px 0;
    
}


/* Be positive Mothers day */

#headingMothersDay {
    background:url(../images/headingMothersDay.png) no-repeat;
}

* html #headingMothersDay {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingMothersDay.png", sizingMethod="crop");
}

.headerMothersDay {
    background:url(../images/headerMothersDay.gif) no-repeat;
}



/* Company info */

#headingCompanyInfo {
    background:url(../images/headingCompanyInfo.png) no-repeat;
}

* html #headingCompanyInfo {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingCompanyInfo.png", sizingMethod="crop");
}

/* Privacy policy */

#headingPrivacyPolicy {
    background:url(../images/headingPrivacyPolicy.png) no-repeat;
}

* html #headingPrivacyPolicy {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingPrivacyPolicy.png", sizingMethod="crop");
}

/* FAQs */

#headingFAQs {
    background:url(../images/headingFAQs.png) no-repeat;
}

* html #headingFAQs {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/headingFAQs.png", sizingMethod="crop");
}



/* Clearfix Class */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
