﻿/********************************* STRUCTURE ***********************************/

* 
{
    margin:0;
    padding:0;
    color:#5a5a5a;
}

img 
{
    border:0;
}

body 
{
    margin:0 auto;
    font:62.5%/1.3 verdana, arial;
    background-color:#ffffff;
}

.header 
{
    width:100%;
}

a 
{
    text-decoration:none;
}

#FlashLoginSWFCss 
{
   padding:200px 0 200px 0;
   text-align:center;
}

.listIndent { padding-left:35px; margin-bottom:10px; }
/******************** BIOTHERM LOGO *******************/

.logo 
{
    text-align:right;
    padding:20px 1px 17px 0;
}

/******************** END BIOTHERM LOGO *******************/


/******************** TOP NAVIGATION *******************/
.topNav 
{
    height:18px;
    width:100%;
    background-color:#49a8e2;
    color:#ffffff;
    padding-top:3px;
}

.topNav a 
{
    padding:0 0 0 20px;
    color:#ffffff;
    text-decoration:none;
}

.topNavMenu li
{
    display:inline;
    list-style-type:none;
}

/******************** END TOP NAVIGATION *******************/

#bodyWrap {
    width:951px;
    margin:0 auto;
}

#contentWrapper 
{
    width:100%;
    background:url(../images/generic/content_bg2.jpg) no-repeat;
    position:relative;
}

#contentTestimonials
{
    width:100%;
    background:url(../images/generic/contentTestimonialsBgBott.jpg) bottom left no-repeat;
    position:relative;
}

#contentWrapper a {
    color:#7ABFEA;
    text-decoration:underline;
}

#contentWrapperCustom
{
    width:100%;
    height:500px;
    position:relative;
    margin-top:2px;
    overflow:hidden;
}

#contentWrapperBoxed {
    background:url(../images/generic/columnOneCustomBg.jpg) no-repeat;
}

#boxedContainer {
    width:880px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    position:relative;
}

#boxedTop {
    min-height:548px;
    height:auto !important;
    height:548px;
    background:url(../images/generic/boxedTopBg.gif) no-repeat;
    padding:25px 36px 25px 29px;
}

#boxedBottom {
    height:6px;
    background:url(../images/generic/boxedBottomBg.gif) no-repeat;
}

/* Positional Elements */

.linkImageReplace {
    width:100%;
    height:100%;
    display:block;
    z-index:500;
    background:url(../images/spacer.gif) top left no-repeat;
    text-indent:-9999em;
}

/* 
@ Feature group
**/

#linkPromoText,
#linkPromoText a,
#linkPromoText2,
#linkPromoText2 a {
    width:300px;
    height:390px;
}

#linkPromoText {
    position:absolute;
    top:80px;
    left:340px;
}

#linkPromoText2 {
    position:absolute;
    top:80px;
    left:80px;
}


#linkPromoText ul, #linkPromoText2 ul { 
    text-indent:-9999em;
    position:absolute;
    display:none;
}

/* @ Member Login Group 
**/
#linkMembersModule,
#linkMembersModule a {
    position:absolute;
    display:block; 
    height:30px;
    overflow:hidden;
}

#linkMembersModule {
    width:230px;
    height:30px;
    top:35px;
    left:700px;
}

a#linkNotMember { width:130px; top:0; left:0; }
a#linkLogin { width:90px; top:0; left:140px; }

/* @ Promo tiles group 
**/
#linkModule1,
#promo2Home,
#promo1Home {
    display:block;
    overflow:hidden;
    position:absolute;
	left:695px;
    width:248px;
}

#linkModule1 {
    top:82px;
}

#promo1Home {
    top:317px;
}

#promo2Home {
	top:422px;
}


#promo1 { display:block; margin:0 0 8px 0; }
#promo2 { display:block; margin:0 0 0 -2px; position:relative; }

/* END Positional Elements */


#contentWrapperCustom h1, 
#contentWrapperCustom h2,
#contentWrapperCustom span {
    text-indent:-9999px;
    float:left;
    margin:0;
    padding:0;
    height:0;
}

