/* css used on all sites in every language */
body {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	position: relative;
	color: #666;
}
#wrapper {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;
}
h1 {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	color: #1f2a44;
	margin-top: 3px;
	clear: left;
}
h1 sup {
	font-size: 60%;
}
h2 {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	color: #1f2a44;
	clear: both;
	font-size: 1.6em;
	margin-bottom: 8px;		
}
h2.info { 
	padding-left: 3px;
	border-bottom: 1px solid #1f2a44;
}
h2 img {
	vertical-align: middle;	
}
h3 {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	margin-bottom: 6px;
	color: #1f2a44;
	font-size: 1.3em;
}
h3.noTopMarg {
	margin-top: 0;
}
h4 {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	margin-top: 24px;
	margin-bottom: 3px;
	color: #1f2a44;
	font-size: 1.1em;
}
h4.top {
	margin-top: 12px;	
}
li {
	padding-bottom: 3px;
}
input {
	padding:2px;
	margin-bottom: 3px;
	margin-right: 3px;
	color: #666;
	font-size: 12px;
	border: 1px solid #d8d8d8;
}
.signUpForm textarea {
	border:solid 1px #d8d8d8;
}
ol.login {
	padding-left: 0;	
}
ol.login li label {
	width: 100px;
}
fieldset {
	background-image: none;
}
sub {
	font-size: xx-small;
	vertical-align: bottom;
}
sup {
	font-size: xx-small;
	vertical-align:super;
	line-height: 0;
}
p {
	line-height: 1.3em;	
}
p.textSmall sup {
	font-size:7px;
	vertical-align: top;
}

img {
	border: none;	
}
/* same link color for all sites */
a {
    color: #029feb;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #5bb4e5;
}
/* end of same link color for all sites */
a.btnTextLink, input.formSubmit, input.addCart, .signUpForm input.formSubmit, a.btnTextLinkReturn, a.editLink, a.coloredsubmit, a.coloredsubmit:link, a.coloredsubmit:active, a.coloredsubmit:visited {
	font-size: 11px;
	cursor: pointer;
	font-weight: bold;
	line-height: normal !important;
	border-radius: 4px;
	padding: 5px 10px;	
	float: right;
	text-align: center;
	z-index: 50;
	margin-bottom: 6px;
	margin-left: 3px;
	margin-right: 0;	
	background-color: #1f2a44;
	border: 1px solid #1f2a44;
	color:rgb(255,255,255);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
}
input.addCart {
	float: none;
	width: auto;
}
a:hover.btnTextLink, a:hover.btnTextLinkReturn, input.formSubmit:hover, .signUpForm input.formSubmit:hover, #shippayInfo a.editLink:hover, #regInfo a.editLink:hover, input.addCart:hover {
	background-color: #666 !important;
	border: 1px solid #666 !important;
	color: #fff;
}
a.btnTextLink.left {
    float: left;
    margin-left: 0;
}
.onelarger { 
	font-size: 120%; 
}
.twolarger { 
	font-size: 140%; 
}
.red {
	color: #ff0000;
}
.redBack {
	background-color: #ff0000; 
	color: #fff;
	padding: 3px;	
}
p.price span.redBack {	
	display: inline-block;
}
.bolder-text {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.bigBold {
	font-size: 15px;
	font-weight: bold;
}
.bigBoldI {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}
.textSmall {
	font-size: 10px;
}
.textSmaller {
	font-size: 9px;
}
.blue {
	color: #1f2a44;	
}
.grey {
	color: #666;
}
.noClear {
	clear: none;
}
.simple {
	width: 100%;
	border: none;
	margin-bottom: 12px;
}
.left-container {
	float: left;
	width: 48%;
	margin-bottom: 1em;
	padding-right: 1%;
}
.left-container a {
	color: #1f2a44;
}
.list-type-none {
	list-style-type: none;
	padding-left: 0;
	font-weight: normal;
}
.attention-text {
	background-color: #e8e8e8;
	border: 1px solid #ddd;
	padding: 0 6px;
}
.alert {
	padding: 4px 15px;
	margin-bottom: 18px;
}
.alert-important {
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;	
}
.alert-info {
	background-color: #f5f5f5;
	border: 1px solid #e9e9e9;	
}
ul.fa-ul {
	margin-top: 13px;
	margin-bottom: 13px;
}
.fa-ul li {
	padding-bottom: 0;
	line-height: 1.3;
}
.img-border {
	border: 1px solid #ddd;
	padding: 2px;
}
/*#content added to work on jQuery mobile version site*/
.event-login-btn, #content .event-login-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 10px;
	text-decoration: none;
	background-color: #1f2a44;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
}
.event-login-btn:hover, #content .event-login-btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #666;
}

.prussickDesc {
	padding-top: 18px;
}

.simple td {
	padding: 3px;
}
.simple td.countryName {
	width: 50%;	
}
.promoText {
	background-color: #ff0000;
	color: #fff;
	padding: 2px 3px;
	border: 1px solid #fff;
	font-weight: bold;
}
.textStandout {
	color: #1f2a44;
	font-weight: bolder;
}
.FrenchTM {
	font-size: 0.6em;
}
.fda, .wealthWarning {
	border: 1px solid #d8d8d8;
	background-color: #ebebeb;
	padding: 6px;
	margin-top: 6px;
	font-size: 9px;
	font-style: italic;
	clear: both;
}
.fda:before {
	content: "*";	
}
.wealthWarning {
	font-size: 11px;
	font-style: normal;
}
.label {
	display: inline;
	padding-left: 3px;
	text-decoration:underline;
	cursor: pointer;	
}
.note {
	font-size: 10px;
	margin-top: 24px;
}
.signature {
    text-align: right;
    font-size: 10px;
}
.clearAll, .clearall {
	clear: both;	
}
.label:hover {
	text-decoration: none;
		
}
ol#terms li {
	margin-bottom: 6px;	
}
ol#terms li:first-child {
	margin-top: 12px;	
}
ol.a {
	list-style-type: lower-alpha;
}
/* Header css begin */
#header {
	height: 45px;
	min-width: 980px;	
	padding: 0px;
	margin: 0px;
	background-color: #1f2a44;
}
#header img {
	border: none;	
}
.logo h1.cons, .logo h1.cust { /* We should remove h1.consEng in shared.css */
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 80px;
	margin-top: 9px;
}

#headerContainer #presentedBy {
	float: left;
	color: #FFF;
	padding-left: 12px;
	padding-top: 8px;	
}
#presentedBy p {
	margin-top: 7px;	
}
#presentedBy p, #presentedBy img {
	float: left;	
}
#presentedBy img {
	margin-left: 3px;
	margin-top: -2px;
}
#presentedBy a, #presentedBy a:hover {
	color: #fff;	
}
#presentedBy i {
	margin-top: 6px;
	margin-left: 7px;
}
#addressCard {
    float: left;
    margin-right: 8px;
}
#addressCard .fa-lg {
	font-size: 1.7em;
}
#headerContainer .headerTopLinks {
	float: right;
	height: 30px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#headerContainer .headerTopLinks a {
	margin-right: 5px;
	
}
#socialMediaHeader {
	float: left;
	/*margin-top: -3px;*/	
}
#socialMediaHeader a:hover, #presentedBy img:hover {
	opacity: 0.7;	
}
#socialMediaHeader .fa {
	color: #fff;
}
.bluePromo {
	color: #1f2a44;
	font-weight: bold;	
}
.colorPromo {
	color: #862633;
	font-weight: bold;		
}
.colorPromo:hover {
	color: #862633;	
}
#topNavLogo {	
	width: 960px;
	margin: 20px auto 10px;	
}
#searchBox {
	margin: 0;
	padding: 0px;
	float: right;
	background-color: #fff;
	width: 160px;
	background-repeat:no-repeat;
	font-size: 11px;
	color: #666;	
	position: relative;
	height: 25px;
	background: transparent;
	border: none;
}
#searchInput  {
	font-size: 11px;
	color: #666;
	background-color: #fff;
	border: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	letter-spacing: 1px;
	border-radius: 5px;
	height: 25px;
	padding-left: 10px;
	text-align: left;
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,1);
	width: 150px;
}
#searchBtn  {
	float:right;
	width:20px;
	border:none;
	padding: 0;
	margin:0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	background: transparent;
}
select::-ms-expand {
    display: none; /*Removes default arrows on drop-down menu in IE*/
}
#market {
	background-color: #fff;
	margin-bottom: 0px;
	margin-left: 5px;	
	position: relative;
	float: right;
	height: 25px;
	width: 150px;
	border: none;
	margin-right: 10px;
	margin-top: 0;
	vertical-align: baseline;
	padding: 0px;
	background: transparent;
}
#marketChoose   {
	padding: 2px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	letter-spacing: 1px;
	height: 25px;
	padding-left: 10px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,1);
	-webkit-appearance: none; /*Removes default chrome and safari style*/
 	-moz-appearance: none; /*Removes default style Firefox*/
	font-size: 11px;
	color: #666;
	border: none;
	text-align: left;
	vertical-align: baseline;
	width: 150px;
	background-color: #fff;	
}
#footerContainer ul.socialMedia {
	float: left;
	margin-top: 4px;
}
/* font awesome soial media on footer */
#footerContainer ul.socialMedia .fa-3x {
	font-size: 2.3em;
}
/*Login Btn BEGIN*/
#loginBtn .button {
	font-size: 11px;	
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding-right: 1em;
	padding-left: 4em;
	position: relative;
	background-color:rgb(2,159,235); /*#029feb*/
	color:rgb(255,255,255);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;  
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
	border-radius: 5px;
 	text-shadow:0px 1px 0px rgba(0,0,0,0.5);	
  	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
#loginBtn .button span {
  	position: absolute;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	width: 30px;
  	background-color:rgba(0,0,0,0.2);
  	text-align: center;
  	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid rgba(0,0,0,0.15);
	transition: 0.25s ease-in-out;
}
#loginBtn .button:hover span, #loginBtn.button:active span {
  	background-color:rgb(102,102,102);
  	color:rgba(0,0,0,0.5);
  	border-right: 1px solid rgba(0,0,0,0.3);
}
#loginBtn .button:active {
  	margin-top: 2px;
 	 margin-bottom: 13px;
  	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}
/*Login Btn END*/

#headerContainer .headerBottomLinks {
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: right;	
}
.headerBottomLinks #loginBtn {
	float: right;
	padding-right: 12px;
	margin-top: 10px;
}
.headerTopLinks #cart {
	padding: 0px;
	float: left;
	margin-right: 8px;	
	width: 100px;
	font-size: 13px;
	color: #fff;
}
#cart img {
	vertical-align: text-bottom;
	border: none;	
	width: 25px !important;
	height: 25px !important;	
}
#headerContainer .headerTopLinks #cart a {
	color: #fff;
	margin-right: 0;	
}
#siteSelect {
	float: left;
	font-size: 11px;
	color: #666;
	border: none;
	text-align: left;
	vertical-align: baseline;
	margin-right: 10px;	
	position: relative;
	width: 135px;
	height: 25px;
	margin-top: 0;
	padding: 0;
}
#siteSelect:after, #market:after {
  content: '\00276F';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 11px;
  text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
  pointer-events: none;
}
#siteSelect select {
	border: none !important;
	width: 100%;	
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	letter-spacing: 1px;
	height: 25px;
	padding-left: 10px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,1);
	-webkit-appearance: none;
 	-moz-appearance: none;
}
img.right {
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;	
}
img.left {
	padding-right: 18px;
	padding-bottom: 12px;
	float: left;	
}
div .block {
	display: inline-block;
	width: 100%;
}
/* Home Page BoxLinks begin */
/* CHANGED ON JUNE 21, 2016*/
#boxLinks {
	width: 100%;
	margin: 20px 0 18px 0;
	color: #666;
	cursor:pointer;
	overflow: auto;
	clear: both;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
}
#boxLinks #boxOne {
	padding: 5px;
	float: left;
	height: 250px;
	border: 1px solid #d8d8d8;
	width: 387px;
	margin:0 15px 0 0;
	background-repeat:no-repeat;
	background-position: top;
	position: relative;
	clear: left;
}
#boxLinks #boxOne h2:hover {
	opacity:0.8;
}
#boxOne .boxOneText {
	float: right;
	width: 196px;
	padding-top: 5px;	
}
#boxOne .boxOneText h2 {
	color: #1f2a44;
	text-transform: none;
}
#boxLinks #boxOne a.btnLinkBlue, a.btnLinkBlue {
	font-size: 17px;
	padding: 5px 10px;
	z-index: 50;
	color: #fff;
	border: 1px solid #1f2a44;
	border-radius: 10px;
	background-color: #1f2a44;
	text-decoration:none;
}
#boxLinks #boxOne a.btnLinkBlue:hover, a.btnLinkBlue:hover {
	border: 1px solid #666;
	background-color:#666;
	color: #fff;
}
#boxOne .consImg {
	width: 185px;
	float: left;
	margin-top: 3px;
	margin-left: 3px;
}
#boxOne .consImg img {
	float: left;	
	width: auto;
	max-height: 190px;
}
#boxOne .consName {
	float: left;
	clear: left;
	width: 186px;
	margin-top: 8px;
	margin-left: 3px;
	font-size: 14px;
	font-weight: bold;
}
#boxOne .consTitle {
	float: left;
	clear: left;
	width: 186px;
	margin-left: 3px;
	font-size: 11px;
}
.consName {
	margin-top: 12px;
	font-size: 14px;
	font-weight: bold;
}
.consTitle {
	font-size: 11px;
}
.consStory p {
	font-size: 12px;	
}
/* BoxTwo Promotions Box */
#boxLinks #boxTwo {
	padding: 0;
	float: left;
	height: 260px;
	border: 1px solid #d8d8d8;
	width: 542px;
	margin:0;
	position: relative;
}
#boxTwo .boxTwoText {
	padding: 10px;
	float: right;
	width: 62%; 
	text-align:right;
}
#boxTwo .boxTwoText h2 {
	padding: 0;
	margin: 0;	
	color: #1f2a44;
	background: none;
}
#boxTwo .boxTwoTextWhite {
	color: #fff;
	font-weight: normal;
}
#boxOne .boxOneText h3,
#boxTwo .boxTwoText h3 {
	margin-top: 6px;	
}
#boxOne .boxOneText h3 {
	margin-bottom: 30px;	
}
#boxTwo img {
	float: left;
}
#boxLinksTwo {
	margin-top: 12px;
	clear: both;
	overflow: auto;	
}
#boxLinksTwo #boxThree,
#boxLinksTwo #boxFour,
#boxLinksTwo #boxFive,
#boxLinksTwo #boxSix,
#boxLinksTwo #boxSeven,
#boxLinksTwo #boxEight {
	float: left;
	width: 308px;
	margin-right: 16px;
	margin-bottom: 18px;
	position: relative;
	cursor: pointer;
}
#boxLinksTwo #boxFive,
#boxLinksTwo #boxEight {
	margin-right: 0;	
}
#boxLinks #boxTwo:hover,
#boxLinksTwo #boxThree:hover,
#boxLinksTwo #boxFour:hover,
#boxLinksTwo #boxFive:hover,
#boxLinksTwo #boxSix:hover,
#boxLinksTwo #boxSeven:hover,
#boxLinksTwo #boxEight:hover {
	opacity: 0.8;
}
#boxLinksTwo img {
	border: 1px solid #d8d8d8;	
}
#boxLinks h2 {
	background-color: transparent;
	padding: 0 0 6px 0;
	margin: 0;
	font-size: 22px;
}
#boxLinks h2 a {
	color: #1f2a44;
	text-decoration:none;
}
#boxLinks h3 {
	font-size: 16px;	
}
#launchBanner {
	width: 100%;
	margin-bottom: 10px;
}
#contentBox {
	padding: 0;
	width: 737px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #d8d8d8;
	position: relative;
