/*article.css - styles for articles, research etc */

/*
    Update history:
        - Apr 8 2009:
            Styles for .inlineHeading, #AccountOptions and .tabSet added to support new account page (maxi_Account_Update.ascx)
*/

.rightSideImage {float: right;}
.leftSideImage {float: left;}

.articleArea h3 {margin-bottom: 0em; padding-bottom: 0em;}
.articleArea .hiLight {font-weight: bold;}
.articleArea .productBox {margin: 0 0 0.5em 0.5em;}
.articleArea .productBox ul li { display: list-item;}
.articleArea .inlineBlock {margin: 0 0.5em 0 0.5em; padding: 0 0 0 0;}
.articleArea .inlineBlock p {margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;}
.articleArea .consultant img {margin-right: 0.5em;}
.articleArea .newsNavigator {text-align:center;}
.bannered h2 {background-color: #ebebeb;}

.referenceArea {font-size: 0.8em;}
.referenceArea h2 {font-weight: bold; margin-bottom: 0em; padding-bottom: 0em;}

.sponsorBox { background-color: #ebebeb; border: 1px solid #8e8e8e; border-top: 2px solid #ff0000; margin: 0 0 1em 0;; padding: 0.25em; }
.sponsorBox h3 {color: #cc0000;}
.sponsorBox .leftSideImage {margin:0.25em;}

.reviewBox {background-color: #EBEBEB; border: 1px solid; clear: both;}
.reviewBox img {float: right;}

.routineItem h2 {font-weight: bold; background-color: #EBEBEB;}
.routineItem h3 {font-weight: bold; margin-bottom: 0em; padding-bottom: 0em;}
.routineItem .tip {font-weight: bold;}

.ingredientsHead {font-weight: bold; color: #FF0000; text-align: center;}
.ingredientsBlock {background-color: #EBEBEB;}
.ingredientsBlock td {vertical-align: top;}
.ingredientsBlock .firstItem {font-weight: bold; margin-bottom: 0em}
.ingredientsBlock ul li {list-style: none; display: list-item; margin-left: 3em;}
.ingredientsBlock ol li {list-style: square; display: list-item; margin-left: 1.5em;}

.internalPresenter .headSection {display: block;}
.internalPresenter .mainSection {float: left;}
.internalPresenter .mainSection img {margin-right: 0.5em;}
.internalPresenter .subSection {float: right;}
.internalPresenter .sizeForcer {clear: both;}

/* Styling classes, may move */
/* .ipStyling {background-color: #FFFFEE;} */
.ipStyling h2 {color: #FF0000;}
.ipStyling .mainSection {width: 70%;}
.ipStyling .subSection {background-color: #FFEEDD; width: 30%;}

.midStyling {text-align: center;}

.routineDayBox {background-color: #EBEBEB; padding: 0em;}
.routineDayBox table {width: 100%; margin-bottom: 0.2em;}
.routineDayBox td {width: 15%; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; text-align: center; border: 0px;}
.routineDayBox th {width: 15%; color: #666666; font-weight: bold; border: 0px;}
.routineDayBox .labelStyling {width: 70%; text-align: left;}

.articlesMenu p {margin-bottom: 0em; padding-bottom: 0em;}
.articlesMenu li {padding-top: 1em;}

.recipeNameStyling {background-color: #EBEBEB; color: #CC0000;}
.recipeToppingStyling ul {background-color: #EBEBEB;}
.recipeQuoteStyling {background-color: #EBEBEB;}
.grid4-31 .productBox { float: right; } 
.importantNote {font-weight: bold; display:inline; padding-right: 1em;}

.HelpQuestion h3 {margin: 0; padding: 0;}
.HelpQuestion a:hover {cursor: pointer;}
.leftSideImage { float: left;  margin: 0 1.231em 1.231em 0; } 

.noDeco a:hover {text-decoration: none;}
.centerContent {text-align: center;}

.noLineSpace {margin-bottom: 0px}

.sponsorApply td {border: 0px}

.englishAddress p {margin: 0; font-weight: bold}
.portugueseAddress h2 {margin:1em 0 0 0}
.portugueseAddress p {margin:0}
.portugueseAddress p span {width: 16em}

.inlineHeading h1 {float:left;}
.inlineHeading div {float: right;}

#AccountOptions {text-align:right;}
#AccountOptions li {padding: 5px; border-left: 1px solid #ddd;height: 30px;}
#AccountOptions li a img {height: 30px; width: 32px; vertical-align: middle;}

.tabSet .firstInList {margin-left: 10px;}
.tabSet li span {border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0 10px 1px 10px;}

#AccountDetails {margin-bottom:1em;}
#AccountDetails ul,#AccountDetails div{margin-bottom:0;}

#AddressesBlock div {float: left; width: 49.8%; border-left: 0; height: 36.5em; }
#AddressesBlock div.extended {height: 39.5em; }
#AddressesBlock .firstInList {border-left: 1px solid #ccc; border-right: 0;}
#AddressesBlock .rightSideImage {width: 292px; text-align: right; float: none; padding: 0;}

#CredentialsBlock div {margin-bottom:1em;}

/* Compare products on a page */
.productComparison { 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; }
.maxiMuscle { text-align: left; color: #FF0000; width: 9em; }
.greyOut { text-align: left; color: #ccc; border: 1px solid #ccc; padding: 0.4em; }
.greyBox { width: 540px; height: 80px; border: 1px solid #ccc; padding: 0.6em; }
.proteinComparison { border-collapse: collapse; } .proteinComparison th { text-align: left; color: #000000; border: 0px solid #fff; padding: 0.4em; } .proteinComparison td { text-align: left; width: 6em; border: 0px solid #fff; padding: 0.4em;  } .proteinComparison .firstInList th { text-align: center; color: #A0A0A0; } .proteinComparison th.firstInList { text-align: left; color: #A0A0A0; width: 9em; }

/* End of line sale page offers (Langers goes ape) */
#OfferArea table {width: 100%}
#OfferArea table tr td {border: 1px solid #ccc; padding: 4px;}
#OfferArea .saving, #OfferArea .flavourPick, #OfferArea .buy {text-align: center;} 
#OfferArea .saving {font-weight: bold; color: #c00;}
#OfferArea .flavourPick select {width: 180px;}

/* Alex's sponsor page layout */
.sponsorModule { width: 230px; height: 264px; float: left; background-repeat: no-repeat; border: 1px solid #cccccc; margin-right: 15px; }
.sponsorModuleThird { width: 230px; height: 264px; float: left; background-repeat: no-repeat; border: 1px solid #cccccc; }
.sponsorModuleDesc { position: relative; top: -2px; left: 0px; }
.sponsorStrip { width: 726px; height: 119px; float: left; background-repeat: no-repeat; border: 1px solid #cccccc; margin-right: 15px; }

/* Ambassador of the year */
#VoteForm h2 {clear: both;}
.graphicLabel {width: 100%; height:156px; display: block;}
.graphicLabel span {visibility: hidden;}
#VoteForm div {height: 310px; position: relative;}
#VoteForm div h3 {font-size: 12px; margin: 0 4px;}
#VoteForm div blockquote {margin: 0 4px 12px 4px;}
#VoteForm div span {margin: 0 4px 0 4px;}
#VoteForm div span.voteOption {position: absolute; top: 290px; right: 0px;}
#VoteForm p.formFooter {clear: both; text-align: right;}
.formInfo span {font-weight: bold; color: #c00;}

#IndVote1Block {background-image: url(/Images/Sponsors/sponsormodules/votestuart.jpg);}
#IndVote2Block {background-image: url(/Images/Sponsors/sponsormodules/voteugo.jpg);}
#IndVote3Block {background-image: url(/Images/Sponsors/sponsormodules/votedaniel.jpg);}
#IndVote4Block {background-image: url(/Images/Sponsors/sponsormodules/voteeuan.jpg);}
#IndVote5Block {background-image: url(/Images/Sponsors/sponsormodules/votepauk.jpg);}
#TeamVote1Block {background-image: url(/Images/Sponsors/sponsormodules/votemecb.jpg);}
#TeamVote2Block {background-image: url(/Images/Sponsors/sponsormodules/votefecb.jpg);}
#TeamVote3Block {background-image: url(/Images/Sponsors/sponsormodules/voteffc.jpg);}
#TeamVote4Block {background-image: url(/Images/Sponsors/sponsormodules/votebil.jpg);}

/* SEO Images grid */
#ImageGroup ul li {text-align: center;}
#ImageGroup ul li h2, #ImageGroup h2 span {display: block; height: 3em; vertical-align: top; font-size: 14px; font-weight: normal;}
#ImageGroup ul li a, #ImageGroup p a,#ImageGroup ul li a:hover, #ImageGroup p a:hover,#ImageGroup ul li a:visited, #ImageGroup p a:visited {text-decoration: none;}

/* Meal Plans */
.wideContent #content {width: 974px;}
.wideContent #menu {display: none;}
table.mealPlanDay {width: 100%; clear: both; border: 1px solid #bbb;}
table.mealPlanDay td, table.mealPlanDay th {padding: 0 5px 10px 0; vertical-align: top; font-size: 87%; border: 0;}
table.mealPlanDay th {height: 25px; background: #e9e9e9 url(/Images/Layout/mainBackground.png) 0 -459px repeat-x; padding: 0; vertical-align: middle; text-align: left;}
table.mealPlanDay th.first {text-align: center;}
table.col5 th, table.col5 td {width: 162px;}
table.col6 th, table.col6 td {width: 139px;}
.planItemQuantity {display: block;}


.yellowBox { width: 540px; height: 80px; background-color: #fffdd6; padding: 0.6em; }