#promo1 {
    position:relative;
    left:-2px;
    margin-bottom:8px;
}


.textIndent {
    text-indent:-9999px;
    display:none;
}

#flashWrapper 
{
    width:100%;
}

/******************** LEFT CONTENT *******************/

#leftContent 
{
    width:645px;
    float:left;
    font-size:1.1em;
    position:relative;
}

#leftContentInner { padding:0px 13px 10px 219px; }

#contentTestimonials #leftContentInner { padding:0px 20px 10px 249px; }

#promoImageAside {
    position:absolute;
    top:117px;
    left:38px;
}

* html #leftContentInner 
{
    margin-top:20px;
}

#leftContentInnerSmall {
    padding:0px 35px 20px 230px;
}

#content   
{
    width:100%;
    margin-bottom:0px;
}

#mainContent 
{
    padding:30px 60px 0px 60px;
}

#contentInner 
{
    padding:30px 13px 10px 60px;
    width:240px;
    float:left;
    clear:both;
} 

#heading
{
    margin-left:57px;
    margin-top:16px;
    min-height:100px;
    height:auto !important;
    height:100px;
}

#h1SkinVivo {
	background:url(../images/h1NewSkinVivo.gif) 0 5px no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	width:327px;
	height:57px;
}	

.headingOneCol 
{
    margin-left:57px;
    margin-top:5px;
    
    float:left;
    min-width:400px;
}

* html .headingOneCol 
{
    position:relative;
    left:-57px;
    margin-top:12px;
}

.headingOneColCustom {
    margin:0 !important;
}

/******************** END LEFT CONTENT *******************/

/******************** RIGHT CONTENT *******************/

#rightContent
{
    height:575px;
    width:297px;
    float:right;
}

/*
#rightModule1 {
    height:248px;
    width:260px;
    position:absolute;
    z-index:500;
    top:166px;
    left:158px;
}

#rightModule2 {
    height:239px;
    width:109px;
    position:absolute;
    z-index:500;
    top:366px;
    left:258px;
}*/

#rightContentInner 
{
   padding-top:10px;
   width:241px;
   margin-top:10px;
   text-align:left;
}

#rightContentTiles { padding:5px 0 0 0; }
#rightContentTiles a { display:block; margin:0 0 8px; }

#rightContentInnerLarge 
{
    padding-top:30px;
    padding-right:55px;
}

#rightContentInnerLarge h3 
{
    padding-bottom:5px;
}

#energyTeamHeader 
{
    background:url(../images/energy_team.jpg) no-repeat;
    width:241px;
    height:37px;
    text-indent:-9000em;
}

#energyTeam 
{
    background:url(../images/energy_team_bottom.jpg) no-repeat;
    height:291px;
    padding:0px 5px 0px 20px;
}

#energyTeam p 
{
    padding-top:53px;
}

p.day 
{
    color:#49a8e2;
}

#energyTeam a 
{
    position:relative;
    z-index:50;
}

#energyTeam img 
{
    padding-top:7px;
    margin-left:-2px;
}

#energyTeamPeople 
{
    position:absolute;
    margin-left:425px;
    margin-top:-160px;
    padding:0;
}

/* png hacks for IE 5.5+ */

/* the 'src' is relative to the html page and not the css */

* html #energyTeamPeople

{
    margin-top:-160px;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/energy_team_people.png', sizingMethod='crop');
}

#aboutEnergyTeam 
{
    background:url(../images/about_energyteam.jpg) no-repeat;
    width:241px;
    height:95px;
    display:block;
    cursor:pointer;
    text-indent:-9000em;
} 
 

#kathleen 
{
    background:url(../images/tile_kathleen.jpg) no-repeat;
    width:241px;
    height:95px;
    display:block;
    cursor:pointer;
    text-indent:-9000em;
} 

#simon
{
    background:url(../images/tile_simon.jpg) no-repeat;
    width:241px;
    height:95px;
    display:block;
    cursor:pointer;
    text-indent:-9000em;
}  

#joanne 
{
    background:url(../images/tile_joanne.jpg) no-repeat;
    width:241px;
    height:95px;
    display:block;
    cursor:pointer;
    text-indent:-9000em;
}