/*	overflow: hidden;  required to hide padding and margins within .contentTwoColL and .contentTwoColR adjustments so that they are the same height */
}
#contentBox .contentOneCol {
	padding-top: 10px; 
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 12px;
    /*overflow:auto;*/
	/*padding-bottom: 1000px;  padding and margin below make columns the same height 
	margin-bottom: -990px;*/
}
#contentBox .contentTwoColL {
	clear: both;
	padding: 10px 15px;
	width: 492px;
	float: left;
	border-right: 1px solid #d8d8d8;
	min-height: 350px;
	/*padding-bottom: 1000px;  padding and margin below make columns the same height 
	margin-bottom: -1000px;*/
}
#contentBox .contentTwoColR{
	padding: 10px 15px;
	width: 183px;
	float: left;
	/*padding-bottom: 1000px;  padding and margin below make columns the same height 
	margin-bottom: -1000px;*/
}
.contentOneCol img.top, .contentTwoColR img.top {
	margin-left: -15px;
	margin-top: -10px;
	margin-bottom: 6px;
}
.contentOneCol img.top {
	width:737px;
	height: auto;
}
#contentBox .contentThreeCol {
	width: 213px;
	padding: 0 10px;
	float: left;
	min-height: 325px;
	position: relative;
	margin-bottom: 12px;
}
.contentThreeCol img {
	margin-left: -5px;
}
.contentTwoColR .promos {
	padding-bottom:50px;
}
.contentTwoColR img {
	margin-bottom: 12px;	
}
/* begin topNav css */
#topNavContainer {	
	width: 960px;		
	margin: 40px auto 20px;	
	position: relative;	
	border-bottom: 1px solid #1f2a44;
}
#menu {
	list-style-type: none;
    	position: absolute;
    	right: 0; /*-20px;*/
    	bottom: 0;    	
    	margin-top: 14px;    		
}
#menu li.on {
	font-weight: bold;
}
#menu li {
	float: left;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	color: #fff;	
	font-size: 20px;	
	border: medium none;		
	margin-top: 7px;	
	position: relative;
	text-align: center;
	z-index: 800;		
}
#menu li:last-of-type .drop {
	padding-right: 0 !important;
}
#menu li a:hover {    
    font-weight: bold;        
}
/* avoids jumping on top bar on browsers other than chrome */
#menu li a:after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;    
}
#menu li a {
	color: #fff;	
	font-size: 20px;
	display: block;
	outline: 0 none;
	text-decoration: none;	
}
#menu li .drop {
	padding-right: 10px;
	padding-bottom: 2px;
}
#menu li:hover a {
    color: #1f2a44;
}
#menu li .col_1Wider ul li {
	 width: 175px;
}
#menu li .greybox li {
    width: 140px;
}
ul#menu li.sites a.drop {
	background-image: url(images/siteChoose.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 16px;
}
ul#menu li.sites a.drop:hover {
	background-image: url(images/siteChoose_hover.png);
}
#menu .menu_right {
    float: right;
    margin-right: 0;
}
#menu li .align_right {
    border-radius: 5px 0 5px 5px;
}
#menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: auto;
}
#menu h2 {
    border-bottom: 1px solid #666666;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 7px 0 14px;
    padding-bottom: 14px;
}
#menu h3 {
	margin: 8px 0 5px 0;
	font-weight: normal;
}
#menu h3.lower {
	margin: 18px 0 7px;
}
#menu li:hover div h3 a {
	font-size: 15px;
	color: #1f2a44;
	text-transform: uppercase;	
}
#menu p {
    line-height: 18px;
    margin: 0 0 10px;
}
#menu li:hover div a {
	color: #666;
	font-size: 14px;
	padding-bottom: 2px;
	font-weight: normal;
}
#menu li ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li ul li {
    float: none;
    font-size: 12px;
    margin: 0;
    padding: 2px 0;
    position: relative;
    text-align: left;
}
#menu li ul li:hover {
    border: none;
    border-radius: 0;
    margin: 0;       
    background: #e5e5e5;      
}
#menu li .greybox li {
    background-color: #1f2a44;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 4px;
    padding: 4px 6px;
}
#menu li .greybox li:hover {
    background-color: #666;
    border: 1px solid #AAAAAA;
    margin: 0 0 4px;
    padding: 4px 6px;
}
#menu li:hover .greybox a {
	color: #fff;	
}
#menu h3:hover {
	background: #e5e5e5;	
}
#topNavContainer #mobile {
	position: absolute;
	z-index: 160;
	height: 48px;
	width: 31px;
	right: 20px;
	bottom: 0px;
	border: none;		
}
.dropdown_1column, .dropdown_1columnEvents, .dropdown_1columnScience, .dropdown_1columnMiForm, .dropdown_1columnSports,  .dropdown_1columnElasense, .dropdown_2columns, .dropdown_2columnCompany, .dropdown_3columns, .dropdown_3columnsProducts, .dropdown_3columnsProducts_Wide, .dropdown_3columnsOpp, .dropdown_4columns, .dropdown_4columnsLeft, .dropdown_4columnsProducts, .dropdown_5columnsLeft, .dropdown_5columns {
    background: #fff;
    border-color: #1f2a44;
    border-right: 1px solid #1f2a44;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    left: -999em;
    margin: 4px auto;
    padding: 10px 5px;
    position: absolute;
    text-align: left;
}
.dropdown_1column {
    width: 170px;
    margin: 4px -132px;
}
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columnCompany, 
#menu li:hover .dropdown_1columnEvents, 
#menu li:hover .dropdown_1columnMiForm, 
#menu li:hover .dropdown_1columnElasense, 
#menu li:hover .dropdown_1columnScience,
#menu li:hover .dropdown_1columnSports, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns, 
#menu li:hover .dropdown_3columnsProducts,
#menu li:hover .dropdown_3columnsProducts_Wide, 
#menu li:hover .dropdown_3columnsOpp,
#menu li:hover .dropdown_4columns, 
#menu li:hover .dropdown_4columnsProducts,
#menu li:hover .dropdown_4columnsLeft, 
#menu li:hover .dropdown_5columnsLeft, 
#menu li:hover .dropdown_5columns {
    	left: 10px;
    	top: auto;
    	border: 1px solid #c7c7c7;
	background: #f7f7f7;
}
.col_1, .col_1Wide, .col_1Wider, .col_2, .col_3, .col_4, .col_5 {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}
.col_1 {
    width: 175px;
}
.col_1Wide {
    width: 160px;
}
.col_1Wider {
    width: 190px;
	margin-bottom: 5px;
}
.col_2 {
    width: 270px;
}
.col_3 {
    width: 450px;
}
.col_4 {
    width: 550px;
}
.col_5 {
    width: 690px;
}
.dropdown_4columnsLeft {
	width: 680px;
	background: #fff;	
	border-color: #666;
	border-radius: 5px;
	border-right: 1px solid #666;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	margin: 4px -550px;
	padding: 10px 5px 10px 5px;
	position: absolute;
	text-align: left;
}
.dropdown_4columnsLeft .col_1Wide a {
	text-align: center;
}
.dropdown_4columnsLeft .col_1Wide ul li a {
	font-size: 12px !important;
}
.dropdown_5columnsLeft {
	width: /*680px;*/ 855px;	
	margin: /*4px -386px;*/ 4px -316px;
	padding: 10px 5px 18px 5px;
	position: absolute;
	text-align: left;
	border: 1px solid #c7c7c7;
	background: #f7f7f7;
}
/* sports tab on biz site */
.dropdown_1columnSports {
	width: 421px; /*337px;*/
	margin: 4px -126px; /*4px -134px;*/
}
#menu h3.special {
	background-color: #1f2a44;
	padding-left: 6px;
	padding-top: 3px;
	border: 1px solid #1f2a44;
	border-radius: 5px;
	margin-top: 12px !important;
	color: #fff;
}
#menu h3.special:hover {
	background-color: #666;
	border: 1px solid #666;
	border-radius: 5px;
	color: #fff;
}
#menu li div h3.special a {
	color: #fff;	
}
#menu li div h3.special a:hover {
	color: #fff;	
}
.sportsImg {
	float: left;
	width: 80px;
	height: 90px;
	margin-right: 4px;
	margin-bottom: 12px;
	padding: 0;
}
.sportsImg img:hover {
	opacity: 0.9;	
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
#menu .col_1Sports .sportsImg span, #menu .col_1Sports .sportsImg span a {
	font-size: 9px;
	font-weight:normal;
}
/* left nav div begin */
#leftnav {
	width: 190px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-bottom: 20px;
	float: left;
}
#leftnav h2 {
	margin:0 0 6px 0;
	padding: 6px 3px;
	font-size: 20px;
	font-weight: bold;	
	background-color: transparent;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
}
#leftnav li a {
	text-decoration: none;
	color: #666;
}
#leftnav h2 a {
	color: #1f2a44;
	text-decoration: none;
}
#leftnav h3 {
	margin:0 0 6px 0;
	padding: 6px 15px 6px 3px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background-color: #FFF;
	background-position: 172px 10px;
	background-repeat: no-repeat;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	border-bottom: 1px solid #d8d8d8;
}
#leftnav h3:last-of-type {
	border-bottom: none;	
}
#leftnav h3 a {
	color:#1f2a44; 
	text-decoration:none;
}
#leftnav h3.on {
	font-weight: bold;	
	border-bottom: none;	
}
#leftnav h3:hover, #leftnav h2:hover {
	background-color: #e5e5e5;
}
#leftnav ul {
	padding: 0px;
	margin-top: 0;
}
#leftnav li {
	list-style-type: none;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #d8d8d8;
}
#leftnav li:hover {	
	background: #e5e5e5;
}
#leftnav .leftnavSubItem li:first-child  {
	border-top: none;	
}
#leftnav li:last-child {
	border-bottom: none;	
}
#leftnav li.on {
	list-style-type: none;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #d8d8d8;
	background-color: #f5f5f5;
}
.leftNavImg {
	margin: 6px 0;	
}
/* left navigation ends */
/*begin footer css*/
#footer {
	background-color: #1f2a44;
	margin: 0;
	padding: 0;
	border-top: 2px solid #a2a1a6;
	position: inherit;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 231px;
	clear: both;
}
#footer.mx {
	height: auto;
}
#footer img {
	border: none;	
	border-radius: 5px;
}
#footerContainer {
	background-color: #1f2a44;
	vertical-align: top;
	height: 125px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 12px 0;
	font-size: 11px;
	color: #fff;
}
#footerContainer h3 {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px dotted #d8d8d8;
	padding: 3px;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
#footerContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
}
#footerContainer li {
	padding: 0;
	vertical-align:middle;	
}
#footerContainer li.stayConnected {
	margin-bottom: 4px;
}
#footerContainer li.stayConnected img {
	vertical-align:middle;
	padding-right: 3px;
}
#footerContainer a {
	color: #fff;
	text-decoration: none;
	padding: 3px;	
	display: inline-block;	
}
#footerContainer a:hover {
	opacity: 0.7;
	text-decoration:none;	
}
#footerContainer .colOne, #footerContainer .colTwo, #footerContainer .colThree, #footerContainer .colFour, #footerContainer .colFive {
	width: 176px;
	float: left;
	padding-right: 20px;
}
#footerContainer .colFive {
	padding-right:0;
}
#footerContainer .colFive .socialMedia li {
	display: inline;
}
#footerContainerBottom {
	background-color: #1f2a44;
	padding: 5px 0;
	height: 70px;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	color: #fff;
	font-size: 10px;
	border-top: 1px dotted #d8d8d8;
}
#footerContainerBottom.mx {
	border: none;
	height: auto;
	text-align: right;
}
#footerContainerBottom ul {
	list-style-type:none; 
	margin:0;
	padding:0;
}
#footerContainerBottom li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px; 
	vertical-align: middle;
	border-right: 1px solid #fff;	
}
#footerContainerBottom li:last-child {
	border-right: none;	
}
#footerContainerBottom a {
	color: #fff;
	text-decoration: none;
}
#footerContainerBottom a:hover {
	opacity: 0.7;
}
.bbb {
	border: none;	
}
/*end footer css*/
/* sticky footer with flexbox*/
html {
  height: 100%;
}
body {  
  	display: flex;
  	flex-direction: column;
	height: 100%;
}
#header, #footer {
  flex-shrink: 0;
}
#wrapper {
  flex: 1 0 auto;
}
/* end of sticky footer */
/*begin css used for almost all science documents */
.articles h3 {
	color: #1f2a44;
}
.articles {
	margin-bottom: 24px;
	margin-top: 6px;
	clear: both;
}
.articles img.left {
	margin-bottom: 12px;
	padding-top: 3px;
}
.articles p {
	margin-bottom: 6px;
}
img.articlesRight {
	float: right;
	margin-bottom: 9px;
	margin-left: 12px;
	margin-top: 3px;
	padding-left: 12px;
	padding-bottom: 12px;
	padding-top: 1px;
}
img.articlesLeft {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
	margin-top: 3px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-top: 1px;
}
/* scientific publications page */
.pubItem {
	float: left;	
	margin: 2px 0 0 20px;
	color: #1f2a44;
}
.fa-circle {	
	font-size: 10px !important;
}
/* end of scientific publications page */
/*end css used for science pages */
div.info ul {
	margin-bottom: 12px;	
}
div.info ul li {
	padding-bottom: 8px;	
}
table.info {
	margin-top: 12px;
	width: 100%;
	border-spacing: 0;
}
table.info tr td:first-child {
	width: 30%;
	background-color: #ebebeb;
	font-weight: bold;
}
table.info td {
	border: 1px solid #d8d8d8;
	background-color: #fff;
	padding: 3px;
}
table.info th {
	text-align: left;
	color: #fff;
	font-size: 14px;
	padding: 6px 4px;
}
.rightDiv225 {
	float: right;
	width: 225px;
	padding-left: 12px;
	padding-top: 12px;
	margin-left: 12px;
	margin-bottom: 9px;
	border-left: 3px solid #d8d8d8;
	border-bottom: 3px solid #d8d8d8;
	border-top: 3px solid #d8d8d8;
}
.contactInfo {
	padding-left: 10px;
	margin-bottom: 24px;
}
.contactInfo p {
	margin-bottom: 0;
	margin-top: 6px;
}
.contactInfo iframe {
	float: right;
}
.contactBox h3 {
	margin-top: 4px;
}
.contactBox {
	float: left;
	width: 45%;	
	padding: 0 12px 12px 12px;
	margin-bottom: 12px;
}
/*begin css for Exec Team, Board of Diretors pages */
.execBox {
	float: left;
	background: #ebebeb;
	padding: 12px;
	margin: 12px;
	min-height: 325px;
	max-width: 180px;
}
.execBox a {
	color: #1f2a44;
	text-decoration: none;	
}
.execBox img {
	margin-bottom: 12px;	
}
.execBox span {
	font-size: 11px;	
}
.execTeamDesc, .boardDirectorsDesc {
	width: 480px;
	float: left;
	margin-bottom: 20px;
	padding-right: 20px;
	border-right: 1px solid #d8d8d8;
}
.execTeamDesc h2, .boardDirectorsDesc h2  {
	background: none;
	color: #1f2a44;
	margin-top: 2px;
	margin-bottom: 0;	
}
.execTeamDesc h3 {
	margin-top: 0;	
}
.execTeamDesc p {
	overflow: hidden;
}
#rightMenu {
	width: 190px;
	float: right;
	margin-top: 5px;
	border-top: 1px solid #d8d8d8;
}
#rightMenu ul {
	padding: 0;
	margin-top: 0;
}
#rightMenu li {
	list-style-type: none;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #d8d8d8;
}
/*end css for Exec Team pages*/
/* begin login css */
#login {
	margin-top: 24px;
}
#login h2 {
	margin:0 0 4px 0;
	padding: 3px 10px;	
}
#login .message {
	padding: 3px 6px;
	margin-bottom: 24px;
	font-size: 12px;

}
#login .message h4 {
	color: red;
	margin: 0;
	background-image:url(images/notice.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	padding-left: 25px;
	line-height: 21px;	
}
#login .message h4.pushpin {
	background-image: url(images/login_notice_pushpin.jpg);
	background-repeat: no-repeat;
	line-height: 22px;
	color: #1f2a44;
}
#login .message p {
	margin: 4px 0;	
	padding-left: 25px;
}
img.promoTop { margin-bottom: 18px; width: 490px; height: auto;}

.loginPromos {
	border: 1px dotted #029feb;
	float: left;
	width: 218px;
	min-height: 295px;
	padding: 0 10px;
	margin: 3px;
	text-align: center;
}
.loginPromos.long {
	height: 305px;
}
.loginPromos img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	padding: 3px;
	border: 1px solid #ebebeb;
}
.loginPromos h3 {
	text-align: center;
	height: 40px;
	margin-bottom: 3px;
}
.loginPromos h3.long {
	height: 48px;
}
#login ul.login li {
	background-image: url(images/login_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 24px;
	list-style-type: none;
	line-height:20px;
}
.loginPromos h3.longTitle {
	height: 70px !important;
}
/*--End Login CSS--*/
.sdkToolTipLink	{
	font-size: 140%; 
	font-weight: bolder;	
}
.sdkToolTip	{ 
	border : #CCC ridge 3px;
	background-color : #EEE;
	margin : 1em 2em 1em 2em;
	padding : 0.5em 1em 0.5em 1em;
}
.sdkinput_radio input.radio {
    border: none;
}
input.radio {
	border: none !important;	
}
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
}
.ui-widget-content {
    color: #666;
}
.ui-accordion .ui-accordion-content {
	border: none;
}
#prodDetails img.promo {
	border: 1px solid #d8d8d8;
	padding: 3px;
}
/* bottom page JoinToday banner css begin */
#joinToday {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	width: 708px;
	border: 1px solid #d8d8d8;
	float: right;
	padding: 15px;
	margin-bottom: 20px;
	position:relative;
	background-image: url(images/joinTodayGroup.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}
