/* CSS Document */

body, html {padding:0 auto; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333; text-align:center;}
body {background-image:url(../images/bgFooter.gif); background-position:bottom; background-repeat:repeat-x;} 
* \html body {height:100%;}
a {color:#333333; text-decoration:underline;}
a:link {color:#333333; text-decoration:underline;}
a:visited {color:#3333333; text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}


.clear-both {height:0px; clear:both; padding:0px; margin:0px; line-height:0; font-size:0px;}
.clear-left {clear:left; line-height:0; padding:0px; margin:0px; font-size:0px; height:0px;}
.marginPadding0 {margin:0px; padding:0px;}
.floatL { float:left;}
.floatR {float:right}

.containerWrap {background-image:url(../images/bgHeader.gif); background-position:top; background-repeat:repeat-x; width:100%;}
.container {width:980px; text-align:left; background-color:#FFFFFF; background-image:none; margin:0 auto;}

.header {background-color:#0090D9; height:124px; width:980px;}
.logo {margin:18px 0px 0px 12px; float:left; position:relative;}

.loginEtcWrap {width:705px; float:right; position:relative; margin-top:20px; padding-right:25px;}
.loginBoxes {float:right; position:relative; height:60px;}
.loginBoxes a {color:#FFFFFF; text-decoration:none; font-size:11px; margin-left:420px;}
.loginBtn {background-image:url(../images/login-btn.gif); background-repeat:no-repeat; border:none; width:64px; height:27px; background-color:#FFF; margin:3px 0px 0px 8px; vertical-align:middle; cursor:hand;}
.loginInputField {width:198px; height:14px; font-size:11px; color:#424242; margin:0px 0px 0px 5px; vertical-align:middle;}
.loginInputFieldPass {width:198px; height:14px; font-size:11px; color:#424242; margin:0px 0px 0px 5px; vertical-align:middle;}
.loggedIn {float:right; position:relative; height:70px; text-align:right; color:#FFFFFF; font-size:13px; margin-right:3px;}
.loggedIn a {color:#FFFFFF; font-size:11px;}
.date {font-size:11px;}
.registerBtn {background-image:url(../images/register-btn.gif); background-repeat:no-repeat; border:none; width:74px; height:28px; background-color:#FFF; margin:0px 25px 0px 0px; vertical-align:middle; cursor:hand;}
.searchWrap {float:right; position:relative;  }
.searchInputField {width:99px; height:14px; font-size:11px; color:#424242; margin:0px 0px 0px 0px; vertical-align:middle;}
.searchBtn {background-image:url(../images/search-btn.gif); background-repeat:no-repeat; border:none; width:69px; height:28px; background-color:#FFF; margin:0px 0px 0px 6px; vertical-align:middle; cursor:hand;}

.contentWrap { min-height:700px; background-image:url(../images/CGlogoFooterTop.gif); background-position:bottom right; background-repeat:no-repeat; width:980px; overflow:hidden; padding-bottom:60px;}

.leftPanel {float:left; position:relative; width:185px; z-index:50;}

/*menu*/
.leftmenu {width:185px; margin:0; padding:0;}
#menu, #menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {background-image:url(../images/menu-bg.gif); vertical-align:top; background-repeat:repeat; margin:0px; padding:0px; list-style-type:none; border-bottom:1px solid #FFFFFF; height:27px;}
#menu li.menutop {background-image:url(../images/menu-right-top.gif); background-repeat:no-repeat; background-position:right;}
#menu li.menubottom {background-image:url(../images/menu-right-bottom.gif); background-repeat:no-repeat; background-position:right;}
#menu li a {height:27px; width:auto; display:block; position:relative; vertical-align:middle;}
#menu li:hover, #menu li.sfhover {background-color:#0090D9; background-image:none;}
* \html #menu li a:hover {background-color:#0090D9; background-image:none;}
.menuLeftColorImg {float:left; position:relative; z-index:100;}
.menuCurveImg {float:right; position:relative; z-index:100;}
.menuItem {float:left; margin-top:7px; margin-left:5px; position:relative;}
/*submenu*/
#menu li ul {margin:0; padding:0; width:218px; position:absolute; left:-999em; color:#000000; z-index:50; background-image:url(../images/submenu_ul-bg.png); background-repeat:repeat-y;}
* \html #menu li ul {background-image:url(../images/submenu_ul-bg-IE6.gif); background-repeat:repeat-y; z-index:50;}
#menu li ul a {color:#000000; z-index:50; text-decoration:none; font-size:11px;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;  margin: -50px 0 0 185px; z-index:50;}
#menu li li {width:199px; text-align:left; height:20px; z-index:50; background-image:none; border:0px; padding:2px 5px 0px 5px; margin-left:2px; vertical-align:top; overflow:hidden;}
#menu li li:hover, #menu li li.sfhover {background-image:url(../images/submenu_li-bg.gif); background-repeat:repeat-x; background-color:#FFFFFF; z-index:50;}
* \html #menu li li a:hover {background:none;}
#menu li li.submenuBottom {border-bottom:2px solid #0090D9;}
#menu li li.submenuTop {border-top:2px solid #0090D9;}

.centerPanel {margin:15px 0px 15px 15px; position:relative; float:left; width:765px; z-index:45; border:0px solid #93C}
* \html .centerPanel {width:763px; z-index:45;}
.intro {border:1px solid #E4E4E4; padding:10px; width:745px; min-height:218px; z-index:45;}
* \html .intro {width:743px; z-index:45;}
.introTxt {padding:20px 20px 0px 20px; z-index:45;}

.introBeforeLogin {border:1px solid #E4E4E4; padding:0px; margin:0; width:765px; min-height:187px; z-index:45; background-image:url(../images/introBeforeLoginBg.jpg); background-repeat:no-repeat; background-position:bottom; height:187px;}
.introTxtBeforeLogin {padding:10px 190px 0px 160px; z-index:45; font-size:11px; border:0px solid #909}
.introTxtBeforeLogin p {padding:0px 5px 0 3px; margin:0; line-height:17px;}

.introAfterLogin {border:1px solid #E4E4E4; padding:0px 0px; width:765px; min-height:225px; z-index:45; background-image:url(../images/introAfterLoginBg.jpg); background-repeat:no-repeat; background-position: right bottom;}
.introTxtAfterLogin {padding:10px 270px 10px 10px; z-index:45; font-size:11px;}


.personalisedContent {width:235px; float:left; margin-top:15px}
.personalisedContent h3 {padding:0px; margin:0px 0px 10px 0px; font-size:12px; font-weight:bold; color:#333333; line-height:18px;}
p.notLookingForTxt {margin:10px 10px 0px 0px; padding:0px; font-size:11px;} 

.newsTickerWrap {margin-top:15px; width:765px; height:22px;}
.newsTickerTitle {margin-top:3px; float:left; width:96px; margin-right:10px;}
.newsTicker {background-image:url(../images/ticker-bg.gif); background-repeat:repeat-x; width:658px; float:left;}
.newsTicker a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; text-decoration:none;}
.newsTicker a:hover {text-decoration:underline;}

.recReadingNav {width:376px; float:left; margin-top:15px; background-color:#FFFFFF;}
.recReadingNav img {float:left;}
.recReadingNavTxtWrap {height:118px; width:243px; border-right:1px solid #BEBEBE; position:relative; overflow:hidden;}
.recReadingNavTxtWrap p {padding:0px; padding-bottom:7px; margin:10px 15px 0px 15px; font-size:11px; line-height:15px;}
.recReadingNavTxtWrap .textImg {margin-top:0px; padding-top:0;}
.recReadingNavTxtWrap p img {float:right}
.pBottomBorder {border-bottom:1px solid #BEBEBE;}

.resourcesNav {width:376px; float:right; margin-top:15px; background-color:#FFFFFF;}
.resourcesNav img {float:left;}
.resourcesNavTxtWrap {height:118px; width:244px; border-right:1px solid #BEBEBE; position:relative; float:right}
.resourcesNavTxtWrap p {padding:0px; margin:5px 15px 0px 15px; font-size:11px; line-height:13px;}
.resourcesNavTxtWrap p img {margin:3px 0px 0px 0px;}

.productsNav {background-image:url(../images/productsBg.jpg); background-position:bottom; background-repeat:no-repeat; height:230px; width:252px; float:left; font-size:11px; margin-top:15px; margin-right:10px;}
.productsNav img {margin:0px 0px 5px 5px;}
.productsNav p {line-height:16px; margin:0px 0px 0px 5px; padding:0px;}

.arrowListWhite {list-style-image:url(../images/arrowOnWhite.gif); line-height:14px; margin:7px 0px 0px 22px; padding:0px;}
.arrowListWhite li {margin:0px; padding:0px 0px 5px 0px;}
.arrowListWhite a {color:#0956B2; text-decoration:underline; font-weight:bold;}

.prebioticNav {background-image:url(../images/prebioticsBg.jpg); background-position:bottom; background-repeat:no-repeat; height:230px; width:251px; float:left; font-size:11px; margin-top:15px; margin-right:11px;}
* \html .prebioticNav {margin-right:9px;}
.prebioticNav img {margin:0px 0px 8px 5px;}
.prebioticNav p {line-height:16px; margin:0px 0px 0px 5px; padding:0px;}

.completeCareNav {width:513px; float:left; font-size:11px; margin-top:15px; margin-right:10px;}
* \html .completeCareNav {margin-right:9px;}
.completeCareNavInner {border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; padding:0px 10px 0px 15px;}
.completeCareNavInner img {float:right; margin:0px;}
.completeCareNavInner p {width:270px; padding:0px 0px 0px 0px; margin:0px;}
.completeCareNavInner p img {float:none; margin:10px 0px 10px 0px;}
.completeCareNavInner .arrowListWhite {margin:7px 0px 0px 17px;}

.podcastsNav {width:239px; height:235px; float:right; font-size:11px; margin-top:10px; background-color:#FFFFFF; border:0px solid #F00; }
.podcastsNavTxtWrap p.podcastIntro {padding:0px; margin:10px 10px 10px 10px; font-size:11px; line-height:16px;}
.podcastsNavTxtWrap {border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-top:1px solid #BEBEBE; height:175px;}
.podcastsNavTxtWrap p {line-height:14px; margin:5px 10px 0px 10px; padding:0px;}
.podcastsNavTxtWrap .arrowListWhite {margin:7px 0px 0px 27px;}


.expertsNav {width:514px; float:left; font-size:11px; margin-top:15px; margin-right:12px;}
* \html .expertsNav {margin-right:0px;}
.expertsNav img {float:left; position:relative;}
.expertsNavTxtWrap {position:relative; border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-top:1px solid #BEBEBE; height:119px;}
.expertsNavTxtWrap img {margin:2px 15px 2px 2px; position:relative;}
.expertsNavTxtWrap p {margin:3px 13px 0px 13px; line-height:16px;}
.expertsNavTxtWrap p img {margin:10px 0px 5px 0px; position:relative; float:none;}
.contactBar {background-image:url(../images/expertsContactBar.jpg); background-repeat:no-repeat; width:514px; height:34px; padding:4px 0px 0px 10px; overflow:hidden}

/*
.lCurveNav {width:514px; height:81px; float:left; font-size:11px; margin-top:15px; background-color:#FFE12B; background-image:url(../images/LCboxRight.gif); background-position:right; background-repeat:no-repeat;}
*/
.lCurveNav {width:514px; height:81px; float:left; font-size:11px; margin-top:15px; background-color:#74C043; background-image:url(../images/LCboxRight.gif); background-position:right; background-repeat:no-repeat;}
.lCurveNav img {float:left;}
.lCurveNav p {margin:10px 15px 0px 0px; padding:0px; line-height:16px;}

.arrowListYellow {list-style-image:url(../images/arrowOnYellow.gif); line-height:normal; margin:0px 15px 0px 0px; padding:0px; float:right;}
.arrowListYellow li {margin:0px; padding:0px 0px 5px 0px; }
/*
.arrowListYellow a {color:#0956B2; text-decoration:underline; font-weight:bold;}
*/
.arrowListYellow a {color:#ffffff; text-decoration:underline; font-weight:bold;}

.pollNav {width:239px; float:right; font-size:11px; margin-top:15px; background-color:#FFFFFF; border:0px solid #C3C;}
.pollNavTxtWrap {border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-top:1px solid #BEBEBE;}
.pollNavTxtWrap p {line-height:14px; margin:10px 10px 0px 10px; padding:0px;}
.pollNavTxtWrap .arrowListWhite {margin:7px 0px 0px 27px;}


.Breadcrumbs {color:#2238A5; font-size:11px;}
.pageTitle {background-color:#E81A20; height:23px; margin-top:20px; overflow:hidden;}
.pageTitle h1 {font-size:15px; color:#FFFFFF; margin-top:1px; font-weight:normal;}
.bodyTxtArea {width:528px; margin-top:20px; float:left; padding-left:5px; clear:both; /*overflow:hidden;*/}
/*.bodyTxtArea {width:502px; margin-top:20px; float:left; margin-left:20px; overflow:hidden;}*/
.bodyTxtArea h3 {padding:0px; margin:0px 0px 0px 30px; font-size:12px; font-weight:bold; color:#333333; line-height:18px;}
.bodyTxtArea p {padding:0px; margin:0px 0px 17px 30px;}
.bodyTxtArea ul {margin:0px; padding:0px 0px 17px 45px;}
.bodyTxtArea li {margin:0px; padding:0px;}

.rightPanel {width:211px; float:right; margin-top:15px;}
.rightNav {width:211px; margin-top:10px; background-image:url(../images/rightNav-bg.gif); background-repeat:repeat-y; font-size:11px;} 
.rightNav p img {margin:0px 3px 10px 0px;}
.rightNav p {margin:0px 20px 15px 15px; padding:0px 0px 0px 0px;} 
a.blueLink {color:#1C65B4; text-decoration:none;}     
p.rightNavLast {border-bottom:none; padding:0px; margin:0px 20px 0px 15px; } 
.rightNav ul {margin:0px; padding:0px 0px 0px 30px; font-size:11px;} 
.save-rightNav {height:18px; margin-bottom:10px;}
.save-rightNav img {vertical-align:bottom; margin-right:7px;}
.print-rightNav img {vertical-align:middle; margin-right:4px;}
.print-rightNav {height:22px; margin-bottom:10px;}  

.leftNav-experts {width:185px;}
.leftNav-experts p {border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; margin:0px; padding:10px 15px 10px 15px; line-height:16px; font-size:11px;}
.leftNav-experts img {margin-top:10px;}
.contactBar-leftfNav {background-image:url(../images/contactBarBg-leftNav.gif); background-repeat:no-repeat; width:185px; height:35px; text-align:center; padding:0px; overflow:hidden;}
.contactBar-leftfNav img {margin:4px 0px 0px 0px;}
.leftNav {margin-top:10px;}
.leftNav-innerWrap {border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-top:1px solid #BEBEBE;} 
.leftNav p {line-height:14px; font-size:11px; padding:10px 10px 0px 10px; margin:0px;}
.leftNav p img {margin-bottom:10px;}
.leftNav .arrowListWhite {line-height:14px; font-size:11px; margin:10px 0px 0px 25px; padding:0px;}
   
       
.Footer {background-color:#0090D9; background-image:url(../images/footerInnerBG.gif); background-repeat:repeat-x; bottom:0px; height:148px; width:980px;}
.Footer img {margin:0px 0px 0px 0px; float:right;}
.Footer p {margin:0px 0px 0px 30px; color:#FFFFFF; line-height:18px; font-size:11px; padding:10px 0px 0px 0px;}
.Footer p.copyright {margin:20px 0px 0px 30px; color:#FFFFFF; line-height:normal; font-size:11px; padding:0px;}
.Footer p.companyDetails {margin:5px 0px 0px 30px; color:#FFFFFF; line-height:normal; font-size:10px; padding:0px;}
.Footer a {color:#FFFFFF;}


/*-----------*/
#pop_overlay{
display: none;
position:fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000000;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
z-index: 70;	  
}

* \html #pop_overlay {position:absolute; background:#000000;}

#pop_container{
display: none;
position:fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: transparent;
z-index: 16;
}

* \html #pop_container {position:absolute;}

#pop_inner{
display: block;
width: 290px;
min-height: 220px;
margin: 0 auto 0 auto;
background:url(../images/popupCurve.gif) no-repeat 100% 100% #FFFFFF;
border: 1px solid #999999;
text-align: left; 
z-index: 17;
padding:15px; 
padding-bottom:40px;
}

#pop_inner_blank{
display: block;
width: 290px;
min-height: 210px;
margin: 0 auto 0 auto;
background-color:#FFFFFF;
border: 1px solid #999999;
text-align: left; 
z-index: 17;
padding:15px; 
}

div.pop_container
{
display: none;
position:fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: transparent;
z-index: 120;
}

* \html div.pop_container {position:absolute;}

div.pop_inner{
display: block;
width: 290px;
min-height: 220px;
margin: 120px auto 0 auto;
background:url(../images/popupCurve.gif) no-repeat 100% 100% #FFFFFF;
border: 1px solid #999999;
text-align: left; 
z-index: 17;
padding:15px;
padding-bottom:40px;
}

div.pop_inner_blank{
display: block;
width: 290px;
min-height: 210px;
margin: 120px auto 0 auto;
background-color:#FFFFFF;
border: 1px solid #999999;
text-align: left; 
z-index: 17;
padding:15px;
}

a.short_blue:link, a.short_blue:visited	{color:#2a78b8; font-size:1.1em; font-weight:bold; text-decoration:underline;}
a.short_blue:hover, a.short_blue:active	{color:#2a78b4; font-size:1.1em; font-weight:bold; text-decoration:none;}

div.pop_overlay{
display: none;
position:fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000000;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
z-index: 70;	  
}

* \html div.pop_overlay {position:absolute; background:none;}



/***** HOME PAGE TITLES **/

.homeNewsTickerTitle {margin-top:3px; width:96px; margin-right:0px; text-indent: -9999px; background: url(../images/latest-news.gif) #ffffff no-repeat; padding:0; }
.newsTickerLeft {float:left; width:96px; border:0px solid #0C3; height:12px; padding:0; margin:0; margin-right:10px;}

.homeProductBoxTitle {
text-indent: -9999px;
width: 229px;
height: 62px;
margin-left:10px;
margin-top:5px;
background: url(../images/brochureNavTitle.gif) #ffffff no-repeat; 
}

.homeComfortBoxTitle {
text-indent: -9999px;
width: 214px;
height: 66px;
margin-left:10px;
margin-top:5px;
background: url(../images/comfortNavTitle.gif) #ffffff no-repeat; 
}


.homeBigIronBoxTitle {
text-indent: -9999px;
width: 214px;
height: 25px;
margin-left:10px;
margin-top:5px;
background: url(../images/homeBigIronCount.gif) #ffffff no-repeat; 
}

.homeTopicBoxTitle {
text-indent: -9999px;
width: 244px;
height: 36px;
margin-left:132px;
margin-top:0px;
padding:0;
margin-bottom:0;
background: url(../images/topicOfTheMonthTitle.gif) #ffffff no-repeat; 
border:0px solid #30C;
}


.homeResourcesBoxTitle {
text-indent: -9999px;
width: 244px;
height: 36px;
margin-left:131px;
margin-top:0;
padding:0;
margin-bottom:0;
background: url(../images/resourcesTitle.gif) #ffffff no-repeat; 
}

.homePodcastsBoxTitle {
text-indent: -9999px;
width: 239px;
height: 48px;
margin:0px;
padding:0;
background: url(../images/podcastsTitle.gif) #ffffff no-repeat; 
}

.homeLatestOfferBoxTitle {
text-indent: -9999px;
width: 239px;
height: 48px;
margin:0px;
padding:0;
background: url(../images/latest-offer-title-bar-iPod.gif) #ffffff no-repeat; 
}


.homePollBoxTitle {
text-indent: -9999px;
width: 239px;
height: 45px;
margin:0px;
padding:0;
background: url(../images/pollTitle.gif) #ffffff no-repeat; 
}


.homeMumsBoxTitle {
text-indent: -9999px;
width: 238px;
height: 67px;
margin:0px;
padding:0;
background: url(../images/homeMumsTitle.jpg) #ffffff no-repeat; 
}


.homeIntroBeforeTitle {
text-indent: -9999px;
width: 420px;
height: 85px;
margin:0px;
padding:0;
background: url(../images/homeIntroTitleBeforeLogin.gif) transparent no-repeat; 
}


.homeIntroAfterTitle {
text-indent: -9999px;
width: 495px;
height: 38px;
margin:0px;
padding:0;
background: url(../images/introTitleAfterLogin.gif) transparent no-repeat; 
}

.whatMumsTalkingBox {width:238px; float:right; font-size:11px; margin-top:7px; background-color:#70ba24;}
.whatMumsTalkingBox .mumsTitle {width:238px; height:67px;}
.whatMumsTalkingBox .mumsCloud {width:238px; background-color:#70ba24; text-align:left; border:0px solid #90F}
.whatMumsTalkingBox .mumsFooter {height:10px; width:238px; border:0px solid #F09}
.whatMumsTalkingBox .mumsArrow {padding:5px 0px 3px 15px;}
.whatMumsTalkingBox .mumsArrow img { vertical-align:middle;}
.whatMumsTalkingBox a {color:#FFF; font-weight:bold;}

/* Tag cloud */

#cloud { padding: 0px; line-height:19px;  text-align: left; width:200px; margin: 0; margin-left:11px; }
#cloud li { display: inline; }
#cloud a { padding: 0px; color:#ffffff; text-decoration:none; }

#cloud a.tag1 { font-size: 9px; font-weight: 100; }
#cloud a.tag2 { font-size: 10px; font-weight: 200; }
#cloud a.tag3 { font-size: 11px; font-weight: 300; }
#cloud a.tag4 { font-size: 12px; font-weight: 400; }
#cloud a.tag5 { font-size: 13px; font-weight: 500; }
#cloud a.tag6 { font-size: 14px; font-weight: 600; }
#cloud a.tag7 { font-size: 15px; font-weight: 700; }
#cloud a.tag8 { font-size: 16px; font-weight: 800; }
#cloud a.tag9 { font-size: 17px; font-weight: 900; }
#cloud a.tag10 { font-size: 18px; font-weight: 900; }


.footerClearBoth {height:40px; clear:both;}