#evangeline 
{
    background:url(../images/tile_evangeline.jpg) no-repeat;
    width:241px;
    height:95px;
    display:block;
    cursor:pointer;
    text-indent:-9000em;
}

/******************** END RIGHT CONTENT *******************/


/******************** FOOTER CONTENT *******************/

#footer 
{
    height:50px;
    width:100%;
    background:url(../images/generic/footer_bg.gif) no-repeat;
    font-size:0.9em;
    text-align:center;
    color:#828282;
    padding-top:7px;
    margin-top:1px;
    padding-bottom:20px;
    clear:both;
}
  
/******************** END FOOTER CONTENT *******************/
  
  
/********************************* END STRUCTURE ***********************************/


/****************** CONTENT *****************/

.spacedUl
{
    margin-left:20px;
    margin-top:10px;
}

.spacedUl li 
{
    padding-bottom:8px;
}

.spaced2ColUl
{
    margin-left:20px;
    margin-top:20px;
    margin-bottom:20px;
}

.inlinePoint 
{
    margin-top:-15px;
    left:200px;
    position:relative;
    padding-bottom:5px;
}

.pink 
{
    list-style-image:url(../images/pink_arrow.gif);
}

.green
{
    list-style-image:url(../images/green_arrow.gif);
}

.yellow 
{
    list-style-image:url(../images/yellow_arrow.gif);
}

.blue 
{
    list-style-image:url(../images/blue_arrow.gif);
}

.red 
{
    list-style-image:url(../images/red_arrow.gif);
}


/**************** ABOUT US PAGE ***********************/

#expertBiology {
    background:url(../images/heading_expertbiology.gif) no-repeat;
    width:98px;
    height:15px;
    display:block;
    text-indent:-9000em;
    margin-top:20px;
    overflow:hidden;
}

#provenResults {
    background:url(../images/heading_provenresults.gif) no-repeat;
    width:101px;
    height:12px;
    display:block;
    text-indent:-9000em;
    margin-top:20px;
    overflow:hidden;
}

#energisingSensations {
    background:url(../images/heading_energisingsensations.gif) no-repeat;
    width:148px;
    height:15px;
    display:block;
    text-indent:-9000em;
    margin-top:20px;
    overflow:hidden;
}

#aboutUsBottle {
    width:214px;
    height:423px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:500;
}

/* Testimonials page */
h3#h3FirstReverseAntiAgeing,
h3#h3ReadersTestimonials {
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	width:370px;
	height:45px;
	text-indent:-9999em;
	margin:0 0 15px 0;
}

h3#h3FirstReverseAntiAgeing { background-image:url(../images/h3FirstReverseAntiAgeing.gif); }
h3#h3ReadersTestimonials 	{ background-image:url(../images/h3ReadersTestimonials.gif); }

.testimonialsWrap,
.testimonials {
	background-repeat:no-repeat;
}	

.testimonialsWrap { 
	background:url(../images/quoteOpenLarge.gif) top left no-repeat;
	padding:10px 0 20px 0;
}

.testimonials {
	background:url(../images/quoteCloseLarge.gif) bottom right no-repeat; 
	padding:0 40px;
}

.testimonials p { margin:0 0 15px 0; }
.testimonials span,
.testimonialsWrap ol li { color:#959595 }
.testimonialsWrap ol { 
	font-size:.82em; 
	padding:0 40px; 
	margin:0; 
	list-style:inside;
	list-style-type:decimal;
}


/**************** BECOME A MEMBER PAGE ****************/

#howToBecomeAMember {
    background:url(../images/heading_howtobecomeamember.gif) no-repeat;
    width:299px;
    height:19px;
    display:block;
    text-indent:-9000em;
}

#myAdvantagesAndBenefits {
    background:url(../images/heading_myadvantagesandbenifits.gif) no-repeat;
    width:232px;
    height:20px;
    display:block;
    text-indent:-9000em;
}

#membershipRewards 
{
    background:url(../images/heading_membershiprewards.gif) no-repeat;
    width:316px;
    height:23px;
    display:block;
    text-indent:-9000em;
    margin-top:20px;
}