#joinToday.cust {
	background-image: url(images/joinTodayGroup_cust.jpg);	
}
#joinToday.fr {
	background-image: url(images/joinTodayGroup_fr.jpg);	
}
#joinToday h2 {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background-color: transparent;
	color: #1f2a44;
	font-size: 24px;
	margin:0;
	padding: 0;	
}
#joinToday p {
	font-size: 15px;
	clear: right;
	margin-bottom: 3px;	
}
#joinToday p img {
	float: left;	
	margin-right: 6px;
	margin-bottom: 6px;
}
#joinToday .shop, #joinToday .joinPref, #joinToday .joinCons {
	margin-right: 300px;	
}
#joinToday a.btnLinkBlue {
	float: right;
	margin-bottom: 6px;
}
#joinToday a.btnLinkBlue:hover {
	text-decoration: none;	
}
/* bottom page JoinToday banner css end */
/* signup css */
#signUp .autoShip table td {
    padding: 0 10px;
}
.signUpForm fieldset p {
	padding-left: 0;
	padding-bottom: 12px;
}
.signUpForm fieldset {
	margin-bottom: 6px;	
}
.signUpForm fieldset.contactmeInfo.sponsor {
	padding-top: 12px;	
}
.signUpForm fieldset br {
  clear: left;
}
#sdkinputid_Em_Consent input {
	float:left;
	clear:none;
	border: none;
}
#sdkinputid_Em_Consent label {
	max-width: 415px;
	width: 100%;
	padding-left: 5px;
	font-weight: normal;
	clear: right;
	text-align:left;	
	margin-bottom: 1.5em;
}
#sdkinputid_Em_Consent.wide label {
	width: 530px;
}
.signUpForm input.corpAgreement {
	float:left;
	clear:none;
	border: none;
}
.signUpForm label.corpAgreement {
	float: left;
	width: 500px;
	padding-left: 5px;
	font-weight: normal;
	clear: right;
	text-align:left;	
}
.sdkinputerrorspan {
	color: red;
	font-weight:bold;
	margin-left: 140px;
	margin-bottom: 12px;
	display: block;
}
.signUpForm input.withText {
	margin-bottom: 0;
}
.signUpForm div.secure {
	float: right;
	width: 25%;
	padding-left: 3px;
	margin-top:-12px;
	margin-bottom: 12px;
}
.signUpForm div.secure table {
	float: right;	
}
.signUpForm div.secure p.requiredNote {
	margin-bottom: 12px;	
}
.signUpForm div.secure.margTop {
	margin-top: 0;
}
.signUpForm div.secure p {
	font-size: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
	margin-left: -12px;		
}
.signUpForm p.requiredNote {
    font-size: 10px;
    padding-bottom: 3px;
    text-align: right;
}
.signUpForm p.shippingNote {
	font-size: 11px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 3px;
	clear: left;
	margin-left: 35px;
}
#gengroupdiv p.borders {
	margin: 6px 2px 0 2px;
	padding: 3px;
	background-color: #58677b;
	color: #fff;
	font-weight: bold;	
}
#gengroupdiv fieldset {
	margin-top: 0;
	border: none;
	background-color: #ebebeb;
	border-bottom: 1px solid #58677b;
	margin-bottom: 12px;
}
/* begin autoship advantage */
.autoshipMsg {
	font-size: 88%;
}
.autoshipMsg ul li {
	background-image: url(images/login_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
	line-height:18px;
	padding-left: 24px;
	margin-left: -35px;
}
/* end autoship advantage */
input.formSubmit.left {
	float: left;
}
input.check_main_starter {
	border: none;
}
.sectionHeaderBack {
	background-color: #1f2a44;
	border: 1px solid #1f2a44;
	padding: 5px;
	margin-left: -6px;
	border-radius: 4px 4px 0 0;
}
/* new starter pack page */
.packDiv {
    	border: 1px solid #d8d8d8;
    	float: left;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	width: 100%;
    	background-color: #ebebeb;
    	clear:both;
}
.packTitleDiv {
    	display: inline-block;
    	width: 100%;
    	overflow: initial;
	background-color: #1f2a44;
}
.packName, .itemCode {
    color: #fff;
    float: left;
    font-size: 15px;
    font-variant: small-caps;
    height: 30px;
    line-height: 30px;
}
.packName {
	width: 70%;
}
.packName img {
	float: left;	
	padding-top: 2px;
}
.itemCode {
    text-align: right;
    padding-right: 5px;
    width: 28%;
    float: right;
}
.choiceBox {
    width: auto !important;    
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0 !important;
}
.packDiv .leftDetails {
    float: left;
    margin-left: 18px;
    margin-top: 6px;
    padding: 10px;
    width: 59%;
}
.showList .note {
	margin-left: 24px;
	margin-right: 12px;
	margin-top: 12px;
	font-size: 11px;	
}
.languageChoice {
    margin-bottom: 18px;
    clear: both;
}
.packDiv .rightDetails {
	border-left: 2px dotted #029feb;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 6px;
	min-height: 50px;
	padding: 10px;
	text-align: right;
	width: 32%;
}
.packDiv .rightDetails p {
    margin-top: 0;
    
}
.packDiv .rightDetails p.price {
	margin-bottom: 3px;	
	font-weight: bold;
}
.packDiv .rightDetails p.price span {
	font-size: 15px;
	padding-left: 6px;	
}
.packDiv .rightDetails p.total {
	margin-top: 3px;	
	font-weight: bold;
	font-size: 16px;
	padding-top: 12px;
	color: #1f2a44;
	font-variant:small-caps;
}
.packDiv .rightDetails p.included {
	margin-bottom: 3px;	
	font-size: 12px;
	font-style:italic;
}
p.total .redPrice {
	padding-top: 6px;
	padding-left: 6px;
	border-top: 1px solid #666;
}
p.total .redPrice.no {
	border-top: 0;
}
.showList {
    background-color: #fff;
    border: 1px dashed #1f2a44;
    margin-top: 12px;
}
.showList .varcompgroup {
	margin-left: 12px;
}
/* end of new starter pack page */
/*Calendar of Events */
#calendardetails {
	width: 100%;
	background-color: #ebebeb;
	margin-top: 12px;
	overflow: auto;
}
#calendardetails .maintitle{
	border-bottom: 2px solid #ccb;
	font-size:14px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:14px;
	color: #fff;
	background-color: #029feb;
}
#calendardetails .maintitle img {
	vertical-align:text-bottom;
}
#calendardetails .subtitle{
	color: #1f2a44;
	font-size:14px;
	font-weight:bold;
	padding-left: 10px;
	padding-bottom: 8px;
}
#calendardetails #left{
	width:237px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 3px;
	float: left;
}
#calendardetails #right{
	width: 424px;
	margin-top: 12px;
	padding-left: 12px;
	padding-right: 10px;
	float:left;
}
#calendardetails fieldset {
	float: left;
	width: 96%;
	padding: 3px 5px;
	border: none;
}
#calendardetails fieldset h4 {
	margin-bottom: 15px;
	padding: 0 5px 5px 5px;
	border-bottom: solid 1px #029feb;
	color: #fff;
}
#calendardetails label {
	text-align: right;
	font-weight: bold;
	width: 135px;
	float: left;
	padding-right: 6px;
	line-height: 21px;
}
#calendardetails legend {
	padding: 2px 6px;
	margin-bottom: 8px;
	color: #ffffff;
	border: 1px solid #c5dbec;
	background-color: #032c76;
}
#calendardetails input {
	margin-bottom: 8px;
	margin-left: 6px;
	margin-right: 6px;
	border: 1px solid #c5dbec;
}
#calendardetails textarea {
	border: 1px solid #c5dbec;
	margin-top: 0px;
	margin-bottom: 12px;
}
.bluedetails {
	color: #1f2a44;
	font-size:13px;
	font-weight:bold;
	padding-bottom: 2px;
}
#calendardetails p {
	line-height:normal;
}
hr {
	margin-bottom: 12px;
	clear: both;
}
h1.eventcongrats {
	margin-top: 12px;
	margin-bottom: 3px;
	color: #f05133;
}
h2.eventcongrats {
	margin-top:0px;
	margin-bottom: 3px;
	color: #f05133;
	font-weight:normal;
}
#calendardetails .bluebuttonright, .bluebuttonleft, .bluebuttoncenter {
	background-image:url(images/bluebutton.jpg);
	background-repeat: repeat-x;
	padding: 4px 12px;
	border: 1px solid #c5dbec;
	cursor: pointer;
	color: #2E6E9E;
	text-decoration: none !important;
	font-weight:700;
	font-size:11px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-right: 12px;	
	margin-bottom: 4px;
}
.bluebuttonright {
	float: right;
}
.bluebuttonleft {
	float: left;
}
.bluebuttoncenter {
	width:inherit;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.imageRight {
	float: right;
	margin: 6px 6px 12px 12px;
}
#calendardetails .bottomnote {
	font-size:9px;
	border: 1px solid #ccb;
	margin-top:5px;
	padding: 5px;
	clear: both;
}
#calendardetails p.requiredNote {
	font-size: 10px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 3px;
}
.eventregcontent {
	background-color: #ebebeb;
}
.beGood {
	float: right;
	clear: right;
	margin-top: -40px;
	z-index:30;	
}
.gift {
	width: 350px;
	position: relative;
}
.gift a.btnTextLink {
	margin-top: -16px;
	margin-right: 105px;
}
/* upsell css begin */
#upsell {
    width: 100%;
    overflow: auto;
}
.sell {
    float: left;
    margin-bottom: 5px;
    margin-right: 38px;
    padding: 10px 15px;
    position: relative;
    width: 180px;
    background-color: #ebebeb;
    min-height: 200px;
    cursor: pointer;
}
.sell.rightSide {
    margin-right: 0;
}
.sell img {
    margin-bottom: 6px;
}
.sell .itemcode {
    display: list-item;
    list-style-image: url(images/itemcodedot.png);
    font-size: 11px;
    padding-bottom: 6px;
    position: absolute;
    top: 15px;
    left: 35px;
}
.prodBoxImgDiv {
	width: 180px;
	height: 140px;
	position: relative;
	display: block;
	margin: 0 auto;
}
.upsellImgDiv {
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	margin-bottom: 6px;
	width: 180px;
	height: 150px;
}
img.prodBoxImg, img.upsellImg {
	position: absolute;
	bottom: 0;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	left: 0;
	right: 0;
}
img.upsellImg {
	padding: 0 3px;
	max-height: 96%;
	max-width: 96%;
}
/* upsell css end */
/* Tabbed Panels begin */
.TabbedPanels {
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: none;
	width: 100%;
	color: #666;
}
.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 2px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ebebeb;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}
.TabbedPanelsTabGroup {
    margin: 0;
    padding: 0;
}
.TabbedPanelsTabSelected {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.TabbedPanelsContent {
	height:auto;
	position: relative;
	overflow: auto;
    	padding: 15px 10px;
}
.TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #fff;
}
.TabbedPanelsTabHover {	
	color: #029feb;
}
.TabbedPanelsContent h4 {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 18px;
}
.TabbedPanelsContent dl {
	margin-top:18px;
}
.TabbedPanelsContent dd {
	padding-top: 3px;
}
.TabbedPanelsContent dt {
	color: #1f2a44;
	font-weight: bold;	
	margin-top: 18px;
}
.TabbedPanelsContent .benefits {
	width: 225px;
	float: right;
	padding: 10px 15px 10px 15px;
	background-color: #1f2a44;
	margin-bottom: 24px;
	margin-left: 18px;
	margin-top: 12px;
	color: #fff;
}
.TabbedPanelsContent h2.info {	
	margin-top: 18px;	
}
.TabbedPanelsContent .benefits h4 {
    	font-size: 15px;
    	margin-bottom: 6px;
    	margin-top: 6px;
	color: #fff;
}
.TabbedPanelsContent .benefits ul li {
    padding-bottom: 12px;
}
.TabbedPanelsContent .bestOffer {
	width: 200px;
	float: right;
	padding: 10px 15px 10px 15px;
	margin-bottom: 12px;
	margin-left: 18px;
	margin-top: 12px;
}
.TabbedPanelsContent ol, .TabbedPanelsContent ul {
	margin-top: 6px;
}
.TabbedPanelsContent li {
	padding-bottom: 5px;
}
.TabbedPanelsContent ul.faq li {
	font-size: 12px;
	padding-bottom: 3px;	
}
.TabbedPanelsContent table {
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
	border-spacing: 0;	
}
.TabbedPanelsContent table th {
	background-color: #1f2a44;
	color: #fff;
	padding: 6px 3px;
	border-right: 1px solid #ebebeb;
	font-size: 11px;
	text-align: left;
}
.TabbedPanelsContent td {
	padding: 3px;
	border: 1px solid #ebebeb;
	font-size: 11px;
}
.TabbedPanelsContent table th:first-child {
	width: 35%;	
}
#informedChoice h1 {
	float: left;
}	
#informedChoice img {
	float: right;	
}
#contentBox .productDetailsL {
	width: 400px;
	float: left;
	position: relative;
}
#contentBox .productDetailsL img {
	height: 450px;
	width: auto;
}
#contentBox .productDetailsR {
	width: 300px;
	float: left;
}
#contentBox .productDetailsL.wide,
#contentBox .productDetailsR.wide {
	width: 100%;
}
#contentBox .productDetailsL.wide img {
	height: 315px;
	width:auto;
}
#contentBox .productDetailsR.wide h3 {
	margin-top:0;
}
#prodDetails {
	font-size: 12px;
	clear: left;	
	margin-top: 18px;
	margin-bottom: 6px;
	overflow: auto;
}
#prodDetails div.L {
	width: 55%;
	float: left;
}
#prodDetails div.R {
	width: 40%;
	float: left;
}
#prodDetails .newFormula {
	font-weight: bold;	
	margin-bottom: -6px;
	font-size: 15px;
}
.productBoxes ul {
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 85px;
}
#prodDetails ul {
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 60px;
}
#prodDetails ul li, .productBoxes ul li {
	padding: 0 0 10px 0;
}
#prodDetails span, .productBoxes span {
	font-size: 14px;
	font-weight: bold;
}
#prodDetails .qtyDiv {
	margin-bottom: 20px;
}
.longDesc {
	width: 100%;
	clear: both;
}
#contentBox .productBoxes {
	width: 208px;
	padding: 5px 10px;
	float: left;
	border: 1px dotted #d8d8d8;
	margin-bottom: 5px;
	margin-right: 5px;
	position: relative;
	min-height: 412px;
}
.productBoxes img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.productBoxes .productName {
	display: block;
	height: 35px;
	font-weight: bold;
	clear: both;
	margin-top: 6px;
}
.productName a {
	font-size: 12px;	
}
.productDetailsL .productContent {
	font-size: 11px;
	text-align:right;
	clear: both;
}
.productBoxes .itemcode, 
.productDetailsL .itemcode {
	display: list-item;
	float: right;
	padding-bottom: 6px;
	font-size: 11px;	
}
.productBoxes .retailPrice, 
.productDetailsR .retailPrice {
	display: block;
	font-weight: bold;
	color: #1f2a44;
	font-variant: small-caps;
	margin-bottom: 6px;
}
.productBoxes .discount20, 
.productDetailsR .discount20 {
	float: left;
	width: 95px;
	border-right: 1px solid #d8d8d8;
	font-variant: small-caps;
	font-size: 11px;
	margin-bottom: 12px;
}
.productBoxes .discount20only,
.productDetailsR .discount20only {
	border-right: none;;
}
.productBoxes .discount30, 
.productDetailsR .discount30 {
	float: left;
	width: 95px;
	font-variant: small-caps;
	font-size: 11px;
	padding-left: 6px;
	margin-bottom: 12px;
}
.productBoxes .discount20, .productDetailsR .discount20, 
.productBoxes .discount30, .productDetailsR .discount30 {
     font-size: 10px;
}
.productBoxes .discount20 a, .productDetailsR .discount20 a,
.productBoxes .discount30 a, .productDetailsR .discount30 a {
	color:#666;
}
.productBoxes .qtyDiv {
	float: right;
	font-size: 11px;
	position: relative;
}
/* begin miForm section css */
.miformBlocks {
	margin-bottom: 30px;
	width: 680px;
}
.miformSystem {
	background-image:url(images/miform_circles.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 5px;	
}
.miformSystem h2.info {
	margin-top: 30px;
	margin-bottom: 18px;	
}
.miformBlocks img {
	float: left;
	padding-right: 10px;
}
.miformBlocks p {
	margin-left: 36px;
}
.miformBlocks h3 {
	margin-top: 12px;
	padding-top: 5px;	
}
.miformSuccess, .miformExperts {
	margin-bottom: 30px;
	clear: both;
	overflow: auto;
}
.miformSuccess p {
	font-style: italic;
}
.miformSuccess h2, .miformExperts h2 {
	margin:0 0 1px 0;
	font-size: 16px;
	clear: both;
}
/*miformSuccessThumbs blocks*/
.miformSuccessThumbs {
	width: 150px;
	float: left;
	padding-right: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
	min-height: 230px;
}
.miformSuccess .miformSuccessThumbs img {
	padding: 0;
	margin: 0;
	border-color: #efefef;
}
.miformSuccess .miformSuccessThumbs h3 {
	font-size: 12px;	
	border-left: none;	
}
.miformSuccess .miformSuccessThumbs a {
	display: inline-block;
	margin-bottom: 5px;	
}
.miformSuccess hr {
	border-bottom: 1px dashed #8bc63f;
	border-top: 0;
}
/* end miformSuccessThumbs blocks*/
.miformExperts h2 {
	margin-bottom: 12px;
	padding-left: 10px;
}
.miformSuccess h3 {	
	margin-top: 0;		
}
.miformSuccess img {
	border: 1px solid #d8d8d8;
	padding: 3px 6px 0;
	margin-right: 12px;
	float: left;
}
.miformExperts img {
	border: 1px solid #d8d8d8;
	padding: 6px;
	margin-left: 12px;
	float: right;
}
.teamExperts {
	float: left;
	margin-top: 12px;
	width: 135px;
	height: 180px;
	font-size: 11px;
	margin-bottom: 24px;
	padding-right: 6px;
}
.teamExperts img {
	display: block;
	padding: 3px;
	border: 1px solid #d8d8d8;
	margin-bottom: 6px;
}
.separator {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
/*code for GetStarted section on MiForm System page
and for tab GetStarted for Transformation Kit item2012_0008255.wcp, Maintenance About Tag item2012_0008258*/
.getStartedFirstStep,
.getStartedThirdStep,
.maintenanceAboutTag {
	margin: 10px 0 0 36px;
}
.getStartedFirstStep,
.getStartedSecondStep,
.getStartedThirdStep,
.maintenanceAboutTag {
	position: relative
}
.getStartedFirstStep > div,
.getStartedThirdStep > div,
.maintenanceAboutTag > div {
	float: left;
}
/*begin of clearfix code to avoid 0 height of div with relative posititionning and having float elements*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/*end of code clearfix code*/
.FirstStepContent,
.ThirdStepContent,
.aboutContent {
	width: 310px;
}
.FirstStepImage,
.ThirdStepImage {
	margin: 125px 0 0 39px;
}
.FirstStepImageMX {
	margin: 80px 0 0 40px;
}
.aboutImage {
	margin: 15px 0 0 20px;
}
.SecondtStepContent {
	float: right;
	width: 300px;
}
.SecondeStepImage {
	float: right;
	width: 300px;
	margin: 60px 30px 0 0;
}
.getStartedThirdStep li {
	margin-bottom: 5px;
}
.boldText {
	font-weight: bold;
}
.upperCaseWord {
	text-transform:uppercase;
}
/*end code for GetStarted section on MiForm System page */
/* Video Library css begin */
/* vimeo videos */
#videoLibrary h2 {
	padding-top: 20px;
}
img.sponsor {
	width: 100%;
	margin-top: -15px;	
	margin-bottom: 10px;
}
.bulletins {
	margin-bottom: 30px;
	clear: both;
	overflow: auto;	
}
.bulletins img {
	float: left;
	border: 1px solid #ebebeb;
}
.bulletins .textBlock {
	width: 375px;
	margin-left: 20px;
	float: left;
}
.bulletins .textBlock h2 {
	background-color: transparent;
	color: #1f2a44;	
}
.bulletins .textBlock a {
	color: #1f2a44;	
}
.onlyFor_biz,
.onlyFor_elasense,
.onlyFor_prod,
.onlyFor_sports,
.onlyFor_miform {
		display: none;
}
.onlyFor_USA,
.onlyFor_CAN,
.onlyFor_MX,
.onlyFor_GB,
.onlyFor_IE,
.onlyFor_TT,
.onlyFor_C,
.onlyFor_DO,
.onlyFor_GT {
		display: none;
}
.notes {
    clear: both;
    font-size: 10px;
    font-style: italic;
    line-height: 1.5;
    margin-top: 12px;
}
/*begin product pages */
.benefits ul.top {
	margin-top: 12px;	
}
.TabbedPanelsContent .benefits.blank {
	width:125px;
	background-color: #fff;
	padding: 5px 0;
}
/*end product pages */
ol.spaced li, ul.spaced li {
	margin-bottom: 6px;	
}
img.margBottom {
	margin-bottom: 16px;
}
.center {
	text-align: center;	
}
.hideDivBC {
	display: inline-block;
}
.promoDiv {
	display: inline-block;
}
.hideDivPublic {
	display: none;
}
/*Charity page BEGIN*/
#childrenFund p {
	width: 87%;
	padding-left: 7%;
	}
