/*afflandstyling.css - styles for affiliates landing pages etc */

.leftSideImage {float:left;}

#content .mainWithFlankingImg { overflow: hidden; height: 222px; } 
#content .mainWithFlankingImg p { margin: 0px; padding: 0px; } 
#content .mainWithFlankingImg img { margin: 0px; float: left; } 
#content .mainWithFlankingImg .flankingImg { margin: 0px 0px 3px 3px; } 

#featureIntroduction .stateClosed .cbContent { visibility: visible; height: 8.4em; }
/*#featureIntroduction .showHide { text-align:right; margin: 0; display: block; line-height: 0;   }*/
#featureIntroduction .stateClosed .showLess,  #featureIntroduction .stateOpen .showMore  { display:none; }

/*#featureIntroduction .stateClosed .cbContent { visibility: visible; height: 7em; min-height: 7em; } */
/*#featureIntroduction .pageContent .showHide { float: right; position: relative; top: -1em; } */

#featureList li {clear: both; display: block; border: 1px solid #000000; height: 145px; padding: 5px; margin-bottom: 10px;}
#featureList li .moreInfo {display:block;}
#featureList li h3 {padding: 0; margin:0;}

#FHM2008 .portalList { background: #efefef url(/Images/Affiliates/fhm2008.jpg);  position: relative; top: 0px; left: 0;}
#Fitness2008 .portalList { background: #efefef url(/Images/Affiliates/fitness2008.jpg);  position: relative; top: 0px; left: 0;}
#FreeTShirt .portalList { background: #efefef url(/Images/Affiliates/freetshirtheader.jpg);  position: relative; top: 0px; left: 0;}
#Fight .portalList { background: #efefef url(/Images/Affiliates/fightheader.jpg);  position: relative; top: 0px; left: 0;}
#Flex .portalList { background: #efefef url(/Images/Affiliates/flexlandingheader.jpg);  position: relative; top: 0px; left: 0;}
#Footy .portalList { background: #efefef url(/Images/Affiliates/extraordinaryheader.jpg);  position: relative; top: 0px; left: 0;}
#Mass .portalList { background: #efefef url(/Images/Layout/MASSheader.jpg);  position: relative; top: 0px; left: 0;}

.hiLight {font-weight: bold; }

#Fight #NavGainWeightBuildMuscle a { background-position: 0px -105px; color: #fff; }
#Flex #NavGainWeightBuildMuscle a { background-position: 0px -105px; color: #fff; }
#Footy #NavGainWeightBuildMuscle a { background-position: 0px -105px; color: #fff; }
#Mass #NavIncreasePower a { background-position: 0px -175px; color: #fff; }

.greyBox { width: 540px; border: 1px solid #ccc; padding: 0.6em; background: #efefef }
.contendersBox { border: 1px solid #ccc; padding: 0.6em; background: #efefef }
.contenders2Box { border: 1px solid #d2232a; padding: 0.6em; background: #ffffff }
.bwinnersBox { border: 1px solid #fdc220; padding: 0.6em; color: #000000; background: url(/Images/body2009/boxbgs2.jpg)}

/* Used for the inline register and login found http://www.maximuscle.com/general/fhmaidbaxter.html */
.grid4-31 .grid-2 .registerBox, .grid4-31 .grid-2 .loginBox  { height: 15em; } 
.grid4-31 .grid-2 .registerBox .frmTxtBox input, .grid4-31 .grid-2 .loginBox .frmTxtBox input { width: 230px; }
.grid4-31 .grid-2 .registerBox .frmButton input, .grid4-31 .grid-2 .loginBox .frmButton input { width: 200px; margin: 0 15px ; }

/* Used for the inline register and login found http://www.maximuscle.com/promotions/timesviper500.html */
#PromoApply .grid-2 .registerBox, #PromoApply .grid-2 .loginBox  { height: 12em; } 
#PromoApply .grid-2 .registerBox .frmTxtBox label, #PromoApply .grid-2 .loginBox .frmTxtBox label { width: 90px; float: left; text-align: right; margin-bottom: 10px;}
#PromoApply .grid-2 .registerBox .frmTxtBox input, #PromoApply .grid-2 .loginBox .frmTxtBox input { width: 230px; float: right; margin-right: 15px; margin-bottom: 10px;}
#PromoApply .grid-2 .registerBox .frmButton input, #PromoApply .grid-2 .loginBox .frmButton input { width: 200px;}
.loginFooter {width:100%; text-align: center; font-size: 0.85em;}
#OfferInfo {padding-top: 2em;}


/* Wole Table */
.woleTable { border-collapse: collapse; } .productComparison th { text-align: left; color: #000000; border: 1px solid #ccc; padding: 0.4em; } .productComparison td { text-align: left; width: 6em; border: 1px solid #ccc; padding: 0.4em;  } .productComparison .firstInList th { text-align: center; color: #A0A0A0; } .productComparison th.firstInList { text-align: left; color: #A0A0A0; width: 9em; }


#Portal_FFirstNewYear .portalList { background: url(/Images/Layout/kickstartheader.jpg) no-repeat; } 
.wwwmaxiwomencom #Portal_FFirstNewYear .portalList { background: url(/Images/Layout/kickstartheader_maxiwomen.jpg) no-repeat; } 


/* Updated affiliate pages (Sep 09 onward) */
h1.affiliateDivider {width: 727px; height: 39px; background: url(/Images/Affiliates/affiliate-headerstrip-mankind.jpg); text-indent: -9999px; border-bottom: 1px solid #cccccc;}
p.affiliateGenderButtons { margin-top: 10px; margin-bottom: 15px; display: block; text-align: center;}
#DiscountCodeBox { border: 1px solid #cccccc; margin-bottom: 10px; width: 240px;}
#DiscountCodeBox h2 {padding: 5px; }
#DiscountCodeBox p { padding: 5px; font-size: 10px; text-align: left; clear: both; display: block;}
#DiscountCodeBox .discountCode { padding-top: 8px; padding-bottom: 2px; font-size: 16px; color: red; text-align: center;}
#AffiliatePurlBox {clear: both; border: 1px solid #cccccc; margin-bottom: 10px; width: 240px; }
#AffiliatePurlBox h2 {height: 77px; width: 161px; background: url(/Images/Affiliates/createaplan.jpg); text-indent: -9999px; margin: 10px;}
#AffiliatePurlBox h3 {font-size: 11px; margin: 10px;}
#AffiliatePurlBox ul {font-size: 11px; margin-top: 12px;}
#AffiliatePurlBox p {margin: 10px;}
#AffiliatePurlBox .frmTxtBox label, #AffiliatePurlBox .frmDropBox label {width: 6em; float: left; display: block; text-align: right; margin-bottom: 5px;}
#AffiliatePurlBox .frmTxtBox input {width: 9.75em; float: left; display: block; text-align: left; margin-bottom: 5px;}
#AffiliatePurlBox .frmDropBox select {width: 10em; float: left; display: block; text-align: left; margin-bottom: 5px;}
#AffiliatePurlBox .frmTxtBox span, #AffiliatePurlBox .frmDropBox span {width: 0.5em; float: right; display: block; text-align: right; color: #e00; margin-bottom: 5px;}
#AffiliatePurlBox .frmCheckBox {clear: both; text-align: left; display: block;}
#AffiliatePurlBox .frmButton {clear: both; text-align: right; display: block;}