#membershipBecome 
{
    background:url(../images/heading_membershipbecome.gif) no-repeat;
    width:305px;
    height:15px;
    display:block;
    text-indent:-9000em;
}

.floatImage
{
    position:absolute;
    margin-top:-80px;
    margin-left:290px;
}
    
#becomeMember 
{
    position:absolute;
    left:0;
    padding:0;
    bottom:0;
}


.subList
{
    margin-left:70px;
}

.innerGradient 
{
    background:url(../images/inner_gradient.jpg) no-repeat;
    padding-top:15px;
}

#seeRewards 
{
    background:url(../images/available_rewards.jpg) no-repeat;
    width:242px;
    height:85px;
    cursor:pointer;
    display:block;
    text-indent:-9000em;
}

#findCounter
{
    background:url(../images/nearest_counter.jpg) no-repeat;
    width:241px;
    height:95px;
    cursor:pointer;
    display:block;
    text-indent:-9000em;
}


/**************** END BECOME A MEMBER PAGE ****************/


/**************** ENERGY TEAM PAGE ****************/

#leftContentInnerEnergy
{
    padding:20px 13px 10px 60px;
    clear:both;
}

#beautifulAndHealthy {
    background:url(../images/heading_beautifulandhealthy.gif) no-repeat;
    width:171px;
    height:33px;
    display:block;
    text-indent:-9000em;
}

.energyTeamLrg
{
    float:right;
    margin-top:-64px;
}

.innerGradientLong 
{
    background:url(../images/inner_gradient_long.jpg) no-repeat right top;
    padding-top:25px;
}


/**************** NUTRITIONIST PAGE ****************/

#leftContentBio {
    min-height:255px;
    height:auto !important;
    height:255px;
    margin:0;
    padding:0;
}

#leftContentBio h4 span {
    text-indent:-9999px;
    display:block;
}

#headingTipsWrap {
    height:135px;
    padding:60px 0 0 220px;
}

.bioJoanne #headingTipsWrap {
    height:135px;
    padding:60px 0 0 220px;
}

#headingTips {
    height:95px;
    display:block;
    text-indent:-9999px;
}

.bioSimon #headingTips {
    background:url(../images/heading_simonTips.gif) no-repeat;
}

.bioKathleen #headingTips {
    background:url(../images/heading_kathleenTips.gif) no-repeat;
}

.bioJoanne #headingTips {
    background:url(../images/heading_joanneTips.gif) no-repeat;
    height:124px !important;
}

.bioEvangeline #headingTips {
    background:url(../images/heading_evangelineTips.gif) no-repeat;
}

#headingSensitiveSkinWomen span {
    width:297px;
    height:12px;
    background:url(../images/heading_sensitiveskinwomen.gif) no-repeat;
}

#headingDrySkinWomen span {
    width:253px;
    height:12px;
    background:url(../images/heading_dryskinwomen.gif) no-repeat;
}

#headingRazorBurnMen span {
    width:256px;
    height:12px;
    background:url(../images/heading_razorburnmen.gif) no-repeat;
}

#headingOilySkinWomen span {
    width:257px;
    height:12px;
    background:url(../images/heading_oilyskinwomen.gif) no-repeat;
}

#headingOilySkinMen span {
    width:231px;
    height:12px;
    background:url(../images/heading_oilyskinmen.gif) no-repeat;
}

#headingDrySkinMen span {
    width:228px;
    height:12px;
    background:url(../images/heading_dryskinmen.gif) no-repeat;
}



#leftContentBio #heading h6 {
    font-size:33px !important;
    background:url(../images/leftContentBioMainHeadingBg.jpg) no-repeat bottom left;
    margin-bottom:20px;
}

#leftContentBio #heading h3 {
    height:23px;
    display:block;
    text-indent:-9999px;
}

#leftContentBio #content {
    width:530px;
    margin:0 0 0 60px;
    background:url(../images/energy_team_copy_bg.jpg) no-repeat;
    padding:18px 0 30px 21px;
}

