body, html  {
  margin: 0px;
  padding: 10px;
  min-width: 400px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

body {
background-image: url(../../../ms-data/metal006.jpg);
background-position: 0% 0%;
background-repeat: repeat;
font: normal normal normal 13px / 12pt Verdana,Geneva,sans-serif;
color: white;
}

/* Identifiers */


/* Elements */

header {
border-bottom: medium solid black;
}

footer  {
border-top: thin solid black;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
}

p {
text-indent: 5px;
}

h1.articleheader{
font-family: Sans-Serif;
font-size: 20pt;
font-style: italic;
font-weight: bold;
letter-spacing: 1px;
line-height: 22pt;
}

h1.pname{
font-weight: bold;
letter-spacing:2px;
line-height: 115%;
text-decoration:underline;
}

h1.supplement{
font-size: 14pt;
font-weight: bold;
letter-spacing:2px;
line-height: 115%;
text-decoration:underline;
}

h1.space{
line-height: 115%;
}

h2.header00{
font-size: 17pt;
font-weight: bold;
color: black;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
background-color: #F5F5F5;
line-height: 120%;
letter-spacing: 3pt;
margin-bottom: 5px;
border-bottom: 5px solid grey;
}

h2.header01{
font-size: 14pt;
font-weight: bold;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
line-height: 120%;
letter-spacing: 2pt;
margin-bottom: 5px;
border-bottom: 5px solid grey;
}

h2.space{
line-height: 115%;
}

h3.header02{
font-size: 15pt;
font-weight: bold;
text-decoration: underline;
color: black;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
background-color: #F5F5F5;
line-height: 120%;
letter-spacing: 3pt;
margin-bottom: 5px;
border-bottom: 5px solid grey;
}

h3.infoheader00{
font-size: 15pt;
font-weight: bold;
text-decoration: underline;
text-align: left;
color: black;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
background-color: white;
line-height: 120%;
letter-spacing: 1.5pt;
margin-bottom: 5px;
}

h3.infoheader01{
font-size: 15pt;
font-weight: bold;
text-decoration: underline;
color: black;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
background-color: white;
line-height: 120%;
letter-spacing: 1.5pt;
margin-bottom: 5px;
}

h3.listing00{
font-family: Verdana;
font-size: 13pt;
font-weight: bold;
line-height: 14pt;
text-align: left;
text-decoration: underline;
padding-bottom: 5px;
}

h3.top5{
font-family: Verdana;
font-size: 12pt;
font-weight: bold;
line-height: 13pt;
text-align: center;
text-decoration: underline;
padding-bottom: 5px;
}

h3.space{
line-height: 115%;
}

h4.space{
line-height: 115%;
}

h5.space{
line-height: 115%;
}

h6.space{
line-height: 115%;
}

div.center {
  margin-left: auto;
  margin-right: auto;
}

ul.refre{
font-size: 8pt; 
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

img.left {
  display: block;
  float: left;
  margin-left: 10px;
}

img.right {
  display: block;
  float: right;
  margin-right: 10px;
}

img.cleft {
  display: block;
  float: left;
  margin-left: 1px;
}

img.cright {
  display: block;
  float: right;
  margin-right: 1px;
}

img.mySlides{
margin-top: 0px;
}

img.whatsup {
  display: block;
  margin-left: 10px;
  min-width: 400px;
}

img.newsblock{
padding-right: 10px;
padding-bottom: 10px;
}

/* Classes */

.topbar{
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
}

.adbox160x600{
background-color: black;
font-family: Courier New;
font-size: 13pt;
text-align: center;
border: thin solid gray;
border-bottom: thick solid white;
height: 600px;
width: 160px;
margin-top: 15px;
margin-bottom: 15px;
}

.adboxtext a:link {
color: #000000;
text-decoration: none;
}

.adboxtext a:visited {
color: #333333;}

.adboxtext a:link:hover {
color: #b4c4d4;}

.clearall{
clear: both;
display: block;
}

.clearlft{
clear: left;
display: block;
}

.clearrght{
clear: right;
display: block;
}

.textstyle00{
text-transform: capitalize;
}

.textspace{
letter-spacing: .5px;
line-height: 110%;
margin: 7px;
}

.boldit{
font-weight: bold;
}

.borderthick00{
border: thin solid;
}

.borderthick01{
border: medium solid;
}

.borderthick02{
border: thick solid;
}

/*  Headings  */

.heading{
font-family: Arial;
font-size: 18pt;
font-weight: bold;
letter-spacing: 1px;
line-height: 22pt;
text-decoration: underline;
}

.heading002{
font-family: Arial;
font-size: 15pt;
font-weight: bold;
letter-spacing: 1px;
line-height: 17pt;
text-decoration: underline;
}

.heading007 {
font-size: 16pt;
font-weight: bold;
color: #F8F8FF;
background-color: #131111;/*themecolour4;*/
padding-top: 3px;
padding-bottom: 8px;
padding-left: 5px;
letter-spacing: 3pt;
margin-bottom: 5px;
}

.heading1b {
display: inline;
font-size: 10pt;
font-weight: bold;
color: #000000;
border-bottom: thick solid black;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
letter-spacing: 3pt;
margin-bottom: 5px;
}

.titlebox{
background-color: black;
width: 100%;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 10px 0px 10px 0px;
/*border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;*/
}

.center {
margin-left: auto;
margin-right: auto;
display: block;
}

.titleboxbb{
text-align: center;
background-color: #F0F8FF;
width: 75%;
margin-top: 3px;
margin-bottom: 20px;
padding: 10px 3px 10px 23px;
border: thin solid black;
border-radius: 10px 10px;
margin-left: auto;
margin-right: auto;
}

.titleboxpl{
text-align: center;
background-color: #E4E4E4;
width: 75%;
margin-top: 3px;
margin-bottom: 20px;
padding: 10px 3px 10px 23px;
border: thin solid black;
border-radius: 10px 10px;
margin-left: auto;
margin-right: auto;
}

.titleboxnut{
text-align: center;
background-color: #00008B;
width: 75%;
margin-top: 3px;
margin-bottom: 20px;
padding: 7px 3px 7px 3px;
border: thin solid white;
border-radius: 10px 10px;
margin-left: auto;
margin-right: auto;
}

.blurb{
background-color: black;
color: white;
font-family: Palatino;
font-style: italic;
font-weight: normal;
}

.salutation{
font-family: Verdana;
font-size: 13pt;
font-style: italic;
font-weight: bold;
}

.divider00{
border-color: blue;
border-width: medium;
border-style: dashed;
padding: 10px;
}

/* -------------------  */

/* Product Image Frames */

img.left {
float: left;
height: auto;
display: block;
margin: 9px;
padding: 15px;
border: thin solid olive;
border-radius: 15px 15px;
} 

img.right {
float: right;
height: auto;
display: block;
margin: 9px;
padding: 15px;
border: thin solid olive;
border-radius: 15px 15px;
} 

div.imagel { 
float: left;
height: auto;
display: block;
margin: 9px;
padding: 15px;
border: thin solid olive;
border-radius: 15px 15px;
margin: 1em 2;
text-align: center;
}


div.imagel200 { 
float: left;
width: 200px;
height: auto;
display: block;
margin: 9px;
padding: 15px;
border: thin solid olive;
border-radius: 15px 15px;
margin: 1em 2;
text-align: center;
}


div.imager {
float: right;
height: auto;
display: block;
margin: 9px;
padding: 15px;
border: thin solid olive;
border-radius: 15px 15px;
margin: 1em 2;
text-align: center;
}


div.imager200 { 
float: right;
width: 200px;
height: auto;
display: block;
margin: 9px;
padding: 15px;
border: thin solid olive;
border-radius: 15px 15px;
margin: 1em 2;
text-align: center;
}

/*    Background Colors    */

.bckgrnd00{
background-color: #060132;
}

.bckgrnd01{
background-color: #540b0b;
color: white;
}

.bckgrnd02{
background-color: #a76f03;
color: white;
}

/*  CSS Social Buttons  */

.fa {
  padding: 5px;
  font-size: 10px;
  color: white;
  width: 25px;
  height: 22px;
  text-align: center;
  text-decoration: none;
  margin: 0px 2px;
  border-radius: 10%;
}

.fa:active{
color: white;
text-decoration: none;
}
.fa:link{
color: white;
text-decoration: none;
}
.fa:visited{
color: white;
}
.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-envelope-o {
  background: #1E90FF;
  color: white;
}

.fa-home {
  color: white;
  padding: 1px;
  margin: 0px;
}


/*  CSS Social Block  */

.socialtext{
font-family: Verdana;
font-size: 16pt;
font-weight: bold;
font-style: italic;
text-transform: capitalize;
text-align: center;
}

.socialbox{
color: white;
width: 345px;
margin-left: auto;
margin-right: auto;
background-color: Transparent;
}

.socialblock{
width: 295px;
height: 25px;
background-color: Transparent;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.fb-like{
float: left;
background-color: Transparent;
width: 70px;
display: inline;
margin-top: 2px;
margin-left: 3px;
}

.twitter-follow{
float: left;
background-color: Transparent;
width: 70px;
display: inline;
margin-top: 3px;
margin-left: 3px;
}

.pinterest-follow-top{
float: left;
background-color: Transparent;
width: 130px;
display: inline;
margin-top: 2px;
}

.pinterest-follow{
float: left;
background-color: Transparent;
width: 130px;
display: inline;
margin-top: 0px;
}


/* Padding & Margins  */


.margin2{
margin: 2px;
}

.margin5{
margin: 5px;
}

.marginlr5{
margin-left: 5px;
margin-right: 5px;
}

.margin10{
margin: 10px;
}

.margin15{
margin: 15px;
}

.margintb5{
margin-top: 5px;
margin-bottom: 5px;
}

.margintb10{
margin-top: 10px;
margin-bottom: 10px;
}

.margintb15{
margin-top: 15px;
margin-bottom: 15px;
}

.margintb25{
margin-top: 25px;
margin-bottom: 25px;
}

.padding2{
padding: 2px;
}

.padding5{
padding: 5px;
}

.padding10{
padding: 10px;
}

.padding15{
padding: 15px;
}

.paddingtb5{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}

.paddingtb15{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}

.paddingtb2515{
padding-top: 25px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}

.paddingtp25{
padding-top: 25px;
}

/*    Text Properties    */

.textcolor000{
color: DarkRed;
font-weight: bold;
}

.textcolor001{
color: darkBlue;
font-weight: bold;
}

.textcolor002{
color: DarkGreen;
font-weight: bold;
}

 .textright{
 text-align: right;
 }

.R6{
font-size: 9pt;
font-weight: bold;
}

.R7{
font-size: 8pt;
font-weight: normal;
}

/*   Footer   */

ul.footerlist{
padding-left: 4px;
list-style-image: url(../../../ms-data/components/mechanix-bullit-1.jpg);
text-align: left;
}

.footerbar  {
border-top: thin solid black;
}

.footertext {
color: black;
font-family: Verdana,Geneva,sans-serif;
font-size: 12pt;
font-weight: 100;
text-transform: capitalize;
text-decoration: none;
}

.footertext:active{
color: black;
text-decoration: none;
}

.footertext:link{
color: black;
text-decoration: none;
}

.footertext:visited{
color: black;
}

.footertext:hover {
    opacity: 0.7;
}


/* -------------------  */


span.b1 {color: white;font-family: Courier New, Courier, Monospace;font-weight: bold;font-size: 12pt; }
span.b2 {color: white;font-family: Courier New, Courier, Monospace;font-weight: bold;font-size: 15pt; }
span.b3 {text-transform: capitalize;}
span.b4{font-family: Verdana; font-size: 20pt; font-weight: bolder; color: white;line-height: 26pt}
span.b5{font-family: Verdana; font-size: 12pt; color: yellow;}


span.c1 {color: #FFFFFF; font-weight: bold; font-size: 10pt}
span.c1 a:link {
   color: #FFFFFF;
}
span.c1 a:visited {
   color: #FFFFFF;
}
span.c1 a:link:hover {
	color: #FF0000;
}

span.c2 {color: #FFFFFF; font-weight: bold; font-size: 12pt}

.centertext{
background-color: #D3D3D3;/*themecolour1$ 52.9%, 61.2%;*/
padding-left: 15px;
padding-right: 15px;
border: 1px solid #1c262f;/*themecolour1$ -12.7%, -61.9%;*/
}

.centertext a:link{
color: #FFFF00;
text-decoration: none;
}

.centertext a:visited{
color: #F5DEB3;
}

.centertext a:link:hover{
color: #ff6b00;
}



/*   Tables   */

table.pure{
width: 90%;
margin-left: auto;
margin-right: auto;
border: 1px solid white;
border-top-left-radius: 15px 15px;
border-top-right-radius: 15px 15px;
margin-bottom: 25px;
}

th.pure{
color: white;
font-weight: bold;
background-color: #060132;
border: 1px solid white;
}

tr.pure{
color: white;
font-weight: bold;
background-color: Black;
}

tr.purespace{
background-color: transparent;
}

td.pure250{
text-align: left;
padding-left: 10px;
padding-bottom: 4px;
width: 250px;
border: 0.5px solid white;
}

td.pure{
text-align: left;
padding-left: 10px;
padding-bottom: 4px;
border: 0.5px solid white;
}

td.pure01{
background-color: #060132;
text-align: left;
padding-left: 10px;
padding-bottom: 4px;
border: 0.5px solid white;
}

td.purespace{
height: 15px;
display: block;
}


table.routine2{
background-color: transparent;
border: 1px solid black;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
margin-left: 5px;
}

th.routine2{
background-color: #A70F0F;
color: white;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-bottom: medium solid black;
margin-top: 3px;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
}

td.routine2{
text-align: left;
border: thin solid black;
margin-bottom: 2px;
padding-left: 5px;
padding-bottom: 2px;
}

table.routine3{
float: right;
background-color: transparent;
border: 1px solid black;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
margin-left: 15px;
margin-right: 10px;
}

th.routine3{
background-color: #228B22;
color: white;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-bottom: medium solid black;
margin-top: 3px;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
}

tr.routine3{
background-color: #d0fecb;
}

td.routine3{
text-align: left;
border: thin solid black;
margin-bottom: 2px;
padding-left: 5px;
padding-bottom: 2px;
}

table.routine4{
background-color: transparent;
border: 1px solid black;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
margin-left: auto;
margin-right: auto;
}

th.routine4{
background-color: #393939;
color: white;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-bottom: medium solid black;
margin-top: 3px;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
}

tr.routine4{
background-color: #D3D3D3;
}

td.routine4{
text-align: left;
border-bottom: thin solid black;
border-left: thin solid black;
border-right: thin solid black;
margin-bottom: 2px;
padding-left: 5px;
padding-bottom: 2px;
}

table.workout{
background-color: transparent;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}


table.mealplan{
background-color: transparent;
border: 1px solid black;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
margin-left: auto;
margin-right: auto;
}

th.mealplan{
background-color: #393939;
color: white;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-bottom: medium solid black;
margin-top: 3px;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
}

tr.mealplan{
background-color: #D3D3D3;
}

td.mealplan{
text-align: left;
border-bottom: thin solid black;
border-left: thin solid black;
border-right: thin solid black;
margin-bottom: 2px;
padding-left: 5px;
padding-bottom: 2px;
}