/*
#Promo,
#Headline,
#Article,
#ProductBlock,
#Disclaimer { background-color: #EEEEEE; }
*/

.Clear { clear: both; }
body { margin: 0px; padding: 0px; }
div { font-family: 'Open Sans',arial, helvetica, san-serif; font-size: 16px; line-height: 22px; color: #333333; }
a { color: #3366cc; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; max-height: 100%; }

#Container { display: block; margin: 0px auto; width: 100%; min-width: 260px; max-width: 768px; background-color: #FFFFFF; }
#Content { padding: 15px; }
#Promo { display: block; margin: 0px auto 30px auto; width: 100%; height: auto; cursor: pointer; text-align: center; }
#Headline { display: block; margin: 0px auto 30px auto; width: 100%; }
#Headline h1 { letter-spacing: -1px; font-family: 'Roboto', arial, helvetica, san-serif; font-size: 30px; line-height: 34px; color: #000000; font-weight: 900; margin: 0px 0px ; }
#Article { display: block; margin: 0px auto 30px auto; width: 100%; color: #666666; clear: both; }
#Article h2 {	letter-spacing: -1px; font-family: 'Roboto', arial, helvetica, san-serif; font-size: 24px; line-height: 28px; color: #000000; font-weight: 900; }
#HealthRanger { display: block; float: left; width: 85px; min-height: 85px; height: auto; margin: 0px 15px 10px 0px; }
#ProductBlock { display: block; float: none; margin: 0px auto 30px auto; width: 100%; }
.Product, .SingleProduct { display: block; width: 90%; max-width: 392px; margin: 0px auto 20px auto; padding: 10px; text-align: center; background-color: #EEEEEE; border: 1px solid #CCCCCC; }
.MR40 { margin: 0px auto 20px auto; }
.Product h2, .SingleProduct h2 {	font-size: 17px; line-height: 21px; color: #000000; font-weight: 800; }
.Sale { color: #ff0000; }
#Disclaimer { display: block; width: 85%; font-size: 12px; line-height: 14px; color: #999999; text-align: center; padding: 0px 0px 15px 0px; margin: 0px auto; }
.Callout { display: block; width: 75%; float: none; margin: 30px auto; padding: 28px 0px 28px 0px; font-size: 20px; line-height: 24px; color: #cc3300; text-align: center; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.Callout img { max-width: 75px; }

@media (min-width: 1000px) {
body { margin: 0px; padding: 0px; }
#Container { width: 920px; max-width: 920px; padding: 40px; margin: 15px auto; }
#Content { padding: 0px; }
#Headline h1 { letter-spacing: -2px; font-size: 40px; line-height: 44px; }
.Product { display: inline-block; float: left; width: 418px; max-width: 418px; min-height: 440px; margin: 0px 0px 40px 0px; }
.SingleProduct { display: block; width: 418px; max-width: 418px; min-height: 440px; margin: 0px auto 40px auto; clear: both; }
.MR40 { margin: 0px 40px 40px 0px; }
#Promo { width: 920px; height: 350px; }
#HealthRanger { width: 150px; min-height: 150px; }
.Callout { width: 300px; float: right; margin: 0px 0px 30px 30px; padding: 28px 0px 0px 30px; font-size: 26px; line-height: 30px; border-left: 1px solid #CCCCCC; border-top: 0px none; border-bottom: 0px none; }
.Callout img { max-width: 100px; }
}