#leftContentBio #content p {
    margin-bottom:10px;
}


#leftContentBio #content h4 {
    width:230px;
    height:24px;
    background:url(../images/leftContentBioHeadingBg.jpg) no-repeat bottom left;
}

#leftContentBio #content span {
    text-indent:-9000em;
    display:block;
}

#discoverTheSource span {
    background:url(../images/heading_discoverthesource.gif) no-repeat;
    width:332px;
    height:12px;
}

#essentialWellBeing span { background:url(../images/heading_essentials.gif) no-repeat; width:270px; height:12px }
#essentialSkinMen span { background:url(../images/heading_essSkinMen.gif) no-repeat; width:332px; height:12px; }
#essentialSkinWomen span { background:url(../images/heading_essSkinWomen.gif) no-repeat; width:332px; height:12px; }


#prepareForWinter span {
    background:url(../images/heading_prepareforwinter.gif) no-repeat;
    width:183px;
    height:13px;
}

.bioSimon {
    background:url(../images/portrait_simon_bio.gif) no-repeat 38px 13px;
}

.bioSimon #heading h3 {
    background:url(../images/heading_tipsSimon.jpg) no-repeat;
}

.bioKathleen {
    background:url(../images/portrait_kathleen_bio.gif) no-repeat 38px 13px;
}

.bioKathleen #heading h3 {
    background:url(../images/heading_tipsKathleen.jpg) no-repeat;
}

.bioJoanne {
    background:url(../images/portrait_joanne_bio.gif) no-repeat 38px 13px;
}

.bioJoanne #heading h3 {
    background:url(../images/heading_tipsJoanne.jpg) no-repeat;
}

.bioEvangeline {
    background:url(../images/portrait_evangeline_bio.gif) no-repeat 38px 13px;
}

.bioEvangeline #heading h3 {
    background:url(../images/heading_tipsEvangeline.jpg) no-repeat;
}


/**************** NUTRITIONIST PAGE ****************/

#katheleenHeading
{
    background:url(../images/heading_kathleen.gif) no-repeat;
    width:207px;
    height:19px;
    display:block;
    text-indent:-9000em;
}

#evangelineHeading 
{
    background:url(../images/heading_evangeline.gif) no-repeat;
    width:184px;
    height:24px;
    display:block;
    text-indent:-9000em;
}

#joanneHeading 
{
    background:url(../images/heading_joanne.gif) no-repeat;
    width:184px;
    height:24px;
    display:block;
    text-indent:-9000em;
} 

#simonHeading 
{
    background:url(../images/heading_simon.gif) no-repeat;
    width:185px;
    height:24px;
    display:block;
    text-indent:-9000em;
} 

#leftContentInnerNutrition 
{
    padding: 10px 10px 10px 235px;
}

#leftContentInnerNutrition p 
{
	margin-bottom:10px;
}

#wrapKathleen 
{
	background:url(../images/portrait_kathleen.gif) bottom left no-repeat;
}

#wrapJoanne 
{
	background:url(../images/portrait_joanne.gif) bottom left no-repeat;
}

#wrapSimon 
{
	background:url(../images/portrait_simon.gif) bottom left no-repeat;
}

#wrapEva 
{
	background:url(../images/portrait_evangeline.gif) bottom left no-repeat;
}


#energyMemberKathleen
{
    position:absolute;
    margin-left:-235px;
    top:120px;
    padding:0;
}

#energyMemberEvange 
{
    position:absolute;
    margin-left:-235px;
    top:136px;
    padding:0;
}

#energyMemberJoanne 
{
    position:absolute;
    margin-left:-235px;
    top:131px;
    padding:0;
}

#energyMemberSimon
{
    position:absolute;
    margin-left:-235px;
    top:120px;
    padding:0;
}

.sorryMessage 
{
    color:#4aaae5;
    position:relative;
    padding-left:4px;
}

/************************ REWARDS PAGE ***************************/

#content img 
{
    padding:7px 0 15px 0;
}

#rewards
{
    background:url(../images/heading_rewards.gif) no-repeat;
    width:199px;
    height:12px;
    text-indent:-9000em;
}