.charityLeft {
	width: 230px;
	float: left;
	margin-left: 30px;	
	clear: none;
}
.imagesForMobile {
	text-align: center;
}
.slides {
    padding: 0;
    width: 609px;
    height: 420px;
    display: block;
    margin: 24px auto;
    position: relative;
    clear: both;
}
.slides * {    
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
}
.slides input { 
	display: none; 
}
.slide-container { 
	display: block;
	padding-bottom: 0;
}
.slide {
    	top: 0;
    	opacity: 0;
    	width: 609px;
    	height: 420px;
    	display: block;
    	position: absolute;
    	transform: scale(0);
    	transition: all .7s ease-in-out;
}
.slide img {
    	width: 100%;
    	height: 100%;
}
.nav label {
    width: 100px;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 9;
    cursor: pointer;
    transition: opacity .2s;
    opacity: 1;
    color: #FFF;
    font-size: 70pt;
    text-align: center;
    line-height: 380px;
    font-family: "Varela Round", sans-serif;    
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}
.slide:hover + .nav label { opacity: 0.5; }
.nav label:hover { opacity: 1; }
.nav .next { right: 0; }
input:checked + .slide-container  .slide {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}
input:checked + .slide-container .nav label { display: block; }
.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}
.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.36);
}
.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 62, 126, 1);
}
input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6,
input#img-7:checked ~ .nav-dots label#img-dot-7 {
	background: rgba(0, 62, 126, 1);
}
/*Charity page END*/
#myStory {
	position: relative;
}
#myStory .identify {
	float: right;
	width: 175px;
	margin: -32px 12px 12px 12px;
	border: 3px solid #d8d8d8;
	padding: 12px;
	background-color: #fff;
}
#myStory a.btnTextLink {
	float: left;
	margin-top: 12px;
	margin-left: 0;
}
#myStory h2 {
	clear: none;	
}
img.fullwidth {
	margin-left: -15px;
}
/* begin classes to SHOW and HIDE elements on web page*/
.hidden { display: none; }
.unhidden { 
	display: block;
}	
/* end classes to SHOW and HIDE elements on web page*/
#contralentaBanner_menu2012products {
	margin-left: -15px;
	margin-right: -15px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
