

.littleBlackDressPlan { display: block; clear: both; }
.littleBlackDressPlan div { text-align: center; } 

#hd { background: url(/Images/Layout/maxiwomen_header.png) 0px 20px no-repeat; } 

#FeedbackHeader a {color: #000;} 

#hd #SiteLogo { float: left; margin: 14px 0; margin-top: 18px; margin-left: 15px;} 
#hd .additionalLinks { right: 0; margin-top: 1.8em;}

#menu_container  { z-index: 1000;  position: absolute; bottom: 0; left: 0; height: 25px; width: 100%;background: #AFC900 url(/Images/Layout/mainBackgroundMW.png) 0 -459px repeat-x;}

#menu h2 {   background: #AFC900 url(/Images/Layout/mainBackgroundMW.png) 0 -459px repeat-x; border-bottom: 1px solid #ccc; } 
#pmenu a, #pmenu a:visited { font-weight: bold; color:#fff;}
#pmenu .drop ul a {color: #333; font-weight: normal;  }
#menu h2 a { font-weight: bold; color: #fff;}
#menu .stateOpen h2 a.showHide { display: block; background: url(/Images/Layout/mainBackgroundMW.png) 204px -565px no-repeat; }
#menu .stateClosed h2 a.showHide { display: block; background: url(/Images/Layout/mainBackgroundMW.png) 204px -530px no-repeat; }

#FeedbackHeader {background: #fff; border-bottom: none; } 

#hd .additionalLinks  li { border-color: #999; font-weight: bold; } 
#ft .additionalLinks, .productRange h2  { color: #eee; background: #AFC900 url(/Images/Layout/mainBackgroundMW.png) 0 -459px repeat-x;} 
#ft .additionalLinks  ul {margin-left: 18em; font-weight: bold; color: #fff;}  
#ft .additionalLinks  ul li, #ft .additionalLinks  ul a {color: #fff; border: 0; } 