#howClaim
{
    background:url(../images/howclaim_reward.gif) no-repeat;
    width:222px;
    height:11px;
    text-indent:-9000em;
}

.innerGradientshort 
{
    background:url(../images/inner_gradient_short.jpg) no-repeat;
    height:150px;
    padding-top:15px;
}

#points 
{
    background:url(../images/points_tile.jpg) no-repeat;
    width:242px;
    height:76px;
    float:right;
    margin:20px 58px -22px 0;
}

* html #points 
{
    margin:15px 31px 0 0;
}

#points h3 
{
    padding:15px 5px 5px 60px;
    font-family:Verdana;
    font-weight:normal;
    font-size:1.5em;
}

#points h4
{
    padding:0 5px 3px 60px;
    font-family:Verdana;
    font-weight:normal;
    font-size:1.1em;
}

#leftContentBio #content h4#tipsSubHeading 
{
 color: #4aaae5;
 font-size:15px;
 font-weight:bold;
 margin-top:-5px;
 padding-bottom:5px;
 width:400px;

}
#flashBox 
{
    width:576px;
    height:412px;
    float:right;
    margin:0px 0px 20px 0;
    padding-right:60px;
}


/******************* UPDATE YOUR DETAILS PAGE *******************/

#contentUpdateDetails 
{
    width:580px;
    padding:50px 310px 0px 60px;
    clear:both;
    min-height:355px;
    height:auto !important;
    height:355px;
}

#wrapDetails 
{
	background:url(../images/details_bg.jpg) bottom right no-repeat;
	border-bottom:1px solid #fff;
}

.validationSummary 
{
    border:2px solid red;
    padding:10px;
}

.validationSummary ul 
{
    list-style-type:none;
    font-weight:bold;
    line-height:16px;
}

.warning 
{
    margin:0;
	color:#e92012;
    font-weight:bold;
    padding:14px 0 0 35px;
    margin:0;
}

.warningImg 
{
    margin:0;
    padding:0;
    float:left;
}

.textBox 
{
    width:150px;
    height:19px;
    border:1px solid #a9b0b6;
}

.textBoxSmall
{
    width:50px;
    height:19px;
    border:1px solid #a9b0b6;
    margin-left:10px;
}

.textBox2
{
    width:160px;
    height:19px;
    border:1px solid #a9b0b6;
}

.leftTable 
{
    float:left;
    margin:0px 0 10px 0px;
}

.centreTable 
{
    margin: 0px 0px 10px 0px;
}

#righttable 
{
    float:right;
}

.leftTable td 
{
	font-weight:bold;
	padding:10px 10px 0 0;
}

.centreTable td 
{
	font-weight:bold;
	padding:10px 10px 0 0;
}

.blueLine 
{
    width:441px;
    height:1px;
    margin-left:100px;
    background:url(../images/blue_line.jpg) no-repeat;
    clear:both;
}

.smallText
{
    font-size:0.9em;
}

.buttons 
{
    text-align:right;
    margin-bottom:10px;
    margin-right:10px;
}

.colOne 
{
	width:80px;
}

.colTwo 
{
	width:180px;
}

#boxedContainer .colTwo 
{
	width:120px;
}

/****************** FIRST TIME VISITOR PAGE ****************/

#wrapFirst 
{
	background:url(../images/first_time.jpg) top right no-repeat;
	min-height:500px;
	height:auto !important;
    height:500px;
    position:relative;
    border:1px solid transparent;
}

* html #wrapFirst { border:none; } /* IE6 cannot interpret "transparent" */


.column 
{
	width:500px;
}

.verifyBtn 
{
	position:relative;
	top:5px;
	left:5px;
}

.mandatory 
{
    margin-left:165px;
    margin-top:2px;
    font-size:9px;
    color:#5a5a5a;
}

.firstTime 
{
    position:absolute;
    top:101px;
    margin-left:510px;
}


.inner_gradient_firstTime 
{
    width:500px;
    padding-top:20px;
    background:url(../images/inner_gradient_firsttime.jpg) center top no-repeat;
}