/*Investor Relations*/
.relationsContainer h2.info {
	margin-bottom: 1em;
	margin-top: 1em;
}
.relationsContainer a {
	text-decoration: underline;
}
.relationsContainer>a {
	padding: 0.5em;
	font-weight: bold;
}
.relationsContainer h4 {
	margin-top: 0em;
	margin-bottom: 0.3em;
}
.relationsContainer p {
	margin-bottom: 0;
}
.quarReportContainer div {
	float: left;
	width: 320px;
}
.quarReportContainer table, .shareholderContainer table {
	border-collapse:collapse;
}
.quarReportContainer td {
	padding: 0.5em 1.3em;
	border: 1px solid #fff;
}
.quarReportContainer table tr td:first-child {
	font-weight: bold;
}
.quarReportContainer table tr:nth-child(odd) {
	background-color: #eaeaea;
}
.ProxyCircular>a {
	padding: 0.5em 0 0.5em 0.5em;
	font-weight: bold;
}
.shareholderContainer table {
	width: 85%;
}
.shareholderContainer td {
	padding: 0.5em 1.3em;
	vertical-align: top;
}
.shareholderContainer img {
	float: right;
	margin-right: 12%;
}
.shareholderContainer h4 {
	margin-top: 5%;
}
/*end Investor Relations*/
/* Opportunity Day css begins */
#opportunityMeetingsEN, #opportunityMeetings {
	max-width: 250px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
}
#opportunityMeetings {
	max-width: 300px;
}
#opportunityMeetingsEN img, #opportunityMeetings img {
	-webkit-border-radius: 10px/30px;
	-moz-border-radius: 10px/30px;
	border-radius: 10px/30px;
	border: 1px solid #ccc;
	margin-top: 15px;
}
#opportunityMeetingsEN img:hover, #opportunityMeetings img:hover {
	-moz-box-shadow: 0 0 20px #333; 
	-webkit-box-shadow: 0 0 20px #333; 
	box-shadow: 0 0 20px #333;
}
.oppBlue {
	font-size: 16px;
	color: #1f2a44;
	font-weight:bold;
}
.full {
	margin-left: -15px;
	margin-bottom: 24px;
}
ul.blueArrow li {
	background-image: url(images/bullet_blueArrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	line-height:18px;
	padding-left: 24px;
}
/* Opportunity Day css ends */
/* Product pages - ingredients tab */
.TabbedPanelsContent table#ingredients, .TabbedPanelsContent table#ingredientsEurope {	
	border-collapse: collapse;
    border-spacing: 0;
    display: table;
	margin: 16px 0;
	width: 77%;
}
.TabbedPanelsContent table#ingredients tr:nth-child(even), .TabbedPanelsContent table#ingredientsEurope tr:nth-child(odd) {
	background-color: #eee;
}
.TabbedPanelsContent table#ingredients tr, .TabbedPanelsContent table#ingredientsEurope tr {
	border-bottom: 1px solid #d0d0d0;
}
.TabbedPanelsContent table#ingredients td, .TabbedPanelsContent table#ingredientsEurope td, .TabbedPanelsContent table#ingredientsEurope th, .TabbedPanelsContent table#ingredientsUS td, .TabbedPanelsContent table#ingredientsUS th, .TabbedPanelsContent table#ingredientsUS_3col td, .TabbedPanelsContent table#ingredientsUS_3col th, .TabbedPanelsContent table#ingredientsUS_wide td, .TabbedPanelsContent table#ingredientsUS_wide th {
	font-size: 13px;
	padding: 8px;	
}
table#ingredientsMiformUS_4col td {
	font-size: 13px;
	padding: 8px;	
}
/* Bottom of MiForm bars table US */
.TabbedPanelsContent table#ingredientsUS tr#miformMiddle, .TabbedPanelsContent table#ingredientsUS_3col tr#miformMiddle{
	border-bottom: none;
}
.TabbedPanelsContent table#ingredientsUS tr#miformMiddle td, .TabbedPanelsContent table#ingredientsUS_3col tr#miformMiddle td{
	text-align: left;
}
/* size 2 col table, European products */
.TabbedPanelsContent table#ingredients td:first-child, .TabbedPanelsContent table#ingredientsEurope td:first-child {
	width: 75%;	
}
.TabbedPanelsContent table#ingredients td:last-child, .TabbedPanelsContent table#ingredientsEurope td:last-child, .TabbedPanelsContent table#ingredientsEurope td:nth-child(2), .TabbedPanelsContent table#ingredientsEurope th:last-child, .TabbedPanelsContent table#ingredientsEurope th:nth-child(2) { 
	width: 25%;	
	text-align: right;
}
/* end size 2 col table, European products */
.TabbedPanelsContent table#ingredients td:last-child {
	vertical-align: top;
}
.TabbedPanelsContent table#ingredientsEurope td:last-child,.TabbedPanelsContent table#ingredientsEurope td:nth-child(2) {
	vertical-align: bottom;
}
#contentBox h3.prodIngredients  {
	color: #1f2a44;
}
.bold {
	font-weight: bold;
	text-transform: uppercase;
	color: #1f2a44;
}
.italic {
	font-weight: bold;
	font-style: italic;
}
.TabbedPanelsContent table#ingredientsUS th, .TabbedPanelsContent table#ingredientsUS_3col th, .TabbedPanelsContent table#ingredientsUS_wide th {
	background-color: #fff;	
	color: #000;
	border: 1px solid #000;
}
.TabbedPanelsContent table#ingredientsUS tr, .TabbedPanelsContent table#ingredientsUS_3col tr, .TabbedPanelsContent table#ingredientsUS_wide tr, .TabbedPanelsContent table#ingredientsMiformUS_4col tr {
	border: 1px solid #000;
}
.TabbedPanelsContent table#ingredientsUS th:first-line, .TabbedPanelsContent table#ingredientsUS_3col th:first-line, .TabbedPanelsContent table#ingredientsUS_wide th:first-line {
	font-size: 16px;
	font-weight: bold;
}
.TabbedPanelsContent table#ingredientsUS, .TabbedPanelsContent table#ingredientsUS_3col, .TabbedPanelsContent table#ingredientsUS_wide, .TabbedPanelsContent table#ingredientsMiformUS_4col {	
	border-collapse: collapse;
    border-spacing: 0;
    display: table;
	margin: 16px 0;
	width: 48%;
	color: #000;
}
.TabbedPanelsContent #ingredientsMiformUS_4col {
	width: 90% !important;
}
/* size 3 column table*/
.TabbedPanelsContent table#ingredientsUS_3col {
	width: 90%;	
}
.TabbedPanelsContent table#ingredientsUS_3col td:first-child {
	width: 52%;
}
.TabbedPanelsContent table#ingredientsUS_3col td:last-child, .TabbedPanelsContent table#ingredientsUS_3col td:nth-child(2) {
	width: 24%;
	text-align: right;
}
/* end size 3 column table*/
/* 4 col table MiForm bars table US */
.TabbedPanelsContent table#ingredientsMiformUS_4col {
	margin-top: -16px;	
}
.TabbedPanelsContent table#ingredientsMiformUS_4col tr:last-child {
	text-align: center;	
}
.TabbedPanelsContent table#ingredientsMiformUS_4col tr:first-child {
	border-top: none;	
}
/* size 2 column table wide (Probiotic, Contralenta) */
.TabbedPanelsContent table#ingredientsUS_wide {
	width: 72%;	
}
.TabbedPanelsContent table#ingredientsUS_wide td:first-child {
	width: 69%;
}
.TabbedPanelsContent table#ingredientsUS_wide td:last-child {
	width: 31%;
	text-align: right;
}
/* end size 2 column table wide (Probiotic, Contralenta) */
.TabbedPanelsContent table#ingredientsUS td, .TabbedPanelsContent table#ingredientsUS_3col td, .TabbedPanelsContent table#ingredientsUS_wide td, .TabbedPanelsContent table#ingredientsMiformUS_4col td {
	border: none;
}
.TabbedPanelsContent table#ingredientsUS td:first-child {
	width: 66%;
	border-right: none !important;
}
.TabbedPanelsContent table#ingredientsUS td:last-child {
	width: 34%;
	text-align: right;
}
.TabbedPanelsContent table#ingredientsUS tr:nth-child(2) td {
	width: 50%;
}
.TabbedPanelsContent table#ingredientsUS tr:last-child, .TabbedPanelsContent table#ingredientsUS tr:first-child, .TabbedPanelsContent table#ingredientsUS tr:nth-child(2), .TabbedPanelsContent table#ingredientsUS_3col tr:last-child, .TabbedPanelsContent table#ingredientsUS_3col tr:first-child, .TabbedPanelsContent table#ingredientsUS_3col tr:nth-child(2),  .TabbedPanelsContent table#ingredientsUS_wide tr:last-child, .TabbedPanelsContent table#ingredientsUS_wide tr:first-child, .TabbedPanelsContent table#ingredientsUS_wide tr:nth-child(2), .TabbedPanelsContent table#ingredientsUS_3col .borderBottom, .TabbedPanelsContent table#ingredientsUS_wide .borderBottom, .TabbedPanelsContent table#ingredientsUS .borderBottom {
	border-bottom: 8px solid #000;
}
.TabbedPanelsContent table#ingredientsUS tr:nth-child(2), .TabbedPanelsContent table#ingredientsUS_3col tr:nth-child(2), .TabbedPanelsContent table#ingredientsUS_wide tr:nth-child(2) {
	font-weight: bold;	
}
.TabbedPanelsContent table#ingredientsUS_3col tr:nth-child(2) td:first-child {
	text-align: right;
}
.TabbedPanelsContent table#ingredientsUS_3col .indent, .TabbedPanelsContent table#ingredientsUS .indent, .TabbedPanelsContent table#ingredientsUS_wide .indent {
	padding-left: 20px;
}
.TabbedPanelsContent table#ingredientsUS_3col td.alignLeft {
	text-align: left !important;
}
.TabbedPanelsContent table#ingredientsUS_3col td.alignVertical {
	vertical-align: top;	
}
.TabbedPanelsContent table#ingredientsUS_wide td#centerAlign {
	text-align: center;
}
.smallPrint, .smallPrint_3col, .smallPrint_wide {
	font-size: 13px;
	font-weight: bold;
}
.smallPrint_3col {
	width: 90%;	
}
.smallPrint_wide {
	width: 72%;	
}
.smallPrintMiform {
	width: 50%;
	font-size: 11px;
}
#ingredientsUS_bottom {
	width: 48%;	
}
#ingredientsUS_bottom p:first-of-type {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 0;
}
#ingredientsUS_bottom p:last-of-type {
	margin-top: 5px;	
}
/* End of product pages - ingredients tab */
.annivBanner {
	margin-top: 5px;
	margin-bottom: 5px;	
}
/*class leftBtnTextLink for left alignment of the Flyer button for Event Calendar */
#right .leftBtnTextLink {
	float: left;
}
@media screen and (max-width: 767px) {
	#countMobile {
		display: block;
		width: 138px;
		margin: 0 auto;	
	}
	#count {
		display: none;	
	}
}
/* style the mini description area - only showing partial when not hovering */
.productMiniDesc {
	z-index: 10;
	position: absolute;
	width: 85%;
}
/* end simulate hover effect on touch screen devices */
/* indicate that the description can be hovered */
/* move the prices down - this is an empty div inserted right after.productMiniDesc */
.productMiniDescAfter {
	margin-top : 65px;
}
/*Social Media Tool css begin */
#socialmediallinks {
	background: #e4e8f0 !important;
}
#socialmediallinks>span {
	font-size: x-small !important;
}
/* new flow */
/* Location selection radio buttons in Customer Registration page */
#sdkinputid_BillRN input{
	margin-left: 135px;	
}
/* background color for form disabled field in Payment Method page */
#sdkccinfodiv input[type="text"]:disabled {
	background-color: #e7f8fd !important;
	color: #111;
	opacity: 0.9;
	text-align: center;
}
/* skin care teaser page */
.skin img, .skinTestimonial img {
	float: left;
	padding-right: 20px;
	padding-bottom: 30px;	
}
.skin p {
	margin-top: 30px;	
}
#skinCareTestimonials {
	clear: both;	
}
.skinTestimonial {
	clear: both;
	margin-top: 30px;
}
#skinPrussick .skinTestimonial {
	background-image: none;
}
.skinTestimonial p:first-of-type {
	font-style: italic;
	padding-top: 25px;
}
.skinTestimonial p {
	margin-top: 0;	
}
.skinDisclaimer {
	clear: both;
	font-size: 11px;
}
img.skinSwirl {
	width: 707px;
	height: 377px;	
}
img.skinRight {
	float: right;	
	padding-bottom: 30px;
	padding-left: 20px;
}
.featuredVideoSkin {
	background-image: url(../images/skin_video_back.jpg);
    	background-repeat: no-repeat;
    	background-position: 0 -25px;
    	width: 105%;
    	margin-bottom: 30px;
    	overflow: auto;
    	min-height: 345px;
	margin-left: -15px;
}
.featuredVideoSkin a img {
    	margin-left: 140px !important;
	margin-top: 21px !important;
}
#teaser, #teaserProducts {
	position: relative;	
}
#teaser a.btnTextLinkSkin, #teaserProducts a.btnTextLinkSkin, #teaser a.btnTextLinkAcapulco {
	position: absolute;
    	bottom: 10px;
    	right: 10px; 
	font-size: 11px;
    	font-family: Arial, Helvetica, sans-serif;
    	cursor: pointer;
    	color: #fff;
    	text-decoration: none !important;
    	font-weight: bold;
    	line-height: normal !important;
    	border-radius: 4px;
    	padding-top: 3px;
    	padding-right: 14px;
    	padding-bottom: 3px;
    	padding-left: 4px;
    	float: right;
    	text-align: right;
    	z-index: 50;
    	background-image: url(images/arrow_btnTextLink.png);
    	background-repeat: no-repeat;
    	background-position: right center;
    	margin-bottom: 0;
    	margin-left: 3px;
    	margin-right: 0;
	border: 1px solid #663399;
    	background-color: #663399;
}
#teaser #AcapulcoBtnChange {
	border: 1px solid #ee3d23;
    	background-color: #ee3d23;
}
#teaser #AcapulcoBtnChangeSport {
	border: 1px solid #cc0000;
    	background-color: #cc0000;
}
#teaser #AcapulcoBtnChange:hover, #teaser #AcapulcoBtnChangeSport:hover {
	border: 1px solid #666;
    	background-color: #666;
}
#teaser a.btnTextLinkSkin:hover, #teaserProducts a.btnTextLinkSkin:hover {
	border: 1px solid #8b5b94;
    	background-color: #8b5b94;
}
/* end of skin care teaser page */
/* home page skin care banner */
#teaser {
	margin-top: 12px;	
}
/* end of home page skin care banner */
/* products page skin care banner */
#teaserProducts {
	margin-left: -15px;	
}
/* end of products page skin care banner */
/* skin care site  and convention 2017*/
.topImage, .bottomImage { /* adjusts the top image width automatically on mobile devices */
	width: 100%;
	height: auto;	
}
#elasenseMainPage {
	display: none;
}
/* Cathy Ford page */
.elasense_quote {
	font-style: italic;	
}
.skinText h3 {
	color: 	#1f2a44;
	margin-top: 25px;
}
/* testimonials page */
.skinGroupResults {
	clear: both;	
}
.skinGroupResults p {
	font-weight: bold;
}
.elasenseDisclaimer {
	margin-top: 40px;	
}
.skinFloat {
	float: right;	
}
.skinResults {
	background: #c0b4d8;
    	padding: 3px 15px;
	margin-bottom: 30px;
}
.skinResults h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 0;
}
.skinResults p {
	font-size: 16px;
	color: #1f2a44;
}
.elasenseTestHeader {
	margin-bottom: 0;	
}
/* glossary page */
.elasenseGlossaryLetter {
	border-bottom: 1px solid #1f2a44;
    	color: #1f2a44 !important;
    	padding: 3px 15px 3px 3px;
    	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 20px;
    	clear: both;
}
.TabbedPanelsContent .elasenseGlossaryLetter {
	margin-left: 0;
	margin-right:0;	
}
.TabbedPanelsContent dl.elasenseGlossary dt {
	margin-left: 10px;
	margin-right: 10px;
}
.elasenseGlossary dd {
	margin-top: 3px;
	margin-bottom: 10px;	
}
#elasenseGlossaryAnchors {
	padding-left: 0;
}	
#elasenseGlossaryAnchors li {
	list-style-type: none;	
	display: inline-block;	
	margin-right: 20px;
}
#elasenseGlossaryAnchors li a {
	font-size: 18px;
}
/* glutathione page */
.elasense_glutTitle {
	background: #d0c8e0;
	padding: 1px 5px;
}
.elasense_glutImg img {
	max-width: 550px;
	width: 100%;
	display: block;
	margin: 0 auto;	
}
.elasense_glutText {
	background: #ad9dcc;
	color: #fff;
	padding: 10px;
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
}
.elasense_glutText p {
	line-height: 1.4em;
}
.elasense_glutText span {
	font-weight: bold;
	color: #5433a2;
}
/* unique page */
.uniqueMobile {
	display: none;	
}
.uniqueText p {
	line-height: 1.7em;	
}
.uniqueText a {
	font-weight: bold;	
}
.uniqueBottom1 a, .elasense_uniqueBottom_fr1 a {
	font-weight: bold;	
	color: #fff;
}
.uniqueBottom1 a:hover, .elasense_uniqueBottom_fr1 a:hover {
	opacity: 0.7;	
	color: #fff;
}
.uniqueBenefits p {
	font-weight: bold;		
}
.uniqueBottom1, .uniqueBottom2, .uniqueBottom3 {
	float: left;
}
.uniqueBottom1 p, .uniqueBottom2 p, .uniqueBottom3 p {
	line-height: 1.4;
	margin-top: 15px;
	color: #fff;
}
.uniqueNumber {
	width: 5%;
	float: left;
	padding-right: 2%;
}
.uniqueNumber p {
	font-size: 86px;
	font-weight: bold;
	color: #9F8AC1;	
	margin-top: -5px;
	margin-bottom: 0;
}
.bluePurple {
    	color: #192857;
   	background: #c9bede;
    	padding: 3px;
	font-size: 14px;
}
.uniqueGlut2 {
	background: #c9bede;
	padding: 2px 5px;
	color: #3a078c;
}
/* how to use page */
#step1, #step2, #step3, #step4 {
	width: 48%;	
	float: left;
	text-align: center;
	display: block;
}
#step1, #step3 {
	margin-right: 4%;
}
#step1 p, #step2 p, #step3 p, #step4 p {
	margin-left: 20%;
	width: 60%;	
}
.stepTitle, .stepNumber {
	font-size: 22px;
	margin-top: 0;
	color: #9f8ac1;
	margin-bottom: 0;
}
.stepNumber {
    font-weight: bold;
    color: #1f2a44;	
}
#videoHowToUse, #trip2016video, #convention2017video, #conventionNational2016video {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
#trip2016video iframe, #convention2017video iframe {
	padding: 3px;
	border: 1px solid #eaeaea;
}
#textHowToUse {
	background-image: url(images/skin_swirl_20.png);
     background-repeat: no-repeat;	
	background-position: 2px 232px; 	
	width: 100%;
}
.stepText {
	 color: #1f2a44;
	 margin-top: 5px;
}
.step4Bold {
	font-style:italic;
	font-weight: bold;	
}
.elasenseUseGuide {
	clear: both;
	padding-top: 10px;
}
/* testimonials page */
.elasenseVideo:hover {
	opacity: 0.8;	
}
.skinConsultant {
	margin-bottom: 5px;	
}
.skinVideo {
	font-style: italic;
	margin-top: 0;
}
/* meet Dr. Prussick page begin */
.wrapperDrP {
	margin-top: 100px;
	width: 100%;
	margin-bottom: 15px;
	min-height: 400px;
	display: -webkit-flex; /* Safari */
     display: flex;
}
.messageDrP {
	position: relative;
	float: left;
	width: 40%;
	padding: 55px 10% 25px;
	background-color: #6952a2;
	color: #fff;
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */    
	flex: 1;
}
.messageDrP p {
	font-size: 14px;
	line-height:1.6em;
	margin-top: 0;	
	z-index:25;
}
.aboutDrP h4 {
	margin-top: 0;
	text-transform:uppercase;
	z-index:25;	
}
.aboutDrP {
	float: left;
	width: 32%;
	padding: 25px 4%; 	
	background-color:#e8e3f1;
	-webkit-flex: 1;  /* Safari 6.1+ */
    	-ms-flex: 1;  /* IE 10 */    
    	flex: 1;
    	position: relative;
}
#videoMiddle {
	display: block;
	max-width: 500px;
	width: 100%;
	margin: 30px auto;
}
/* faqs page - rules to avoid displaying "elasense faqs" from txt include file */
#elasense_faqs h3:first-of-type, #elasense_glossary h3:first-of-type {
	display: none;	
}
#elasense_faqs dl h3:first-child, #elasense_glossary dl h3:first-child {
	display: block;	
}
.elasenseGlossary ol {
	padding-left: 15px;	
}
#elasense_glossary dt {
	font-weight: bold;
}
/* FAQs page */
#elasenseFaqs {
	margin-left: 40px;	
}
.elasenseGlossary ol {
	margin-left: 15px;	
}
#elasenseGlossaryAnchors {
	padding-left: 0;
	font-size: 12px;
}	
.TabbedPanelsContent dl.elasenseGlossary.faqs dt {
	margin-top: 10px;
	font-weight: normal;
}
.TabbedPanelsContent dl.elasenseGlossary.faqs dt:hover {	
	font-weight: bold;
}
.TabbedPanelsContent dl.elasenseGlossary.faqs dt.faqsMinus {	
	font-weight: bold;
}
.faqNav li a {
	font-size: 14px;
	line-height: 1.4em;
}
.TabbedPanelsContent .elasenseGlossary dt, .TabbedPanelsContent .elasenseGlossary dd {
	color: #666;	
	font-size: 12px;
}
/* Elasense FAQs page - rules for JavaScript slide */
.faqs {
	cursor: pointer;
	position: relative;
}
.faqs dl, .faqs p {
	font-size: 1.2em;
    	line-height: 170%;
    	margin-bottom: 20px;
}
.faqs dl, .faqs dt, .faqs dd {
    	padding: 0;
    	margin: 0;
}
.elasenseGlossary.faqs dt {
    	padding: 5px 0 6px 30px;
    	position: relative;
    	font-size: 13px;
}
.elasenseGlossary.faqs dt:hover {
	font-weight: bold;
}
dt.faqsPlus {	
	background: url(images/collapsible.png) 0 7px no-repeat;
}
dt.faqsMinus {	
	background: url(images/collapsed.png) 0 9px no-repeat;
	font-weight: bold;
}
.faqs dd {
    padding: 0 0 5px 40px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px; 
}
.faqs dt:hover {
	text-decoration: underline;	
}
/* table on immunocal faq */
.TabbedPanelsContent .faqTable th:first-child {
	width: auto;
}
/* begin elasense story (main), safety and Directions for Use Tab in items */
.elasenseDaily {
	width: 100%;
	float: left;
	margin-top: 12px;
	background-image: url(images/elasense_story_swirl.jpg);
	background-repeat: no-repeat;	
	background-position: 0 75px;
	background-size: contain;
}
.elasenseDaily.directions {
	background-position: 0 15px;
}
.elasenseTargeted, .elasense3colMain {
	width: 100%;
	float: left;
	margin-bottom: 12px;
}
.elasenseProduct, .elasenseProductOne, elasenseDirections {
	float: left;
	padding-bottom: 12px;
	padding-right: 12px;
}
.elasenseProduct {
	width: 45%;	
}
.elasenseProductOne {
	width: 60%;
	clear: right;
}
.elasenseDirections {
	width: 50%;
	clear: right;
}
.elasenseDirections div p:first-child { 
    margin-top: 40px;
}
.elasense3col {
	float: left;
	width: 230px;
	margin-right: 8px;
	background-color: #e8e3f1;
	min-height: 430px;
}
.elasense3col.right {
	margin-right: 0;	
}
.elasense3colText {
	padding: 0 8px;
}
.elasense3colText h4 {
	margin-bottom: 6px;
	clear: both;	
	font-variant:small-caps;
	font-size: 16px;
	margin-top: 12px;
}
.elasense3colText p {
	margin-bottom: 0;
	font-size: 12px;	
}
.elasense3colText ul li {
	margin-left: 0;
	padding-left: 0;	
}
.elasenseProduct div, .elasenseProductOne div {
	overflow: auto;	
}
.elasenseProduct img, .elasenseProductOne img, .elasense3col img, .elasense3col.right img {
	float: left;
}
.elasense3col img {
	margin-bottom: 12px;	
}
.elasenseProduct h4, .elasenseProductOne h4 {
	font-variant:small-caps;
	font-size: 16px;
}
.elasenseProductOne h4 {
	padding-top: 30px;	
}
.elasense3col a.btnTextLink, .elasense3col.right a.btnTextLink {
	margin-bottom: 15px;	
}
.purpleBold {
	color: #6a52a2;
	font-weight:bold;	
}
.itemsDrP {
	clear: both;
	margin-bottom: 12px;
	padding: 12px;
}
.itemsDrP img {
	float: left;
	padding-right: 12px;
}
.itemsDrP h2.purpleGradient {
	clear: none;
	margin: 18px -11px 0px -11px;
	padding-left: 130px;	
}
.itemsDrP p {
	padding-left: 120px;
	font-weight:bold;
}
/* Dr. Prussick's Tips page */
#elasense_tips {
	font-size: 14px;
}
.tipIntro {
	margin-bottom: 30px;	
}
/* testimonial promotion page */
#contentBox .contentOneCol.elasense_promo li {
	line-height: 1.4;	
}
#contentBox .contentOneCol.elasense_promo ol {
	margin: 8px 0;	
}
.elasense_promoArrow img {
	float: left;
	padding-right: 5px;	
}
.elasense_promoArrow h3 {
	margin-top: 5px;
	overflow: hidden;
}
.elasense_promoNote {
	clear: both;
	margin-top: 20px;
	font-style: italic;	
}
.elasense_beforeAfter {
	margin: 20px 0;
	text-align: center;		
}
.elasense_promoBg {
	background-image: url(images/elasense_tipsBg.png);
    	background-repeat: no-repeat;
    	background-position: 0px 74px;
    	background-size: contain;
}
/* testimonial promo banner on home page */
#testimonialPromo {
	position: relative;
	margin-bottom: 8px;
}
#testimonialPromo a.btnTextLink {
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin-bottom: 0;
	color: #fff;
}
/* end of skin care site */
/* horizontal nav used in FAQs pages */
#horizontalNav {
	margin-top: 20px;	
	width: 100%;
	padding-left: 0;
	text-align: center;
}
#horizontalNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;	
	background-image: linear-gradient(to top, #e3e3e3, #fff);
	border: 0.1em solid #dcdce9;
	text-align: center;
}
#horizontalNav li {
	display: inline-block;
	margin-left: 0 !important;
}
#horizontalNav li:last-of-type {
	border-right: none;
}
#horizontalNav li a {
	background: #1f2a44;
	line-height: 2em;
	float: left;
	width: 8em;
	display: block;
	padding-top: 5px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#horizontalNav li a:hover {
	background: #666;	
}
/* end of horizontal nav used in FAQs pages */
/* horizontal nav used in video gallery pages */
#videoCategory, #trip2017_menu, #selectCategory {
	text-align: center;	
	float: left;
    	width: 100%;
   	margin: 0 0 1em 0;
    	padding: 0;
    	font-size: 13px;
}
#videoCategory ul, #trip2017_menu ul, #selectCategory ul {
	text-align: center;
	display: inline-block;
	max-width: 542px;
	margin: 10px auto;
	list-style: none;
	width: 100%;
	padding: 0;
}
#videoCategory ul li, #trip2017_menu ul li, #selectCategory ul li {
	display: inline-block;
	margin-right: 4px;
}
#videoCategory ul li a, #trip2017_menu ul li a, #selectCategory ul li a {
	background: #1f2a44;
	line-height: 2em;
	float: left;
	width: 20em;
	display: block;
	padding: 2px;
	text-decoration: none;
	text-align: center;	
	color: #fff;
}
#videoCategory ul li a:hover, #trip2017_menu ul li a:hover, #selectCategory li a:hover {
	background-color: #666;
}
.featuredVideoBox {
	width: 570px;
   	margin: 15px auto;
	
}
.featuredVideoBox h4 {
	font-size: 16px;
    	margin-bottom: 3px;
}
.videoBox.videoTab {
	margin: 12px 9px;	
}
/* end of horizontal nav used in video gallery pages */
/* main sports nutrition page css to be used for all sites BEGIN */
#athletes .columnOne,
#athletes .columnTwo, 
#athletes .columnThree {
	float: left;
	padding-right: 12px;
	margin-right: 18px;
	margin-top: 24px;
	margin-bottom: 24px;
	position: relative;
	width: 210px;
}
#athletes .columnThree {
	margin-right: 0;	
}
#athletes .columnOne, #athletes .columnTwo {
	border-right: 1px dotted #666;	
}
#athletes .columnOne p,
#athletes .columnTwo p, 
#athletes .columnThree p {
	font-size: 11px;
}
#athletes .columnOne h4,
#athletes .columnTwo h4, 
#athletes .columnThree h4 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 6px;
	clear: right;
}
#athletes .columnOne .product a,
#athletes .columnTwo .product a, 
#athletes .columnThree .product a {
	margin-bottom: 25px;
	float: right;
	clear: both;
}
.athleteThumb {
	float: left;
	width: 150px;
	height: 190px;
	margin-right: 20px;
	margin-bottom: 12px;
	padding: 0;
}
.athleteThumb img {
	display: block;	
}
.athleteThumb img:hover {
	opacity: 0.9;	
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.athleteThumb span {
	font-size: 9px;	
}
.athleteThumb span a {
	color: #666;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
}
.athleteThumb span a:hover {
	color: #1f2a44;	
}
#athleteID {
	background-color: #000;
	margin-left: -15px;
	margin-right: -15px;
	overflow: auto;
	background-image: url(images/background_athleteProfile.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	margin-top: -10px;
}
#athleteID h1 {
	color: #fff;	
	margin-left: 15px;
	background-color: #cc0000;
	margin-top: 20px;
	clear:none;
}
#athleteID .athleteImg {
	height: 230px;
	width: 40%;
	margin-left: 15px;
	margin-right: 15px;	
	float: left;
}
#athleteID .athleteImg img {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #fff;
}
#athleteID table {
	color: #fff;
	width: 50%;
}
#athleteID table td {
	padding-top: 6px;	
	padding-bottom: 6px;
	padding-right: 3px;
	border-top: 1px dotted #ff0000;
	vertical-align:top;
}
#athleteID table td:first-child {
	width: 30%;
}
#athleteID table td.bottom {
	border-bottom: 1px dotted #ff0000;
}
#athleteDetails {
	margin-top: 30px;
}
#athleteDetails .colLeft {
	float: left;
	width: 60%;
	margin-bottom: 18px;
}
#athleteDetails .colLeft p:first-child {
	margin-top: 0;
	padding-top: 0;
}