.pageContent .contentBox h2, .widePageContent .contentBox h2 { background: #A5BD00; color: #fff; font-weight: bold; } 
.pageContent .contentBox { padding:0; } 


/* Attributes Tab Portal - duplicated from product as MW has on every page*/

#TabNavigation { border-bottom: 1px solid #c7c7c7; clear: both; position: relative;  background: #fff; overflow: hidden; width: 100%; }
#TabNavigation .portalNav { position: relative; z-index: 1; background: #fff; width: 100%; top: 0; height: 26px; margin: 0; padding: 0; }
#TabNavigation .portalNav li a, #TabNavigation .portalNav li a.active { font-size: 96%; font-weight: bold; top: 1px; position: relative; line-height: 1.8em;  color: #000; width: 135px;  height: 25px; display: block; float: left; background: url(/Images/Layout/tabPortalTabsMW.png) 0px -25px no-repeat; margin: 0; text-align: center; }
#TabNavigation .portalNav li a:hover { background-position: 0px 0px; text-decoration: none; color: #fff;  }

#TabNavigation  .viewPortal { height: 220px; border: 1px solid #c7c7c7; overflow: hidden; clear: both; top: 0px; } 
#TabNavigation .portalList { position: relative; top: 0px; }
#TabNavigation .portalContent {  height: 220px; background: #fff; margin: 0 1em; }
#TabNavigation .portalContent h2 { padding-top: 0.5em; margin: 0;  } 
#TabNavigation div { margin: 0; } 

#TabNavigation  h2 {display: none; }
#TabNavigation  h3 { font-size: 96%; margin: 0 0 0 0; padding;0;}
#TabNavigation .readMore { position: absolute; bottom: 0em; }
#TabNavigation .grid2 { height: 194px;  }
#TabNavigation .grid2 div { height: 194px;  position: relative; }
#TabNavigation .grid2 h3, #TabNavigation .grid2 p {margin-top: 1em;  margin-left: 160px; } /* Make room for the background image */


#TabNavigation #tabTheFatsOfLife { background: #fff url(/Images/women/saladOil.jpg) 0px 10px no-repeat; }
#TabNavigation #tabItsFinetoDine { background: #fff url(/Images/women/prawn.jpg) 0px 10px no-repeat; }
#TabNavigation #tabWhatCanIDo  { background: #fff url(/Images/women/profileRunner.jpg) 0px 10px no-repeat; }
#TabNavigation #tabHowCanIGetMoreProtein { background: #fff url(/Images/women/pancake.jpg) 0px 10px no-repeat; }
#TabNavigation #tabGetReadyToGoSleeveless { background: #fff url(/Images/women/workoutExample1.jpg) 0px 10px no-repeat; }
#TabNavigation #tabGetABeachBum { background: #fff url(/Images/women/workoutExample2.jpg) 0px 10px no-repeat; }
#TabNavigation #tabProteinOatmealPancakes { background: #fff url(/Images/women/pancake.jpg) 0px 10px no-repeat; }
#TabNavigation #tabProteinParfait { background: #fff url(/Images/women/sundays.jpg) 0px 10px no-repeat; }
#TabNavigation #tabSallyLaver { background: #fff url(/Images/women/sallyLaver.jpg) 0px 10px no-repeat; }
#TabNavigation #tabLucyNewman { background: #fff url(/Images/women/lucyNewman.jpg) 0px 10px no-repeat; }

 
#MenuRequestACatalogue .cbContent a  { background: url(/images/Layout/get_your_free_catalogueMW.png) no-repeat; } 



/* Home Page */
.goalPortalFemale {  position: relative; height: 280px; overflow:hidden;  } 
.goalPortalFemale .portalNav  { background: #ebebeb url(/Images/Layout/mainBackgroundMW.png) repeat-x 0px -1px; z-index:2; position: absolute; top: 245px; height: 35px; width: 728px; }
.goalPortalFemale .portalNav li { width: 25%; *width: 24.811%;  display: block; float: left; margin:0;padding:0;} 
.goalPortalFemale .portalNav li a { background: #ebebeb url(/Images/Layout/mainBackground.png) repeat-x 0px 1px; width: 100%; padding-top: 0.68em; display:block;height: 35px; text-align: center; border-left: 1px solid #aeaeae; color: #333 } 
.goalPortalFemale .portalList { background: #efefef url(/Images/Layout/wom/goalBackgroundAlt.jpg);  position: relative; top: 0px; left: 0;}
.goalPortalFemale .portalContent { margin: 0 2em 0 38em; position: relative; height: 245px; color: #fff; overflow: hidden; }
.goalPortalFemale .portalContent a, .goalPortal .portalContent a:visited { color:#fff; text-decoration: underline; } 
.goalPortalFemale .viewPortal { height: 245px; overflow: hidden; } 

#GoalNav #NavNewToMaximuscle a:hover, #GoalNav #NavNewToMaximuscle a.active, #portalpageWhereDoIStart #NavNewToMaximuscle a { background-position: 0px -280px;   color: #fff; } 
#GoalNav #NavLoseFat a:hover,#GoalNav #NavLoseFat a.active, #portalpageHowToLoseFat #NavLoseFat a { background-position: 0px -140px;  color: #fff;} 
#GoalNav #NavToneUp a:hover,#GoalNav #NavToneUp a.active, #portalpageHowToToneUp #NavToneUp a { background-position: 0px -105px;  color: #fff;} 
#GoalNav #NavBoostEnergy a:hover,#GoalNav #NavBoostEnergy a.active, #portalpageHowToBoostEnergy #NavBoostEnergy a { background-position: 0px -210px;   color: #fff; } 

.womanQuestion {color: #9711A3; font-weight: bold; }

.womanStory h2 { background: #ebebeb; margin-bottom: 0px; }
.womanStory .subHead { font-weight: bold; font-style: italic; } 

.leftSideImage {border: 1px solid #bfd93a; height: 74px; width: 95px;}
th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #000;
	padding:0.5em;
}
#greyBorder {border: 1px solid #e4e4e4; margin-bottom: 15px; height: 8.75em;}

#WomensArticles h3 {margin: 0; padding: 0;}
#WomensArticles h3 a, #WomensArticles h3 a:hover, #WomensArticles h3 a:visited {color: #a6be00; text-decoration: none;}
#WomensArticles p {margin: 0; padding: 0;}
#WomensArticles a, #WomensArticles a:hover, #WomensArticles a:visited {text-decoration: underline;} 
#WomensArticles p span a, #WomensArticles p span a:hover, #WomensArticles p span a:visited {color: #000; font-weight: bold;}
#WomensArticles .womArticleIndex {margin-top: 1em;}
#WomensArticles .womArticleIndex span a, #WomensArticles .womArticleIndex span a:hover, #WomensArticles .womArticleIndex span a:visited {color: #a6be00;}
#WomensArticles p a, #WomensArticles p a:hover, #WomensArticles p a:visited {color: #a6be00;}
#WomensArticles .articleBox .eyeCatch {float: left; padding: 7px; width: 96px; height: 10em;}
#WomensArticles .articleBox .eyeCatch img {border: 1px solid #a6be00;}
#WomensArticles .articleBox .summary {float: right; width: 18em; padding-top: 0.5em;}



/* Part of the hack to get goal portals working */
.goalPage h1 { text-indent: -999em; float: left;} 

#portalpageWhereDoIStart .portalList { background-position: 0 0; } 
#portalpageHowToLoseFat .portalList { background-position: 0 -245px; } 
#portalpageHowToToneUp  .portalList { background-position: 0 -490px } 
#portalpageHowToBoostEnergy  .portalList { background-position: 0 -735px } 

/* Meal Plans, TODO: Migrate to structure or other common file for other sites */
.mealPlans .toolLink { margin-left: 10em; } 
.mealPlans li { display: block;  float: left;  } 
.mealPlans li.firstInList { clear: left; }
.mealPlans li img { margin: 0 1.5em 0.5em 0; } 


/* Question and Answer lists as seen at http://www.maxiwomen.com/toolsanddownloads/nutrition_IQ.html */
.questionAndAnswer { padding-bottom: 1em;   } 
.questionAndAnswer .question h3 { color: #9711A3; margin: 0 0 0.1em 0; } 
.questionAndAnswer .question ul { margin: 0 0 0 2em; }
.questionAndAnswer .question li { display: list-item; padding: 0 0 0 0; text-transform: uppercase; list-style-type: lower-alpha; list-style-position: inside; } 
.questionAndAnswer .answer p { padding-left: 2em; }  

#BasketActivity h2 { color: #000; } 

/* Push the footer across to centre */
#ft .additionalLinks  ul {  margin-left: 18em;}  

/* Articles pages */
#articleList .articleGreen { border: 0px solid #dddddd; height: 84px; width: 728px; background: url(/Images/Layout/articleboxgreen.jpg) no-repeat 0 0;}
#articleList .leftBox { position: relative; top: 4px; left: 4px; border: 1px solid #bfd93a; height: 74px; width: 95px;}
#articleList .articleTitle { position: relative; top: -87px; left: 110px; font-size: 14px; color: #8b9e07; }
#articleList .readOn { position: relative; top: 0px; left: 0px; font-size: 12px; color: #8b9e07; }
#articleList .articleDescription { position: relative; top: -101px; left: 111px; font-size: 11px; color: #494949; width: 600px; }
#articleList a.article:link, #articleList a.article:active, #articleList a.article:active, #articleList a.article:visited { color: #8b9e07; background: #EDF6DB; }
#articleList a.article:hover { color: #A5BC00; background: #EDF6DB; }

