body, html  {
  margin: 0px;
  padding: 0px;
  min-width: 400px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

body {
/*  background-image: url(../ms-data/metal069.png);  */

background-image: url(../ms-data/metal007.jpg);
background-position: 0% 0%;
background-repeat: repeat;
font: normal normal normal 13pt/15pt Verdana,Geneva,sans-serif;
letter-spacing: normal;
color: black;
}

/*
a:active{
color: white;
text-decoration: none;
}
a:link{
color: white;
}
a:visited{
color: yellow;
}
a:hover{
color: #00ff40;
font-weight:bold;
}
*/


/* ID's */

#body-container
{
background-color: transparent;
}

#image {  
display: block;  
margin-left: auto;  
margin-right: auto;  
border: 8px ridge blue;  
padding: 5px;  
}  

header {
background-image: url(../ms-data/040120-musclesports_header_Image6.png);
background-repeat: no-repeat;
/*background-size: cover;*/
background-size: 100% 100%;
height: 100px;
}

footer  {
border-top: thin solid black;
}

div.center {
  margin-left: auto;
  margin-right: auto;
}

h1.byline{
font-size: 12pt;
}


h1.articleheader{
font-family: Sans-Serif;
font-size: 27pt;
font-style: italic;
font-weight: bold;
letter-spacing: 1px;
line-height: 31pt;
}

h1.pname{
font-weight: bold;
letter-spacing:2px;
line-height: 115%;
text-decoration:underline;
}

h1.portrait{
font-size: 14pt;
font-weight: bold;
letter-spacing:1.5px;
line-height: 115%;
text-decoration:none;
}

h1.supplement{
font-size: 14pt;
font-weight: bold;
letter-spacing:2px;
line-height: 115%;
text-decoration:underline;
margin: 0px;
}

h1.space{
line-height: 115%;
}

h2.header00{
font-size: 16pt;
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: 16pt;
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.header00{
font-size: 15pt;
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;
}

h3.header01{
font-size: 15pt;
font-weight: bold;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
line-height: 110%;
letter-spacing: 2pt;
margin-bottom: 5px;
border-bottom: 5px solid red;
}

h4.header01{
font-size: 13pt;
font-weight: bold;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
line-height: 110%;
letter-spacing: 2pt;
margin-bottom: 5px;
border-bottom: 5px solid red;
}

h5.header01{
font-size: 11pt;
font-weight: bold;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 5px;
line-height: 110%;
letter-spacing: 2pt;
margin-bottom: 5px;
border-bottom: 5px solid red;
}

/* Elements */

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.middle {
  display: block;
  margin: auto;
}

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;
}

ul.footerlist{
padding-left: 2px;
list-style-image: url(../ms-data/components/mechanix-bullit-1.jpg);
font-size: 12pt;
text-align: left;
}

/* Classes */

.boldit{
font-weight: bold;
}