#athleteDetails .colRight {
	float: right;
	width: 30%;
	padding: 0 0 0 50px;
	margin-bottom: 18px;
}

#athleteDetails .favoriteProd {
	margin-bottom: 30px;	
}
#athleteDetails .favoriteProd ul{
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 10px;
}
#athleteDetails .favoriteProd ul li{
	list-style-image:url(images/leftnav_collapsible.png);
	padding-bottom: 6px;
}

#athleteDetails .favoriteProd h2, 
#athleteDetails .testimonial h2,
#athleteDetails h2.achievements,
#athleteDetails h2.tv {
	margin-bottom: 6px;
	font-size: 14px;
	color: #1f2a44;
	clear: none;
	margin-top: 0;
	padding: 12px 6px 12px 30px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fff;
}
#athleteDetails .favoriteProd h2 {
	background-image:url(images/icon_favorite.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#athleteDetails .testimonial h2 {
	background-image:url(images/icon_testimonial.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#athleteDetails h2.achievements {
	background-image:url(images/icon_achievements.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#athleteDetails h2.tv {
	background-image:url(images/icon_tv.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#athleteDetails .testimonial {
	position: relative;	
}
#athleteDetails .testimonial p {
	font-style:italic;
	z-index:25px
}
#athleteDetails p.notes {
	clear: both;
	font-size: 9px;
	font-style: italic;	
	margin-top: 12px;
	line-height: 1.5;
}
.teamArtemis {
	width: 100%;
	display: block;
	overflow: auto;
	margin-bottom: 12px;
}
.teamArtemis h4 {
	margin-top: 12px;	
}
.teamArtemis div {
	float: left;
	width: 140px;
}
.teamArtemis div p {
	margin-top: 3px;
	padding-top: 0;
	font-size:11px;	
}
#partners img.right {
	margin-top: 8px;
	margin-left: 6px;
	margin-bottom: 3px;
}
#athletes table {
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}
#athletes table th {
	background-color: #58677b;	
	color: #fff;
	padding: 6px;
	text-align:left;
}
#athletes table td {
	border: thin solid #d8d8d8;
	padding: 8px 3px;
	vertical-align: top;
	font-weight: normal;
}
#athletes table tr:nth-child(even) {
    background-color: #e7e7e7;
}
/*sports nutrition website css end */
.siteMessage {
	line-height: 30px;
}
#goToSite ul li {
	display: none !important;	
}
#goToSite ul {
	list-style-type: none !important;
}

#goToSite p, #goToSite ul li {
	float: left !important;	
}
#goToSite img {
	margin-top: 21px;	
}
#goToSite div.col_1Wide {
	margin-left: 0;
}
#sitesVisit ul {
	margin-left: 0;
	padding-left: 0;
	text-align: center;
}
#sitesVisit ul li {
	list-style-type: none !important;
}
/*BEGIN 2017 Leadership Trip, 2017 University*/
#trip2017_important {
	padding-bottom: 3%;
	background-color: #e8e8e8;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 18px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	text-align: center;
}
#trip2017_important p {
	margin: 0;
	font-size: 1.2em;
}
#trip2017_important .qualification_period {
	padding-top: 2%;
   	font-size: 1.7em;
   	color: #1a2749;
}
#trip2017_main h2/*, #university2017_main h2*/ {
	margin-top: 5%;
}
#trip2017_main h4, #university2017_main h4 {
	font-size: 1.2em;
}
#trip2017_menu + .video_trip2017 {
	text-align: center;
}
#trip2017_main img, #university2017_main .imgRight {
	float: right;
	width: 40%;
	margin-left: 2%;
	border: 1px solid #d8d8d8;
	padding: 3px;
	margin-bottom: 2%;
}