* html .inner_gradient_firstTime 
{
	padding-top:10px;
}

.warningText ul 
{
	margin: -37px 0 40px 30px;
}

.warningText ul li{
    color:#e92012;
    list-style-type:none;
    padding-bottom:10px;
}

.warningText 
{
	color:#e92012;
	margin: 14px 0 16px 34px;
}

*html .warningText 
{
	margin-top: 26px;
}

/************* TELL US ABOUT YOURSELF PAGE *************/
 
#wrapYourself 
{
	background:url(../images/energy_team_xlrg.gif) 440px 35px no-repeat;
	width:906px;
	min-height:287px;
	height:auto !important;
    height:287px;
    margin-left:44px;
    float:left;
}

* html #wrapYourself {
    float:none;
} 
 
.selectMessage 
{
    font-size:9px;
    color:#cccccc;
}

.tellUsTable 
{
    float:left;
    margin-top:18px; 
    display:inline;   
}

.tellUsRightCol 
{
    float:right;
    margin: 140px 60px 0 0;
    display:inline;
    
}


.tellUsTable td
{
    vertical-align:top;
}



.tellUsFormElement 
{
    width:170px;
}



/************ TERMS AND CONDITIONS PAGE ****************/

.contentTerms 
{
    clear:both;
    padding: 20px 75px 10px 80px;
}
    
/************ END TERMS AND CONDITIONS PAGE ****************/  


/************ ENERGY STATS RECOMMENDATIONS PAGE ****************/ 


#recommendBg 
{
    background:url(../images/recommend_bg.gif) no-repeat;
    margin-left:50px;
    height:100%;
    clear:both;
}

* html #recommendBg 
{
    height:200px;
    margin-top:-20px;
}

#recommendTeamPortraitSimon, #recommendTeamPortraitEvangeline, #recommendTeamPortraitJo, #recommendTeamPortraitKathleen
{
    background:url(../images/recommend_team.gif) no-repeat bottom right;
    min-height:380px;
    height:auto !important;
    height:380px;
}

#recommendTeamPortraitEvangeline 
{
	background:url(../images/recommend_eva.gif) no-repeat bottom right;
}

#recommendTeamPortraitJo 
{
	background:url(../images/recommend_jo.gif) no-repeat bottom right;
}

#recommendTeamPortraitKathleen 
{
	background:url(../images/recommend_kathleen.gif) no-repeat bottom right;
}

#recommendProduct 
{
    width:380px;
    float:left;
    padding:18px 35px 20px 10px;
}

#recommendProductImage
{
    float:left;
    max-width:200px;
    margin:10px 25px 10px 25px;
    text-align:center;
}

.grayLine 
{
    margin:-15px 0 -5px 0;
    padding:0;
}

#recommendTeam 
{
    width:280px;
    min-height:320px;
    float:left;
    padding:18px 90px 20px 40px;
}


/************ END ENERGY STATS RECOMMENDATIONS PAGE ****************/


/************ STORE LOCATOR PAGE ****************/

.blueState 
{
    color:#4aaae5;
    font-size:11px;
}

.stateBold 
{
    color:#4aaae5;
    font-size:14px;
    font-weight:bold;
}

.locatorTable 
{
    position:relative;
    left:-8px;
    width:500px;
    margin-bottom:10px;
}

.locatorTable td 
{
    margin-left:20px;
}

#storeLocator
{
    position:absolute;
    right:0;
    top:10px;
}

/************ END STORE LOCATOR PAGE ****************/


/************ START PRIVACY POLICY PAGE ****************/

.privacy p , .privacy ul, .privacy ol
{
	margin-bottom:2em;
	width:85%;
}

.privacy li 
{
	margin-bottom:1em;
	margin-left:32px;
}	

.privacy ol 
{
	list-style-type:lower-roman;
}


/************ END PRIVACY POLICY PAGE ****************/



/************ START NON-MEMBERS UPDATE PAGE ****************/

#nonMemberUpdateDetails {
    height:274px;
    background:url(../images/nonMembersUpdateBg.jpg) no-repeat;
    padding:227px 0 0 375px;
}

