#PageContent .ProdHalfWidth h3 { overflow: hidden;  } 
#PageContent .ProdHalfWidth { width: 295px; float: left; height: 250px; } 
#PageContent .ProdHalfWidth img { float: left; margin-top: 5px; } 


#PageContent .HalfWidthCol1 { width: 286px; float: left; margin: 0px 10px 10px 0px; }
#PageContent .HalfWidthCol2 { width: 286px; float: left; display: inline; margin: 0px 0px 10px 0px; }
#PageContent .HalfWidthAlignRight { width: 286px; height: 300px; float: right; display: inline; margin: 0px 0px 10px 10px; }


#PageContent .ProdBoxShort { height: 190px; position: relative; } 
#PageContent .ProdBoxShort p { margin: 0px; padding: 2px; } 
#PageContent .ProdBoxShort ul { list-style: none;  margin: 0px; padding: 2px 0px 2px 2px;  display: inline; float: right; width: 95px; }
#PageContent .ProdBoxShort li { list-style-position: outside;} 
#PageContent .ProdBoxShort img { float: right; } 
#PageContent .ProdBoxShort .frmCenteredButton { position: absolute; bottom: 2px; left: 40px; } 
#PageContent .ProdBoxShort li input { width: 25px; margin: 0px; border: 1px solid #000; } 

/************* Used for stack display ************************************/
#PageContent .TwoToneBox { background: #EBEBEB; padding: 0px 6px 6px 6px; }
#PageContent .TwoToneBox p { margin: 0px; line-height: 16px; }
#PageContent .TwoToneBox ul { margin: 0px 0px 2px 0px;  padding: 0px; list-style: none; }

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

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

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

#PageContent .TwoToneBox .PurchaseOptions { position: relative;  height: 160px; clear: both; }
#PageContent .TwoToneBox .PurchaseOptions select { width: 280px; } 
#PageContent .TwoToneBox .PurchaseOptions input { position: absolute; bottom: 5px; right: 5px; }
#PageContent .TwoToneBox .PurchaseOptions img { position: absolute; bottom: 5px; left: 5px; }
#PageContent .TwoToneBox .PurchaseOptions p { height: 18px; padding: 2px 2px 0px 3px; } 

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

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

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

/* These should remain at the bottom as they provide the colours for the content boxes*/
#PageContent .colourGeneric 
#PageContent .colourGeneric h2 { background: #108C36; color: #fff; font-weight: bold; font-family: helvetica, arial, verdana; }
#PageContent .colourGeneric h3 { background: #108C36; padding: 2px; color: #fff; }

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

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

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


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


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

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

#PageContent .colourEnergyRecovery  .PersonQuote { height: 440px; }
#stackEnergyRecoveryMark .ColumnOneThirds {  width: 60%; }
#PageContent .colourEnergyRecovery .PurchaseOptions { height: 175px; }


/********** Tab Section details ************************/

.ModelShots p { margin: 0px 0px 10px 0px; width: 400px; }
.ModelShots .SectionContent { height: 625px; } 
.ModelShots .buynow { font-size: 80%; color: red; } 

.ModelShots .SectionContent p { width: 370px; } 
.ModelShots .TabSection .SectionContent { width: 370px; } 
.TabSection { 
  position: relative; 
  background: #EBEBEB;
}
.TabSection .SectionContent ul { padding: 0px; margin: 0px 0px 10px 0px;  } 
.TabSection .SectionContent { display: none; padding-left: 10px;  padding: 20px; }

.TabSection h2 { line-height: 18px; width: 150px; position: absolute;  top: 0px; text-align: center; background: #D0D0D0 url(/Images/Layout/tabSectionHeader.gif) no-repeat top right; } 
.TabSection h2 a { padding-right: 10px; text-decoration: none; color: #333; } 
.TabSection .selectedSection h2 { line-height:20px; top: -2px; background: #EBEBEB url(/Images/Layout/tabSectionHeaderSelected.gif) no-repeat top right; }
.TabSection #sectionDietPlan h2 { left: 0px; width: 120px; }
.TabSection #sectionTrainingProgram h2 { left: 120px; }
.TabSection #sectionWhyMaximuscle h2 { left: 270px; }
.TabSection .ModelImage { 
  text-align: center; 
  position: absolute; width: 205px; right: 0px; top: -126px; 
}
 
.TabSection .ModelImage a { color: #333; text-decoration: none; font-weight: bold; } 
.TabSection .ModelImage a span { display: block; margin-bottom: 10px;  } 
#ModelJonHarris .SectionContent { height: 600px; } 
#ModelMarkMills .TabSection .ModelImage { top: -85px; } 
#sectionDietPlan .SectionContent  { display: block; }