body {
width: 100%;
position: relative;
margin: auto;
padding: 0;
background-color: silver;
font-family: Open Sans, arial, sans-serif;
font-size: 14px;
height: 100%;
}

h1 {
margin-bottom:0px;
margin-top:0px;
}
h2 {
margin-bottom:0px;
margin-top:0px;
}
h3 {
margin-bottom:0px;
margin-top:0px;
}
h4 {
margin-bottom:0px;
margin-top:0px;
}

#container {
margin: 0 auto;
padding: 0;
background-color: #fff;
width: 980px;
box-shadow: 2px 2px 10px 2px #888888;
padding-left: 25px;
padding-right: 25px;
}

#header {
background-color: #FFFFFF;
width: 100%;
padding-bottom: 15px;
padding-top: 10px;
}
#topbar {
width: 100%;
}
.phone {
float:right;
margin-right: 15px;
text-align: right;
font-size: 12px;
}

.logo a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 3em;
color: #2E3639;
}
.logo {
text-decoration: none;
padding-left: 15px;
}
#nav {
width: 100%;
margin-top: 15px;
background-color: #2E3639;
color: white;
font-family: Open Sans, arial, sans-serif;
font-weight: bold;
font-size: 14px;
display: -moz-inline-box;
}



.navlink {
padding-left:15px;
padding-right: 15px;
display: -webkit-inline-box;
    *display: inline;
padding-top: 10px;
padding-bottom: 10px;
border-right: 1px solid #444;
text-transform: uppercase;
}
.navlink a{
text-decoration:none;
    color:white;
}


#main {
margin: 0 auto;
padding: 0;
background-color: #fff;
width: 980px;
display: inline-block;
    *display: inline;
padding-bottom: 25px;
    padding-top:10px;
}
#content-left {
width: 70%;
float: left;
padding-left: 15px;
padding-right: 15px;

}

#product-left {
width: 100%;
float: left;
margin-bottom: 35px;
padding-right: 5px;
border: solid 1px gray;
padding-bottom: 15px;
}

#product {
width: 100%;
}
#ratings-box {
width: 100%;
padding:5px;
}
.product-title {
background-color: #2E3639;
font-weight: bold;
color: white;
width: 100%;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.product-pic {
width: 25%;
float: left;
}
.percentage {
font-weight:bold;
color: green;
font-size: 18px;
}
.learn {
font-weight:bold;
color:white;
text-transform: uppercase;
background-color: green;
padding: 5px;
width: 100px;
border-radius:3px;
text-align:center;
}
.learn a {
color:white;
    text-decoration: none;
}
.product-desc {
width: 48%;
float: left;
}
.product-rating {
width: 25%;
float: left;
}



#inner-page-content {
margin-right: 170px;
}


#content-right {
float: right;
width: 25%;
padding-right: 15px;
}
.box {
border: solid 1px gray;
width: 100%;
margin-bottom: 10px;
}
.widget-title {
background-color: #2E3639;
color: white;
text-transform: uppercase;
font-weight: bold;
padding: 5px;
}
.box-content {
padding: 5px;
display: inline-block;
}

#footer {
width: 100%;
background-color: #2E3639;
}
.policy {
width: 75%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
color: white;
font-size: 10px;
text-align: center;
}


/********************************************
	Charts
********************************************/

#chart {
width:100%;
}
#title {
width:100%;
display:-webkit-inline-box;
background-color:#2E3639;
color:white;
padding-top:15px;
padding-bottom:15px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.ingredients {
width:21%;
padding-left:15px;
}
.study {
width:55%
}
.amounts {
width:20%;text-align:center;
}
#section {
width:100%;
display:-webkit-inline-box;
padding-top:20px;
}






.ingredient {
width:21%;
    padding-left:10px;
    font-weight:bold;
}
.studies {
width:55%;
}
.amount {
width:20%;
text-align:center;
color:green;
font-weight:bold;
}
.updated {
font-size:10px;
font-style:italic;
float:right;
padding-top:10px;
}



.product-one {
 border: solid 3px green;
    border-radius: 5px;
    width: 30% !important;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#nav {
display: inline-flex;
}
    #title {
        display: inline-flex;
    }
    #section {
        display: inline-flex;
    }
    #choices {
        display: inline-flex;
    }
}



@-moz-document url-prefix() {
#section:not(:-moz-handler-blocked)  {
float:left;
}
}
@-moz-document url-prefix() {
.ingredient {
float:left;
}
}
@-moz-document url-prefix() {
.study {
float:left;
}
}
@-moz-document url-prefix() {
.amounts {
float:left;
}
}

@-moz-document url-prefix() {
.ingredients{
float:left;
}
}
@-moz-document url-prefix() {
.studies {
float:left;
}
}
@-moz-document url-prefix() {
.amount {
float:left;
}
}
@-moz-document url-prefix() {
#chart {
    display: -moz-groupbox;
}
}



@-moz-document url-prefix() {
#choices {
    display: -moz-box;
}
}

@-moz-document url-prefix() {
.product-one {
    width: 170px !important;
}
}