.Clear { clear: both; }
body {	margin: 0px; 	padding: 0px; 	background-color: #FFFFFF; 	background-repeat: repeat-x;	background-image: url(../Images/Background-Silver-Body.gif); ,background-color: #EEEEEE; }
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%; }

#Video {	display: block; margin: 0px auto 30px auto; width: 100%; position: relative;	height: 0px; 	background-color: #000000; padding-bottom: 56.25%; /* 16:9 */}
#Video iframe {	 position: absolute;	top: 0px;	left: 0px;	width: 100%;	height: 100%; }

#ContactForm { width: 100%; max-width: 330px; margin: 0px 0px 20px 0px; }
#FirstNameBox, #LastNameBox, #EmailBox, #PhoneBox, #ContactPreferenceBox, #CommentBox { display: block; width: 100%; margin: 0px 0px 15px 0px; font-family: arial, helvetica, san-serif; font-size: 14px; } 
#FirstName, #LastName, #Email, #Phone, #ContactPreference { width: 100%; height: 24px; font-family: arial, helvetica, san-serif; font-size: 13px; color: #666666; margin: 4px 0px 0px 0px; }
#Comment { width: 100%; font-family: arial, helvetica, san-serif; font-size: 13px; color: #666666; margin: 4px 0px 0px 0px; }

#CaptchaBoxLeft { display: inline-block; float: left; font-size: 14px; width: 180px; margin-bottom: 15px; }
#CaptchaBoxLeft input { width: 130px; height: 24px; font-size: 16px; color: #000000;} 
#CaptchaBoxRight { display: inline-block; float: left; font-size: 13px; line-height: 16px; width: 150px; margin-bottom: 15px; text-align: center; }

.FloatRight { display: block; float: right; margin: 0px 0px 10px 15px; border: 0px; width: 300px; clear: right; }

/* =================================== */

#Social { display: table; width: 300px; height: auto; padding: 0px; margin: 0px 0px 15px 0px; clear: both; }
.Shares { 	display: table-cell; float: left; 	width: auto;	min-width: 120px; margin: 0px 15px 0px 0px; padding: 10px 15px 0px 0px; 	color: #CC0000; 	text-align: center; 	font-family: arial, helvetica, san-serif; 	font-size: 18px; 	line-height: 22px; 	border-right-width: 1px; 	border-right-style: solid; 	border-right-color: #D7D7D7; cursor: pointer; }
.Shares b {	font-size: 58px;	line-height: 44px; 	letter-spacing: -4px; }
.SocialButtons { display: table-cell; vertical-align: middle; text-align: left; }
.BtnFacebook, .BtnTwitter, .BtnGoogle, .BtnAdd2Any { display: inline-block; float: left; width: 30px; height: 30px; margin: 0px 7px 0px 0px; cursor: pointer; }
.BtnFacebook { background-color: #29447E; }
.BtnTwitter { background-color: #00ACEE; }
.BtnGoogle { background-color: #cd3c28; }
.BtnAdd2Any { background-color: #F8694D; }
.BtnFacebook div:nth-child(1), .BtnTwitter div:nth-child(1), .BtnGoogle div:nth-child(1), .BtnAdd2Any div:nth-child(1) { display: inline-block; float: left; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; }	
.BtnFacebook div:nth-child(1) { background-image: url(../Images/Icon-Facebook-White.svg); }
.BtnTwitter div:nth-child(1) { background-image: url(../Images/Icon-Twitter-White.svg); }
.BtnGoogle div:nth-child(1) { background-image: url(../Images/Icon-Google-White.svg); }
.BtnAdd2Any div:nth-child(1) { background-image: url(../Images/Icon-Add2Any-White.svg); }
.BtnFacebook div:nth-child(2), .BtnTwitter div:nth-child(2), .BtnGoogle div:nth-child(2), .BtnAdd2Any div:nth-child(2) { display: none; float: left; padding: 9px 10px 0px 5px; width: auto; font-family: arial, helvetica, san-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; line-height: 12px; }


/* =================================== */

#Container { display: block; margin: 0px auto; width: 100%; min-width: 260px; max-width: 768px; background-color: #FFFFFF; }
#Content { padding: 15px; }
#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; }
#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; }

@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; }
#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; }

#Social { width: auto; }
.BtnFacebook, .BtnTwitter, .BtnGoogle, .BtnAdd2Any { width: auto; margin: 0px 5px 5px 0px; }
.BtnFacebook div:nth-child(2), .BtnTwitter div:nth-child(2), .BtnGoogle div:nth-child(2), .BtnAdd2Any div:nth-child(2) { display: inline-block; }
#Search { margin: 15px auto 0px auto; }
#Headline { font-size: 46px; line-height: 52px; }
}

@media (max-width: 500px) {
.FloatRight { display: block; float: none; text-align: center; margin: 0px auto 10px auto; border: 0px; }
}