#nonMemberUpdateDetails #nonMembersContent {
    width:200px;
}

#nonMemberUpdateDetails #nonMembersContent p, #nonMemberUpdateDetails #nonMembersContent label {
    font-size:1.1em;
}

#nonMemberUpdateDetails #nonMembersContent p {
    margin-bottom:15px;
}

#nonMemberUpdateDetails #nonMembersContent label {
    display:block;
    margin-bottom:3px;
    font-weight:bold;
}

#nonMemberUpdateDetails #nonMembersContent input {
    width:98%;
    margin-bottom:10px;
}

#nonMemberUpdateDetails #nonMembersContent .nonMemberSubmit {
    float:right;   
}


/************ END NON-MEMBERS UPDATE PAGE ****************/



/************ START NON-MEMBERS UPDATE PAGE STEP 1****************/

#headingUpdateDetails {
    width:437px;
    height:36px;
    background:url(../images/headingUpdateDetails.jpg) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin-top:20px !important;
}

#boxedTop .leftTable {
    float:none;
}

#boxedTop .centreTable {
    float:none;
    width:590px;
}

#boxedTop .contentContain {
    width:590px;
    margin:0 auto;

}

.contentContain .BTNSubmit,
.BTNSubmit {
    float:right; 
}

.buttonWrap { padding:0 8px 0 0; }

#updateDetailsBg {
    width:241px;
    height:380px;
    background:url(../images/generic/boxedBg.gif) no-repeat bottom right;
    position:absolute;
    bottom:0;
    right:0;
    margin:0 4px 4px 0;
}

#promoModuleTop {
    width:426px;
    min-height:75px;
    height:auto !important;
    height:75px;
    padding:25px 362px 10px 27px;
    background:#e2f1f8 url(../images/generic/promoModuleTopBg.jpg) no-repeat;
    position:relative;
    font-size:1.1em;
    margin-top:-11px;
    margin-bottom:20px;
}

#headingUpdateDetailsWin {
    width:193px;
    height:55px;
    background:url(../images/heading_updateDetailsWin.jpg) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin-bottom:8px;
}

#updateDetailsWin {
    width:367px;
    height:201px;
    background:url(../images/updateDetailsWin.png) no-repeat;
    position:absolute;
    top:-110px;
    left:500px;
}

* html #updateDetailsWin 
{
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/updateDetailsWin.png", sizingMethod="crop");
}

#promoModuleBottom {
    width:756px;
    min-height:84px;
    height:auto !important;
    height:84px;
    padding:25px 0 10px 16px;
    background:#eaf8fe url(../images/generic/promoModuleBottomBg.jpg) no-repeat;
    font-size:1.1em;
    margin-bottom:20px;
    clear:both;
}

#promoModuleBottom label {
    display:block;
    margin-right:10px;
    font-weight:bold;
    float:left;
}

#promoModuleBottom #questionText {
    width:500px;
    float:left;
    margin-bottom:10px;
}

#promoModuleBottom textarea {
    width:570px;
    height:40px;
    clear:both;
    margin-bottom:10px;
}

#promoModuleBottom a { text-decoration:underline; }







/************ END NON-MEMBERS UPDATE PAGE STEP 1****************/



/************ START NON-MEMBERS UPDATE PAGE STEP 2****************/

#tellUsButtons {
    float:right;
    margin:20px 70px 20px 0;
}

* html #tellUsButtons {
    margin:20px 35px 20px 0;
}

#tellUsButtons img {
    padding:0 !important;
}

/************* SIFR CSS *************/

#heading h1, 
#heading h2,
#heading h6
{ 
    font-weight:normal;
    margin:0;
    padding:0;
}

#heading h1  
{
    color:#b9bdc0;
    font-size:2.5em;
}

#heading h2  
{
    color:#7DC5ED;
    float:left;
    font-size:5em;
    margin-top:-10px;
}

#heading h2.aboutBiotherm {
    margin:10px 0 -15px 0;
}

#heading h6 {
    color:#7DC5ED;
}

.bioJoanne #heading h6 {
    line-height:20px;
}

.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 */