.ctext{
text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearall{
clear: both;
}
.container{
width: 100%;
height: 230px;
padding: 5px;
overflow:scroll;
overflow-y:auto;
background-color: fuchsia;
display: list-item;
}

.adbox000{
max-width: 700px;
min-width: 350px;
padding: 5px;
display: block;
margin-left: auto;
margin-right: auto;
}

.Fillbox1{
background-image: url(../images/muscleshop-300x100.png);
display: block;
width: 300px;
height: 100px;
}
 
.footerpanel {
background-image: url(../ms-data/040120-musclesports_header_Image6.png);
background-repeat: no-repeat;
/*background-size: cover;*/
background-size: 100% 100%;
height: 100px;
}

.topbar{
padding-right: 25px;
}

.topbar2{
display: block;
margin-left: auto;
margin-right: auto;
font-size: 11pt;
}

.multi{
list-style-image: url(../ms-data/components/multi-bullit.jpg);
list-style-position: outside;
}

.bckgrnd_scfi01 {
background-image: url(../ms-data/hdr-ftr-bckgrnd-00.png);
}

.bckgrnd_scfi02 {
background-image: url(../ms-data/hdr-ftr-bckgrnd-01.png);
}

.bckgrnd_scfi03 {
background-image: url(../ms-data/metal000.jpg);
}

.bckgrnd_bwave{
background-image: url(../ms-data/bckgrnd000.jpg);
}

.bckgrnd_wpebbles{
background-image: url(../ms-data/bckgrnd001.jpg);
}

.bckgrnd_gwave{
background-image: url(../ms-data/bckgrnd002.jpg);
}

.bckgrnd_dpebbles{
background-image: url(../ms-data/bckgrnd003.jpg);
}

.bckgrnd_news2{
background-image: url(../ms-data/backgrnd_News2.jpg);
}

.bckgrnd_news3{
background-image: url(../ms-data/backgrnd_News3.jpg);
}

.bckgrnd_news4{
background-image: url(../ms-data/news-paper-drk.jpg);
}

.bckgrnd_news5{
background-image: url(../ms-data/news-paper-lgt.jpg);
}

.bckgrnd_stone1{
background-image: url("../ms-data/stone.jpg");
}

.bckgrnd_metal009{
background-image: url(../ms-data/metal009.jpg);
}

.bckgrnd_metal7d{
background-image: url("../ms-data/metal007D.jpg");
}

.bckgrnd_action1{
background-image: url("../images/action1B-bckgrnd.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}

.bckgrnd_action2{
background-image: url("../images/action2-bckgrnd.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}

.bckgrnd_action3{
background-image: url("../images/action3-bckgrnd.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}

.bckgrnd_action4{
background-image: url("../images/action4-bckgrnd.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}

.bckgrnd_info{
background-image: url(../images/info-pages2.jpg);
}

.bckgrnd_info2{
background-image: url(../images/info-pages3.jpg);
}

.bckgrnd_polysty{
background-image: url(../ms-data/polysty.jpg);
}

.bckgrnd_blktowht{
background-image: url(../images/bckgrnd-blk-wht.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}

.bckgrnd_blktowhttxt{
background-image: url(../images/bckgrnd-blk-wht-txt.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}

/*  Text Properties  */

.toptext{
font-family: Verdana,Geneva,sans-serif;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
}

.textspace{
line-height: 120%;
letter-spacing: 1px;
}

.embolden1{
font-weight: bold;
}

.tdnone{
text-decoration: none;
}

.capit{
text-transform: capitalize;
}


/*  Header Display Boxes  */

.headbox1 {
background-color: yellow;
text-align: center;
width: 59%;
margin: 3px 2px 1px 5px;
}

.headbox2 {
background-color: blue;
text-align: center;
width: 39%;
margin: 3px 2px 1px 5px;
}

.heading003 {
display: block;
width: 100%;
font-size: 11pt;
font-weight: bold;
color: black;
text-align: center;
text-decoration: none;
padding-top: 2px;
padding-bottom: 3px;
letter-spacing: 3pt;
margin-top: 5px;
margin-left: Auto;
margin-right: Auto;
border-top-left-radius: 35px 45px;
border-top-right-radius: 35px 45px;
background-color: #FFFFFF;
}

.subheading003 {
display: block;
width: 100%;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
text-align: center;
text-decoration: none;
padding-top: 2px;
padding-bottom: 3px;
letter-spacing: 3pt;
margin-top: 5px;
margin-left: Auto;
margin-right: Auto;
background-color: black;
border-bottom: 1px solid white;
}

.byline {
font-family: Arial Verdana;
font-size: 11pt;
font-weight:bold;
}

.header00{
font-size: 13pt;
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;
}

.middletext {
text-align: center;
letter-spacing: 3pt;
line-height: 120%;
vertical-align: middle;
}

.sizetext00{
font-size: 9pt;
font-weight: bold;
}

.sizetext01{
font-size: 11pt;
font-weight: bold;
}

.sizetext02{
font-size: 13pt;
font-weight: bold;
text-align: center;
}

/*  CSS Social Block  */

.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;
height: 30px;
display: inline;
margin-top: 2px;
margin-left: 3px;
}

.twitter-follow{
float: left;
background-color: Transparent;
width: 70px;
height: 30px;
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;
height: 30px;
display: inline;
margin-top: 0px;
}

.googleplus-follow{
float: left;
background-color: Transparent;
width: 130px;
height: 30px;
display: inline;
margin-top: 0px;
}


/* -------------------  */


/*  CSS Social Buttons  */

.fa {
  padding: 1px 3px 1px 3px;
  font-size: 8pt;
  color: white;
  width: 10px;
  height: 12px;
  text-align: center;
  text-decoration: none;
  margin: 3px 2px;
  border-radius: 15%;
}

.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-home {
  color: white;
  padding: 1px;
  margin: 0px;
}

.fa-bars {
  background: transparent;
  color: black;
  padding: 0px;
  margin: 0px;
}

.fa2 {
  padding: 1px 3px 1px 3px;
  font-size: 8pt;
  color: white;
  width: 10px;
  height: 12px;
  text-align: center;
  text-decoration: none;
  margin: 3px 2px;
  border-radius: 15%;
}

.fa2:active{
color: white;
text-decoration: none;
}
.fa2:link{
color: white;
text-decoration: none;
}
.fa2:visited{
color: white;
}
.fa2:hover {
    opacity: 0.7;
}

.fa-facebook2 {
  color: white;
}

.fa-twitter2 {
  color: white;
}

.fa-google2 {
  color: white;
}

.fa-youtube2 {
  color: white;
}

.fa-instagram2 {
  color: white;
}

.fa-pinterest2 {
  color: white;
}

.fa-home2 {
  color: white;
  padding: 1px;
  margin: 0px;
}



.margin-5{
margin-top: 5px;
margin-bottom: 5px;
}

.margin-15{
margin-top: 15px;
margin-bottom: 15px;
}

.margintb5{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}

.margintb15{
display: block;
margin-top: 5px;
margin-bottom: 10px;
}

.margin3{
display: block;
margin: 3px;
}

.margin3b{
margin: 3px;
}

.margin5{
display: block;
margin: 5px;
}

.margin10{
margin: 10px;
}

.margin15{
margin: 15px;
}

.marginbot5{
margin-bottom: 5px;
}

.marginbot15{
margin-bottom: 15px;
}

.margintb25{
margin: 25px 0px 25px 0px;
}

.margintb515{
margin-top: 5px;
margin-bottom: 15px;
}

.padding0{
padding: 0px;
}

.padding5{
padding: 5px;
}

.padding10{
padding: 10px;
}

.padding15{
padding: 15px;
}

.padright10{
padding-right: 10px;
}

.paddingtb5{
padding: 5px 0px 0px 0px;
}

.paddingtb20{
padding: 20px 0px 20px 0px;
}

.textright{
 text-align: right;
 }

/*  Article Listing  */

.art1 {
text-indent: 5px;
font-size: 12pt;
letter-spacing: 1px;
line-height: 13pt;
color: black;
text-align: left;
}

.art1 a:link{
color: black;
text-decoration: none;
}

.art1 a:visited{
color: red;
}

.art1 a:hover {
color: blue;
opacity: 0.7;
}


/*  Article Pages Section*/

ul.vertnav{
list-style-type: none;
background-color: transparent;
padding-left: 0px;
}

ul.vertnav li{
background-color: #000000;
font-family: Palatino;
font-weight: bold;
color: white;
width: 100%;
height: 30px;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 5px;
border: thin solid white;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}

ul.vertnav li:hover{
background-color: #f0f0f0;
color: black;
}


ol.olisting{
font-size: 8pt;
padding-left: 10px;
}

h2.headliner{
font-family: Verdana;
font-size: 15pt;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}

/* Article  Nav Buttons   */

a.vertbutt00 {
display:block;
color: white;
background-color: #434343;
/*background-image: url(../ms-data/components/btn-bckgrnd-dblue-00.png);*/
width: 250px;
height: 25px;
text-align: left;
vertical-align: middle;
text-indent: 10px;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
margin-top: 3px;
margin-bottom: 3px;
}

a:hover.vertbutt00 {
color: #FFFF00;
}




/*  Tag Buttons  */

.tag1 {
text-indent: 5px;
font-size: 9pt;
letter-spacing: .75px;
line-height: 11pt;
color: black;
text-align: left;
}

.tag1 a:link{
color: black;
text-decoration: none;
}

.tag1 a:visited{
color: black;
}

.tag1 a:hover {
color: blue;
opacity: 0.7;
}


/*  W3 VNav Buttons  */

.w3VNav {
font-size: 9pt;
letter-spacing: 1.0px;
line-height: 13pt;
color: black;
text-align: left;
}

.w3VNav a:link{
color: black;
text-decoration: none;
}

.w3VNav a:visited{
color: black;
}


/*   Product Display Box  */

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 400px;
  margin: auto;
  text-align: center;
  font-family: arial;
  border-radius: 5px 5px;
  padding-top: 15px;
}

.suppname{
  font-size: 12pt;
  font-weight: bold;
  padding: 4px 0px 2px 0px;
}

.price {
  color: grey;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card button:hover {
  opacity: 0.7;
}

.slider {
  min-width: 400px;
  max-width: 1550px;
  height: 360px;
  display: flex;
  overflow-x: auto;
}
.slider2 {
  min-width: 400px;
  height: 340px;
  display: flex;
  overflow-x: auto;
}
.slide {
  width: 220px;
  flex-shrink: 0;
  height: 100%;
  margin: 0px 3px 0px 3px;
}



/*  Community  */

.co {
  padding: 5px;
  font-size: 10px;
  color: white;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 15%;
}

.co:active{
color: white;
text-decoration: none;
}
.co:link{
color: white;
text-decoration: none;
}
.co:visited{
color: white;
}
.co: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 {font-weight: bold; text-transform: capitalize;}
span.b4 {color: black;font-family: Courier New, Courier, Monospace;font-weight: bold;font-size: 15pt; }

span.c1 {color: #FFFFFF; font-weight: bold; font-size: 10pt; line-height: 120%; letter-spacing: 1px;}
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; line-height: 120%; letter-spacing: 1px;}

span.c3 {color: #FFFFFF; font-weight: bold; font-size: 10pt; line-height: 120%; letter-spacing: 1px;}
span.c3 a:link {
   color: #FFFFFF;
}
span.c3 a:visited {
   color: #FFFFFF;
}
span.c3 a:link:hover {
	color: #FF0000;
}

span.c4 {color: #FFFFFF; font-weight: bold; font-size: 10pt; line-height: 120%; letter-spacing: 1px;}