.trip2017_yellow {
	color: #faa92a;
}
.greyImmunotec {
	color: #898d8f;
}
#trip2017_main ol.list-upper-alpha {
	list-style-type: upper-alpha;
}
#trip2017_main ol.list-upper-alpha > li {
	font-weight: bold;
}
#trip2017_qualification_table {
	margin-top: 3%;
	padding: 1%;
	text-align: left;
	background-color: #1a2749;
	color: #fff;
}
#trip2017_qualification_table th {
	padding-right: 5px;
	font-size: 11px;
}
#trip2017_qualification_table th, #trip2017_qualification_table td {
	font-weight: normal;
}
#trip2017_qualification_table td {
	text-align: center;
}
#trip2017_menu ul li a.promo {
	background: #cc0000;
}
#trip2017_menu ul li a.promo:hover {
	background: #666;
}
/*END 2017 Leadership Trip, University 2017*/
/*University 2017*/
#university2017_main ul li {
	list-style-type: none;
}
#university2017_main h3 > span {
	display: inline-block;
	margin-top: 1%;
}
#university2017_main .clear-both {
	clear: both;
}
.offPage {
	position: absolute;
	margin-left: -99999px;
}
.event-menu, #content .event-menu {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: center;
}
.event-menu ul, #content .event-menu ul {
	display: inline-block;
	max-width: 542px;
	margin: 10px auto;
	list-style: none;
	width: 100%;
	padding: 0;
}
.event-menu ul li, #content .event-menu ul li {
	display: inline-block;
	margin-right: 4px;
}
.event-menu ul li a, #content .event-menu ul li a {
	background-color: #1f2a44;
	line-height: 1.4em;
	float: left;
	width: 20em;
	display: block;
	padding: 8px 2px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.event-menu ul li a:hover, #content .event-menu ul li a:hover {
	background-color: #666;;
}

/* classes for Convention 2018 */
.location {
	min-height: 300px;
	margin-bottom: 18px;
}
.hotelImg {
	float: left;
	display: inline-block;
	width: 400px;
	margin-right: 18px;
}
.hotelDet {
	float: left;
}
.whyReg p {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size: 1.4em;
	margin-top: .8em;
	margin-bottom: .8em;
}
.pink {
	color: #e80098;
	font-weight: bold;
}
.regDetails {
	display: block;
	overflow: auto;
	margin: 0 -15px 15px;
	background-color: #ebebeb;
	padding: 6px 8%;
	
}
.regDetails div {
	float: left;
	width: 47%;
}
.regDetails div:first-child {
	margin-right: 6%;
}
.incentive article {
	float: left;
	width: 59%;
	margin-right: 6%;
}
.incentive aside {
	float: left;
	width: 35%;
	text-align: center;
}
.incentive aside h3 {
	margin-top: 0;
}
.rowAgenda {
	margin-bottom: 12px;
	border-bottom: 1px dashed #d8d8d8;
}
.rowAgenda p:first-child, .rowAgenda h3:first-child {
	margin-top: 0;
	padding-top: 0;
}
.columnAgendaOne {
	float: left;
	width: 35%;
	margin-right: 3%;
}
.columnAgendaTwo {
	float: left;
	width: 62%;
}
/* Clear floats after the columns */
.rowAgenda:after {
    content: "";
    display: table;
    clear: both;
}

#university2017_main section::after { content:''; display: block; clear: both; margin-bottom: 12px; position: relative; }

section aside.speak-names { 	
	float: left;
	width: 23%;
} 
section aside.speak-names p {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	padding-bottom: 0px;
	padding-top: 6px;
	margin:0;
	font-size: 1.1em;
	line-height: normal;
}
section aside.speak-names p span.textSmall {
	font-size: 11px;
}

section aside.speak-names h2 { 
	margin-bottom: 2px; 
	margin-top: 2px; 
}

section aside.speak-photos { 	
	float: left;
	width: 77%;
	font-size: .8em;
}
section aside.speak-photos div {
	float: left;
	margin-right: 5px;
	min-height: 200px;
}
section aside.speak-photos img { 
	height: 165px;
	width: auto;
	border: 1px solid #e9e9e9;
}
img.nochild {
	float: right;
	padding-right: 40px;
}
i.fa.fa-caret-right { font-size: 1.3em; }

/*END University 2017*/

/* milestones page */
.milestoneBoxWide {	
    	float: left;            	
	margin: 8px 25px;	
	max-width: 315px;	
	min-height: 240px;
}
.milestoneBoxWide img {
	border: 1px solid #ebebeb;
}
.milestoneImg {
	width: 302px;
	height: 228px;
	cursor: pointer;
	background-color: #ebebeb;
}
.milestoneText {
	display: none;
	margin-top: -234px;
    	max-width: 250px;
	margin-left: 10px;
}
.milestoneImg h3, .milestoneText h3 {
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.milestoneImg .fa-angle-right {
	margin-top: 3px;
	padding-left: 5px;
}
.milestoneText {
	display: none;
	margin-top: -220px;
    	max-width: 275px;
	margin-left: 10px;
}
.leftAlign {
	float: left;
	padding-left: 3px;
}
.rightAlign {
	float: right;
	padding-right: 3px;
}
/* sports nutrition page redesign */
.sportsBox, .sportsBoxTall {
	float: left;            	
	margin: 8px 10px;
	text-align: center;
	max-width: 330px;
	min-height: 458px;
}
.sportsBoxTall {
	min-height: 472px;
}
.sportsBox img,.sportsBoxTall img {
	border: 1px solid #ebebeb;
}
.sportsBox p, .sportsBoxTall p {
	margin-top: 0;
}
.sportsBox h3, .sportsBoxTall h3 {
	margin-top: 6px;
	margin-bottom: 6px;
}
/* end of sports nutrition page redesign */
/* compensation plan page */
#compPlan p {
	margin-top: 8px;
	margin-left: 16px;
}
#compPlan ul.compList {
	padding-left: 0;
	list-style-type: none;
}
/* login banner */
.loginBanner {
	margin-bottom: 12px;
	margin-top: 12px;	
}
/* youTube upload fast begin */
.youtube {
    	width: 300px;
    	height: 169px;
    	background-position: center;
    	background-repeat: no-repeat;
    	position: relative;
    	display: block;
    	overflow: hidden;
    	transition: all 200ms ease-out;
    	cursor: pointer;
    	float: left;
}
#videoLibrary iframe {
	width: 300px; 
    	height: 169px; 
  	float: left;
	margin-bottom: 12px;
}
#videoLibrary .featuredVideoBox iframe {
	width: 560px;
    	height: 315px;
  	float: left;
	margin: 12px 0 20px;
	clear: both;
}
/* play button */
.youtube .play {
	background: url(images/playButton.png) no-repeat center center;	    
    	position: absolute;
    	height: 100%;
    	width: 100%;
    	opacity: .8;
    	filter: alpha(opacity=80);
    	-webkit-transition: all 0.2s ease-out;
    	-moz-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 0.2s ease-out;
}
.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/* end of play button */
/*youtube upload fast end */
/* video gallery */
.videoBox {
	float: left;
	background: #ebebeb;
	padding: 12px;
	margin: 12px 24px 12px 0;
	min-height: 235px;
	max-width: 300px;
}
.videoBox .youtube {
	margin-bottom: 12px;	
}
.videoBox.right {
	float: right;	
	margin-right: 0;
	margin-left: 12px;
}
/*.featuredVideoBoxTop {
	width: 570px;
	float: left;	
    	padding: 12px 25px;
    	margin: 12px 24px 12px 0;
}
#videoLibrary .featuredVideoBoxTop iframe {
	width: 560px;
    	height: 315px;  	
	margin: 12px 0 20px;
}*/
#videoLibrary #featuredVideoBoxTop {
	float: none;
	width: 560px;
	height: 315px;
	margin: 20px auto;
	display: block;
}
/* end of video gallery */
/* clear: both for Top of Page */
.clearTopPage {
	clear: both !important;
	margin-bottom: 12px;
	margin-top: 12px;
}
/* hide mobile from TopBar for desktop */
#mobileMenu {
	display: none;		
	float: left;
	margin: 3px 6px 0 3px;
}
#mobileMenu a {
	color: #fff;
	font-size: 20px;
	text-decoration: underline;
}
/* investor relations page */
.companyTab h3 {	
	margin-top: 24px;
	margin-bottom: 6px;
	clear: both;
	font-size: 18px;
}
.companyTab h4 {
	margin-top: 12px;
	margin-bottom: 6px;
}
.companyTab p {
	margin-top: 0px;	
}
.companyTab table {
	margin-bottom: 24px;	
}
.noBullet {
	list-style: none;
	padding-left: 0;	
}
/* children's fund page */
.fundLogo {
	padding: 12px;
	margin: 0 12px 24px 12px;
	float: right;
}
/* omega gen v page */
.lessMargin {
	margin-top: 5px;	
}
#btnLoginPage {
	background-color: #029feb;
	border: 1px solid #029feb;
}
/* end of login page */
/* border around pdf from sdk */
.promoBorder {
	padding: 3px;
	border: 1px solid #d8d8d8;
}
/* back to top button - used by js bttButton.js */
#back-to-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    background-color: #1f2a44;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease-in-out;
    display: inline-block;
    opacity: 0;
    text-decoration: none;    
}
#back-to-top:hover {
   background-color: #666;        
}
#back-to-top.visible {
    opacity: 1;
}
/* blue carpet page - float div left */
.floatLeft70 {
	float: left;
	width: 68%;
	margin: 20px 0;
	padding-right: 5%;
}
.floatLeft30 {
	float: left;
	width: 25%;
	padding-left: 2%;
	background-color: #d8d8d8;
	margin: 20px 0;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
}
.floatLeft70 a.blueCarpet {	
	padding: 10px; 	
    	text-decoration: none;
	background-color: #1f2a44;	
	color: #fff; 
	border-radius: 3px;
}
.floatLeft70 a.blueCarpet:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none;	
}
.floatLeft70 p:last-child {
	margin-top: 30px;	
}
.floatLeft30 ul, .floatLeft30 ul li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
/* nav item on sports site */
.itemLeftnav {
	color: #1f2a44;	
}
.itemTopBar {
	font-size: 15px;	
}
/* 404 page */
.oops {
	position: relative;	
}
.oops div {
	text-align: center;
	width: 35%;
	position: absolute;
	right: 70px;
	top: 150px;
}
h1.error {
	font-size: 3em;
	margin-bottom: 0px;
}
h2.error {
	color: #666;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 18px;
}
.pageCenter a.btnLinkBlue {
	display: inline-block;
	margin-bottom: 18px;
}

/* Media Queries Convention 2018 
Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .columnAgendaOne, .columnAgendaTwo {
        width: 100%;
    }
}

@media only screen and (min-device-width : 300px) and (max-device-width : 1024px) {
	/* quantity boxes on product pages for mobile devices*/
	input {
		padding:2px 15px;
	}
	/* avoid double stroke on Marcellus SC font */
	h1 {
		font-weight: normal;
	}	
}
@media only screen and (min-device-width : 300px) and (max-device-width : 1024px) {
	/* back to top button - used by js bttButton.js */
	#back-to-top {		
		bottom: 4.3em;
		right: 2.4em;
	}
	.fa-3 {
		font-size: 2em !important;
	}
	/* end of back to top button - used by js bttButton.js */
}
@media only screen and (max-device-width : 400px) and (orientation : portrait) {
	.featuredVideoSkin a img {
		margin-top: 21px !important;
	}
	img.skinRight:first-of-type {
		margin-top: 10px;	
	}
	.skinTestimonial p:first-of-type {
		padding-top: 15px;	
	}
	/* back to top button - used by js bttButton.js */
	#back-to-top {
		padding: 1.5em 2em;	
	}
	.videoBox {
		float: none;
		margin: 10px auto;
	}
	/* end of back to top button - used by js bttButton.js */
}
@media print { 
	.TabbedPanelsContent dd[style], .faqs dd[style] {
   		display: block !important;
	}
}
@media only screen and (max-device-width : 768px) and (orientation : landscape) {
	/* charity fund page */
	.charityLeft {
		width: 100%;
	}
}
@media only screen and (min-device-width : 250px) and (max-device-width : 1024px)  { 
	/* display mobile on TopBar for mobile devices */
	#mobileMenu {
		display: block;	
	}
	#menu {
		right: 0;
	}
	.dropdown_1column {    		
    		margin: 4px -35px;
	}
	/* end of display mobile on TopBar for mobile devices */		
}
@media only screen and (max-device-width : 768px) {
	/* new header */
	#header {
		height: 80px;	
	}
	#headerContainer .headerBottomLinks {
		margin-bottom: 10px;
		float: none;	
	}	
	#topNavLogo, #topNavContainer #menu {
		margin-left: 12px;	
	}
	.dropdown_5columnsLeft {
		margin: 4px -390px;
	}
	.dropdown_1column {	    
	    margin: 4px -35px;
	}
	#socialMediaHeader {
		display: none;	
	}	
	/* end of new header */	
}