/*stack.css - styles stacks page */

.StackList { border: 1px solid; border-color: #eaeaea;  height: 34em; position: relative; }
.StackList { border: 1px solid; border-color: #eaeaea;  height: 34em;}
.StackList ul { padding:0px; line-height:1.1em; margin: 10px 0 0 0.5em; } 
.StackList ul li { display: list-item; padding: 0px; margin: 0px;}
/*.StackList form {  position: absolute; top: 20.45em; left: 6em;  }*/
.StackList form {  position: absolute; bottom: 0em; left: 6em; clear:both; display: block; height: 150px; margin: 0;}
.StackList form input { } 
.StackList .copy p { padding: 0 0.5em 0 0.5em; }
.StackList h2 { border-bottom: 1px solid #317A00; background: url(/Images/Layout/goalFooterLinkBack.png) repeat-x; color:#317A00; padding-left:5px;  }

.pageFooter { display: block; clear: both; } 
#FatBurn,#SpeedStrength,#CoverBody  { margin-bottom: 1.231em; } 
#FatBurn h2 { border-bottom-color:#317A00; border-bottom-style:solid; border-bottom-width:1px; color:#317A00; padding-left:5px;  }
#CoverBody h2  { border-bottom-color:#e61919; border-bottom-style:solid; border-bottom-width:1px; color:#e61919; padding-left:5px;  }
#SpeedStrength {float: right; }
#SpeedStrength h2  { border-bottom-color:#0197b7; border-bottom-style:solid; border-bottom-width:1px; color:#0197b7; padding-left:5px; }
#MuscleSize {float: right; }
#MuscleSize h2  { border-bottom-color:#001490; border-bottom-style:solid; border-bottom-width:1px; color:#001490; padding-left:5px; }
#AthletesTraining h2  { border-bottom-color:#dda217; border-bottom-style:solid; border-bottom-width:1px; color:#dda217; padding-left:5px; }

/* Styling for the old stacks as these need to remain available */
.oldStackList { float: left; width: 25.5em; border: 1px solid; border-color: #eaeaea; margin: 0 1em 1em 0; position: relative; height: 50em; }
.TwoToneBox { background: #EBEBEB; padding: 0px 6px 6px 6px; }
.TwoToneBox p { margin: 0px; line-height: 16px; }
.TwoToneBox ul { margin: 0px 0px 2px 0px;  padding: 0px; list-style: none; }

.TwoToneBox  li { margin: 0px; }
.TwoToneBox h2 { background: #8E8E8E; height: 20px; color: #fff; padding: 5px 5px 0px 5px; margin: 0px -6px 4px -6px; font-family: arial; }

.TwoToneBox .PersonQuote { height: 400px; font-size: 9px; }
.TwoToneBox .PersonQuote q { display: block; margin: 0px 0px 5px 0px; } 
.TwoToneBox .PersonQuote p  { line-height: 12px; }
.TwoToneBox h2 a { color: #fff; } 
.TwoToneBox h2 a:visited { color: #fff; } 

.Important { font-weight: bold; } 
.VeryImportant { font-weight: bold; color: #c00; } 
.ColumnTwoThirds { width: 62%;  float: left; display: block; }
.ColumnOneThirds { width: 36%;  float: right; display: block; }

.TwoToneBox .PurchaseOptions { position: absolute;  height: 190px; width: 25.5em; clear: both; bottom: 0}
.TwoToneBox .PurchaseOptions select { width: 280px; } 
.TwoToneBox .PurchaseOptions .howToButton { position: absolute; bottom: 5px; left: 5px; }
.TwoToneBox .PurchaseOptions .buyButton { position: absolute; bottom: 5px; right: 5px; }
.TwoToneBox .PurchaseOptions img { position: absolute; bottom: 5px; left: 5px; }
.TwoToneBox .PurchaseOptions p { height: 18px; padding: 2px 2px 0px 3px; } 

.HalfWidthAlignRight .PurchaseOptions { position: static;  height: 130px }
.HalfWidthAlignRight .PurchaseOptions input { position: static; border: 0px; }

.LinkList li { display: list-item; 
  font-weight: normal;
  margin-bottom: 10px;
} 

.LinkList li li { 
  margin-bottom: 5px;
padding-left: 10px; 
}

.colourGeneric 
.colourGeneric h2 { background: #108C36; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourGeneric h3 { background: #108C36; padding: 2px; color: #fff; }

.colourFatLoss { background: #CAE9CA; border-color: #108C36; }
.colourFatLoss h2 { background: #108C36; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourFatLoss h3 { background: #108C36; padding: 2px; color: #fff; }

.colourSpeedStrength { background: #C6E6EB; border-color: #108C36; }
.colourSpeedStrength h2 { background: #00A1B1; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourSpeedStrength h3 { background: #00A1B1; padding: 2px; color: #fff; }

.colourMuscleSize { background: #EDF3FF; border-color: #2134AC; }
.colourMuscleSize h2 { background: #2134AC; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourMuscleSize h3 { background: #2134AC; padding: 2px; color: #fff; }
.colourMuscleSize  .PurchaseOptions { height: 210px; } 


.colourMuscleDefinition { background: #FFF1EE; border-color: #2134AC; }
.colourMuscleDefinition h2 { background: #C72405; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourMuscleDefinition h3 { background: #C72405; padding: 2px; color: #fff; }
.colourMuscleDefinition .PurchaseOptions { height: 175px; } 


.colourPowerStrength { background: #FFF1EE; border-color: #C72405; }
.colourPowerStrength h2 { background: #C72405; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourPowerStrength h3 { background: #C72405; padding: 2px; color: #fff; }
.colourPowerStrength .TwoToneBox { height: 598px }
.colourPowerStrength .ColumnTwoThirds { height: 405px }
.colourPowerStrength .PurchaseOptions { height: 205px }
.colourPowerStrength .PurchaseOptions .howToButton { position: absolute; bottom: 0px; left: 5px; }
.colourPowerStrength .PurchaseOptions .buyButton { position: absolute; bottom: 0px; right: 5px; }
#stackHullRLFC .colourPowerStrength .PersonQuote img { right: 10px; position: absolute; top: 127px }
#stackHullRLFC .colourPowerStrength .PersonQuote q { padding-top: 106px }

.colourEnergyRecovery { background: #FEFCE5; border-color: #999355; height: 55em;}
.colourEnergyRecovery h2 { background: #999355; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
.colourEnergyRecovery h3 { background: #999355; padding: 2px; color: #fff; }

.colourEnergyRecovery  .PersonQuote { height: 440px; }
#stackEnergyRecoveryMark .ColumnOneThirds {  width: 60%; }
.colourEnergyRecovery .PurchaseOptions { height: 210px; }
.colourEnergyRecovery .PurchaseOptions .howToButton { position: absolute; bottom: 0px; left: 5px; }
.colourEnergyRecovery .PurchaseOptions .buyButton { position: absolute; bottom: 0px; right: 5px; }f

.showPrice {text-decoration: line-through;}

/* New-style one-per-page stacks */
#StackArea .hiLight, #StackLanding .hiLight {font-weight: bold;}
#StackArea h2, #StackLanding h2 {border-bottom: 1px solid #cccccc; width: 80%;}
#StackArea .rangeMuscleDef {color: #aa0000;}
#StackArea .rangeMuscleGrowth {color: #333390;}
#StackArea .rangeFatLoss {color: #338800;}
#StackArea .rangeCuttingEdge {color: #D87A2D;}
#StackArea .rangeEndurance {color: #9D7E15;}
#StackArea .rangeSpeedStrength {color: #0197b7;}
#StackArea .stackComponents, #StackArea .priceInformation {margin: 0 0 1em 0;} 
#StackArea .stackComponents p, #StackArea .priceInformation p,#StackArea .instructionArea .iconArea p, #StackArea .instructionArea .iconArea img {margin: 0; padding: 0;} 
#StackArea .stackComponents p, #StackArea .priceInformation .offer {font-weight: bold;} 
#StackArea .priceInformation .offer span {color: #aa0000; font-size: large; font-weight: bold;} 
#StackArea .priceAndImage p {text-align: center;} 
#StackArea h3 {margin: 0; padding: 0; font-size: small;} 
#StackArea form, #StackArea .stackImageArea {width: 100%; text-align: center;}
#StackArea .instructionArea {border: 1px solid #cccccc;}
#StackArea .instructionArea .iconArea {width: 25%; float: left; text-align: center;}
#StackArea .instructionArea .detailArea {width: 75%; float: left; padding: 0; margin: 0;}
#StackArea .instructionArea .iconArea {margin-top: 2em;}
#StackArea .instructionArea h3 {margin-top: 1em;}
#StackArea .instructionArea h3 {color: #aa0000;}

#StackLanding .rightSideImage {float: right}
#StackLanding .subColHalf {float: left; text-align: center; margin: 1em;}
#StackLanding .subColHalf p {padding: 0; margin: 0;}
#StackLanding .colDetailFixed {height: 176px;}
#StackArea li { display: list-item; text-align: left; padding-left: 3em; }  
#StackArea .firstInList li { padding-left: 0em; }

.stackHead {text-transform: uppercase; font-size: 1.75em}
.productHead, .productBenefits {font-weight: bold;}

/*nutritionplans - stack list */

#nutriPlansBox { border: 1px solid #cccccc; height: 180px; padding: 10px; }
#stackCol1 { position: relative; bottom: -22px; left: 0px; }
#stackCol2 { position: relative; bottom: 47px; left: 200px; }
#nutriBuy { position: relative; bottom: 45px; left: 208px; }

/* Stack wizard object classes - some repetition here from #StackArea identifier */
#StackHeader h2, #StackLanding h2 {border-bottom: 1px solid #cccccc; width: 80%;}
#StackHeader .rangeMuscleDef {color: #aa0000;}
#StackHeader .rangeMuscleGrowth {color: #333390;}
#StackHeader .rangeFatLoss {color: #338800;}
#StackHeader .rangeCuttingEdge {color: #D87A2D;}
#StackHeader .rangeEndurance {color: #9D7E15;}
#StackHeader .rangeSpeedStrength {color: #0197b7;}

#StackPresenter {display: block; float: right; text-align: center;}
#StackText {width: 50%; float: left;}

.plansBox { border: 1px solid #ccc; padding: 0.6em; background: #efefef; width: 364px; }