/* --------------------------------------------- */ 
/*	Designed and Produced by Carlson Marketing.  */
/*	Build start date: 19th February 2007.        */
/*	Developer: Nik Lazell                        */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* KEY                                           */
/* --------------------------------------------- */
/* 1.	General Setup                            */
/* 2.	Generic Classes                          */
/* 3.	Page Frame                               */
/* 4.	Header		                             */
/* 5.	Top Links & Site Search                  */
/* 6.	Register/Login                           */
/* 7.	Top Navigation                           */
/* 8.	Secondary Menu                           */
/* 9.	Sidebar		                             */
/* 10.	Page                                     */   
/* 11.	Search                                   */
/* 12.	Navigation                               */
/* 13.	Banners                                  */
/* 14.	Footer                                   */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* 1. General Setup                              */

* {
    padding: 0;
    margin: 0;
}

html {
    font-size: 100%; /* IE hack for font size */
    font-family: arial, verdana, helvetica, sans-serif;
    text-align: center;
    color: #666;
    height: 100%;
}  

body {
    font-family: arial, verdana, helvetica, sans-serif;
    text-align: center;
    font-size: 0.75em;
    background: #0479B8 url(/a/img/global/bgRepeater.gif) repeat-x 0 0;
    color: #666;
}

a {
    color: #557CA2;
}

a:visited,
a:hover,
a:active {
    color: #557CA2;
}

p {
    padding: 5px 0;
    color: #666;/*jon*/
}##p

ul {
    margin: 0 0 0 10px;
    color: #000;
}

ol {
    margin: 0 0 0 10px;
}

img {
    display: block;
    border: 0;
}

div { zoom: 1; } /* hello, hasLayout */

/* Forms */
legend {
    display: none;
}

fieldset {
    border: 0;
    margin-bottom: 5px;
}


/*  28/10/08 

	I've just popped some generic header siZes here as i am unsure where they are...
	Feel free to move them 

	Stew */


h4,h5,h6{font-size:1em;}	




/* clearFix */

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */


/* --------------------------------------------- */
/* 2. Generic Classes                            */

.hide {
    display: none;
}

.offScreen {
    position: absolute;
    left: -5000px;
    width: 1px;
}

.help {
    cursor: help;
}

.smallText {
    font-size: 0.8em;
}

.both {
    clear: both;
}

.boldText {
    font-weight: bold;
}


/* --------------------------------------------- */
/* 3. Page Frame                                 */

#wrapper {
    background-color:#fff;
    width: 758px;
    margin: 0 auto;
    padding-left: 5px;
    text-align: left;
}

.homepage{
    background-image:url(/a/img/home/contact_footer.jpg);
    background-repeat:no-repeat;
    background-position:bottom;}



/* --------------------------------------------- */
/* 4. Header 		                             */

#header {
    height: 64px;
}

#header h1 {
    width: 136px;
    height: 62px;
    background: url(/a/img/global/identity.gif) no-repeat 50% 50%;
    float: left;
}

#header h1 a {
    display: block;
    width: 136px;
    height: 62px;
}



/* --------------------------------------------- */
/* 6. Register/Login                             */

#header #login {
    color: #1B9CE2;
    text-align: right;
    padding: 10px 0;
}

#header #login ul {
    list-style-type: none;
    float: right;
}

#header #login ul li {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #1B9CE2;
}

#header #login ul li a {
    text-decoration: none;
}

#header #login ul li a:hover {
    text-decoration: underline;
}

#header #login ul li.last {
    margin-right: 0;
    border-right: 0;
}



/* --------------------------------------------- */
/* 7. Top Navigation                             */

#header ul#topNav {
    width: 608px;
    float: right;
    font-size: 0.95em;
    padding: 0;
    margin: 0;
    position: relative;
    top: 19px;
    list-style-type: none;
    z-index:100;
}

#header ul#topNav li {
    float: left;
    width: 7.54em;
    line-height: 3em;
    color: #fff;
    border-right: 1px solid #fff;
    font-weight: bold;
    text-align: center;
}

#fullMenuWrapper a.notselected {
    border-bottom: 2px solid #fff; /* needs 2 pixels, not 1 to keep spacing, but adjustment needed on pages with no second nav - jon */
}

#emptyMenuWrapper a.notselected {
    border-bottom: 1px solid #fff;
}

#menuWrapper a.notselected {
    border-bottom: 2px solid #fff;
}

#header ul#topNav li#pregnancy {
    background: #0477EC url(/a/img/global/topNav/corner.gif) no-repeat 0 0;
}
#header ul#topNav li#pregnancy a.selected {
    border-bottom: 1px solid #0477EC;
}


#header ul#topNav li#zeroToThree {
    background: #00ccff;
}
#header ul#topNav li#zeroToThree a.selected {
    border-bottom: 1px solid #00ccff;
}


#header ul#topNav li#fourToSix {
    background: #60ab01;
}
#header ul#topNav li#fourToSix .selected {
    border-bottom: 1px solid #60ab01;
}


#header ul#topNav li#sevenToNine {
    background: #ffef17;
}
#header ul#topNav li#sevenToNine .selected {
    border-bottom: 1px solid #ffef17;
}


#header ul#topNav li#sevenToNine a {
    color: #998f0e;
}
#header ul#topNav li#sevenToNine .selected {
    border-bottom: 1px solid #FFEF17;
}

#header ul#topNav li#sevenToNine a:hover {
    color: #666;
}


#header ul#topNav li#tenToEleven {
    background: #ffa202;
}
#header ul#topNav li#tenToEleven .selected {
    border-bottom: 1px solid #ffa202;
}


#header ul#topNav li#twelveToTwentyThree {
    background: #fd1813;
}
#header ul#topNav li#twelveToTwentyThree .selected {
    border-bottom: 1px solid #fd1813;
}


#header ul#topNav li#twentyFourToThirtySix {
    background: #CC45E0;
}
#header ul#topNav li#twentyFourToThirtySix .selected {
    border-bottom: 1px solid #CC45E0;
}


#header ul#topNav li.last {
    border-right: 0;
}

#header ul#topNav li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#header ul#topNav li a:hover {
    color: #ddd;
}



/* --------------------------------------------- */
/* 8. Secondary Menu                             */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuWrapper {/*ie fix addition*/
              top: 20px;
              position:relative;
              width: 608px;
              float: right;
              margin-top:-2px; /* for linked tab, was 0 */
}

#menu {
    position:relative;/*ie modification*/
    font-size: 0.9em;
    font-weight: bold;
    z-index:100;
    float: left; /*ie modification*/
    width: 608px; /*ie modification*/
    height: 2em; /* this fixed lack of background color*/
    border: 0;
}


/* Unique page colouring */
#menu.fourToSixMonths {
    background: #60ab01;
}
#menu.tenToElevenMonths {
    background: #ffa202;
}


/* --------------------------------------------- */
/* 6. DropDown Navigation Colour Overrides       */

.myArticlesZeroThree {
    width: 70px !important;
}

.forumZeroThree {
    width: 80px !important;
}

#menu.pregnancy {
    background: #0477EC !important;
}

#menuWrapper .pregnancy {

    background: #0477EC;
}

#menu.pregnancy ul li a {
    background: #0477EC;
    z-index: 1000;
}

#menu.pregnancy ul li a:hover {
    z-index: 1000;
    background: #035fbd;
}

#menu.pregnancy ul li.selected a {
    background: #035fbd;
}

#menu.pregnancy ul li.selected li a {
    background: #0477EC;
}

#menu.pregnancy ul li.selected li a:hover {
    background: #00aaff;
}

#menu.zeroToThreeMonths {
    background: #00ccff;
}

#menuWrapper .zeroToThreeMonths {

    background: #00ccff;
}

#menu.zeroToThreeMonths ul li a {
    background: #00ccff;
    z-index: 1000;
}

#menu.zeroToThreeMonths ul li a:hover {
    z-index: 1000;
    background: #00aaff;
}

#menu.zeroToThreeMonths ul li.selected a {
    background: #00aaff;
}

#menu.zeroToThreeMonths ul li.selected li a {
    background: #00ccff;
}

#menu.zeroToThreeMonths ul li.selected li a:hover {
    background: #00aaff;
}


#menu.fourToSixMonths {
    background: #60AB01;
}

#menuWrapper .fourToSixMonths {

    background: #60AB01;
}

#menu.fourToSixMonths ul li a {
    background: #60AB01;
}

#menu.fourToSixMonths ul li a:hover {
    background: #4D8901;
}

#menu.fourToSixMonths ul li.selected a {
    background: #4D8901;
}

#menu.fourToSixMonths ul li.selected li a {
    background: #60ab01;
}

#menu.fourToSixMonths ul li.selected li a:hover {
    background: #4D8901;
}





#menu.sevenToNineMonths {
    background: #ffef17;
}

#menuWrapper .sevenToNineMonths {

    background: #ffef17;
}

#menu.sevenToNineMonths ul li a {
    background: #ffef17;
    color: #998f0e !important;
}

#menu.sevenToNineMonths ul li a:hover {
    background: #ccbf12;
    color: #fff !important;
}

#menu.sevenToNineMonths ul li.selected a {
    background: #ccbf12;
    color: #fff;
}

#menu.sevenToNineMonths ul li.selected li a {
    background: #ffef17;
    color: #998f0e;
}

#menu.sevenToNineMonths ul li.selected li a:hover {
    background: #ccbf12;
    color: #fff;
}



#menu.tenToElevenMonths {
    background: #ffa202;
}

#menuWrapper .tenToElevenMonths {

    background: #ffa202;
}

#menu.tenToElevenMonths ul li a {
    background: #FFA202;
}

#menu.tenToElevenMonths ul li a:hover {
    background: #dda000;
}

#menu.tenToElevenMonths ul li.selected a {
    background: #dda000;
}

#menu.tenToElevenMonths ul li.selected li a {
    background: #FFA202;
}

#menu.tenToElevenMonths ul li.selected li a:hover {
    background: #dda000;
}




#menu.twelveToTwentyThreeMonths {
    background: #fd1813;
}

#menuWrapper .twelveToTwentyThreeMonths {

    background: #fd1813;
}

#menu.twelveToTwentyThreeMonths ul li a {
    background: #fd1813;
}

#menu.twelveToTwentyThreeMonths ul li a:hover {
    background: #ac1813;
}

#menu.twelveToTwentyThreeMonths ul li.selected a {
    background: #ac1813;
}

#menu.twelveToTwentyThreeMonths ul li.selected li a {
    background: #fd1813;
}

#menu.twelveToTwentyThreeMonths ul li.selected li a:hover {
    background: #ac1813;
}



#menu.twentyFourToThirtySixMonths {
    background: #CC45E0;
}

#menuWrapper .twentyFourToThirtySixMonths {

    background: #CC45E0;
}

#menu.twentyFourToThirtySixMonths ul li a {
    background: #CC45E0;
}

#menu.twentyFourToThirtySixMonths ul li a:hover {
    background: #aa45E0;
}

#menu.twentyFourToThirtySixMonths ul li.selected a {
    background: #aa45E0;
}

#menu.twentyFourToThirtySixMonths ul li.selected li a {
    background: #cc45e0;
}

#menu.twentyFourToThirtySixMonths ul li.selected li a:hover {
    background: #aa45E0;
}



/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

#menu ul ul {
    width:150px;
    font-size: 1em;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
    float:left;
    position:relative;
    width: 10em;
}

#menu.pregnancy li {
    float:left;
    position:relative;
    width: 12em
}

#menu.pregnancy li#healthyEating {
    width: 90px;
}
#menu.pregnancy li#lifeStories {
    width: 7em;
}
#menu.pregnancy li#forum {
    width: 5.2em;
}
#menu.pregnancy	li#pregtool {
    width: 100px;
}

/* style the links for the top level */
#menu a, #menu a:visited {
    display:block;
    text-decoration:none;
    color:#fff;
    padding-left:10px;
    line-height: 2em;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
    /*	width:150px;
		w\idth:139px; */
}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {
    background:#e2dfa8;
}
/* style the third level hover */
#menu ul ul ul a:hover {
    background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    left:0;
    width:150px;
}

/* another hack for IE5.5 */
* html #menu ul ul {
    top:21px;
    t\op:22px;
}

/* position the third level flyout menu */
#menu ul ul ul{
    left:150px;
    top:0;
    width:150px;
}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {
    left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
    /*		background:#60ab01;  */
    border-top: 1px solid #fff;
    font-weight: normal;
    height:auto;
    font-size: 0.9em;
    line-height:1em;
    padding:5px 10px;
    width:129px
        /* yet another hack for IE5.5 */
}

#menu.sevenToNineMonths ul ul a, #menu.sevenToNineMonths ul ul a:visited {
    background:#ffef17;
    /* yet another hack for IE5.5 */
}
#menu.pregnancy ul ul a, #menu.pregnancy ul ul a:visited {
    background:#0477EC;
    /* yet another hack for IE5.5 */
}


#menu ul li.selected {
    background: #4D8901;
}



* html #menu ul ul a{
    width:150px;
    w\idth:129px;
}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
    color:#fff;
    background:#4D8901;
}

#menu.sevenToNineMonths a:hover, #menu.sevenToNineMonths ul ul a:hover{
    color:#ffffff;
    background:#CCBF12;
}

#menu.pregnancy a:hover, #menu.pregnancy ul ul a:hover{
    color:#ffffff;
    background:#035FBD;
}

/* Screws IE5 - May need to be put back in
	#menu :hover > a, #menu ul ul :hover > a {
		color:#fff;
		background:#4D8901;
	}
	*/

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul {
    visibility:visible;
}

#menu ul li.selected a:hover {
    visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
    visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
    visibility:visible;
}



/* --------------------------------------------- */
/* 9. Sidebar	 	                             */


#sideBar {
    float: left;
    font-size: 0.9em;
    width: 144px;
    widt\h: 149px;
    margin-top: 13px;
    padding: 0 0 13px 0 ;
}

#contactLiveChat {
    background: url('/a/img/global/navigation/contactLive.gif') no-repeat left;
    width: 143px;
    height: 56px;
}
#contactLiveChat a {

    display: block;
    width: 143px;
    height: 56px;

}
#contactInfo {
    background: url('/a/img/global/navigation/contactDetails.gif') no-repeat left;
    width: 143px;
    height: 111px;
}
#latestNews {
    background: url('/a/img/global/latestNewsBanner.jpg') no-repeat left;
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
}
#latestNews a {
    display: block;
    width: 140px;
    height: 140px;
}


#latestNewsAlt {
    background: url('/a/img/global/latestNewsBanner.gif') no-repeat left;
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
}
#latestNewsAlt a {
    display: block;
    width: 140px;
    height: 140px;
}	

#latestPregTools {
    /*	background: url('/a/img/global/latestNewsBanner.gif') no-repeat left; */
    width: 144px;
    height: 213px;
    margin-bottom: 10px;
}
#latestPregTools a {
    display: block;
    width: 144px;
    height: 213px;
}



#latestBrandNews {
    background: url('/a/img/global/latestBrandNewsBanner.gif') no-repeat left;
    width: 140px;
    height: 82px;
    margin-bottom: 10px;
}

#latestBrandNews a {
    display: block;
    margin-bottom: 10px;
    height: 82px;
    margin-bottom: 10px;
}

#happiestBabies{
    display:block;
    height:140px;
    margin-bottom:13px;
    position:relative;
    width:140px;
}

#happiestBabies span{
    background: url('/a/img/global/happiest_baby_banner.gif') no-repeat left;
    cursor: pointer;
    display:block;
    height:100%;
    position:absolute;
    width:100%;

}


#choiceAwards {
    width: 141px;
    height: 143px;
}

#contactInfo a,
#contactInfo a:visited {
    display: block;
    width: 143px;
    height: 111px;
}


/* --------------------------------------------- */
/* 10. Page		 	                             */

#page {
    width: 608px;
    font-size: 0.95em;
    float: right;
    /*padding-bottom: 10px;*/

    overflow:hidden;/*ie 6 fix, content doprs out of line*/
}

#contentRegionFull {
    margin-top: 30px;
    clear:left;
}

#pageNew {
    position:relative;
    width: 608px;
    font-size: 0.95em;
    float: right;
    padding-bottom: 10px;

    overflow:hidden;/*ie 6 fix, content doprs out of line*/
}

#feature {

    margin-top:14px;
    background: url(/a/img/home/feature.jpg) no-repeat;
    width: 608px;
    display: block;
    height: 245px;
}
.homeOnly {
    margin: 14px 0 0 0 ;
}

#feature a {
    display: block;
    width: 608px;
    height: 245px;
}


#threeQuarters {
    padding: 0 10px;
    width: 434px;
}



/* Quote			                             */

#quote {
    width: 283px;
    margin: 2px;
    float: left;
}

#quote #openQuote {
    background: #ffffff url(/a/img/global/quote/quoteOpen.gif) no-repeat 0 0;
    float: left;
    width: 35px;
    height: 32px;
}

#quote h4 {
    background: #ffffff url(/a/img/global/quote/mumsKnowBest.gif) no-repeat 0 0;
    width: 206px;
    height: 21px;
    margin-left: 40px;
    margin-top: 12px;
}

#quote p {
    width: 206px;
    margin-left: 40px;
    color: #94D200;
    font-size: 1.2em;
}

#quote strong {
    margin-left: 40px;
    color: #000;
}

#quote #closeQuote {		
    background: #ffffff url(/a/img/global/quote/quoteClose.gif) no-repeat 0 0;
    float: right;
    width: 35px;
    height: 32px;
}


.contactFooter {
    float:right;
    height:150px;
    margin-top:240px;
    width:405px;
}


.contactFooter h3 {
    text-indent:-5000em;
    width:405px;
}

.contactFooter p {
    background:url(../../img/home/hdr_call_us.gif) no-repeat;
    float:left;
    height:54px;
    margin-top:56px;
    text-indent:-5000em;
    width:132px;

    padding: 0;

    height: 78px;
}




.liveChat {
    float: left;
    width: 116px;

    height: 78px;

    margin: 56px 0 0 0;
    background:url(../../img/home/hdr_live_chat.gif) no-repeat;

}

.liveChat a {

    display: block;

    width: 116px;

    height: 78px;

    text-decoration: none;
}

.emailUs {

    margin: 56px 0 0 0;
    float: left;
    width: 138px;
    background:url(../../img/home/hdr_email_us.gif) no-repeat;
}

.emailUs a {
    display:block;
    height:78px;
    width:138px;
    text-decoration:none;
    text-indent:-5000em;
}
/* --------------------------------------------- */
/* 6. Did you Know - Generics	                 */


#didYouKnowFeature {
    margin: 10px 5px;
}
#didYouKnowFeature h3 {
    background: url(/a/img/age/fourToSixMonths/didYouKnow.gif) no-repeat 0 0;
    width: 162px;
    height: 26px;
}

#didYouKnowFeature p {
    padding-left: 0;
    color: #94D200;
    font-size: 1.2em;
}



/* --------------------------------------------- */
/* 11. Search	 	                             */

/*
#search {
	background: #1694D8 url(/a/img/global/search/corner.gif) no-repeat 0 0;
	padding: 5px 10px;
	margin-bottom: 5px;
}
*/



#search input.textBox {
    width: 90px;
    background: #D0EAF7;
    font-size: 0.9em;
    padding: 1px 2px;
}

#search input.submit {
    position: relative;
    margin-left: 5px;
    top: 2px;
}

#search input:focus {
    background: #fff;
}
#searchWrapper {
    position: relative;
}
#search {
    background: #1694D8 url(/a/img/global/search/corner.gif) no-repeat 0 0;
    padding: 5px 10px;
    margin-bottom: 5px;
    width: 129px;
    position: absolute;
    top: 78px;
}

* html #search { width: 129px; left: -139px; top: 85px; }

fieldset { }

/* --------------------------------------------- */
/* 12. Navigation 	                             */

#navigation {
    float: left;
    margin-top: 33px;
    _margin-top: 17px; /*over-ridden on pages without nav bar by .noSecondaryNav*/
    width: 144px;
    widt\h: 149px;
    margin-bottom: 10px;
    font-size: 1.1em;

}

#navigation.noSecondaryNav {
    _margin-top: 37px;
}


*+html #navigation { /*IE7 fix - addition */
                     margin-top: 39px;
}

#navigation ul {
    list-style-type: none;
    margin-left:0;
    width: 144px;
    widt\h: 149px;
    font-weight: bold;

}

#navigation ul li {
    padding-left: 0px;

}


#navigation ul li.first {
    border-top: none;

}

#navigation ul a {

    display: block;
    text-decoration: none;
    color: #fff;
    margin-left/**/: -16px;
    margin-lef\t: 0;
}

>body #navigation ul a {
    margin-left: -16px;
}

#navigation ul a:hover {
    background: #016639;
}

#navigation ul li.sub {
    padding-left: 0px;
}

#navigation ul li a {			
    height: 63px;
    padding-left: 5px;
}


/* ie fixes begin */

*+html #navigation ul li a {			
    margin-top: -2px;
}

#navigation ul li {			
    margin-bottom: -2px;
}

#navigation {
    padding-top: 2px;
    /*padding-bottom: -2px;*/
}


* html #feedingForLife, * html #feedingForLife a  {
    margin-top: -6px;
    padding-bottom: 4px;

}

* html #navigation.noSecondaryNav #feedingForLife , * html #navigation.noSecondaryNav #feedingForLife a  {
    margin-top: 0;
    padding-bottom: 0;

}


*+html #yourQuestions{
    height: 60px !important;
}

/*ie fixes end */


#navigation ul li.selected {
    background: #94D200;
    color: #ffffff;
    padding-left: 0px;
}

#navigation ul#active li.selected {
    background: #E3F2BE;
    color: #ffffff;
    margin-left: -10px;
    ma\rgin-left: 0px;
    padding-left: 0px;
    padd\ing-left: 5px;
    display: block;
    font-weight: normal;
}

#navigation ul li.selected a {
    background: #94D200;
    color: #ffffff;
    display:block;
    padding-left: 5px;
}

#navigation ul#active li.selected a {
    background: #E3F2BE;
    color: #009900;
    padding-left: 5px;
}

#navigation ul#nonActive li.selected a {
    background: #D1E993;
    color: #009900;
}

#navigation ul#active li {
    padding-left: 0;
    border-bottom: 1px solid #fff;
    height: 2em;
    font-size: 0.8em;
}

#navigation ul#active a {
    padding-left: 10px;
    background: #d1e993;
    color: #009900;
    font-weight: normal;
    padding-top: 0;
    height: 2em;
    line-height: 2em;
}

#navigation ul#active a:hover {
    background: #E3F2BE;
}

#navigation ul#nonActive li {
    padding-left: 0;
    height: 2em;
    padding-left: 0;
    _padding-left: 20px;
    _margin-left: -20px;
    border-bottom: 1px solid #fff;
    font-size: 0.8em;
}

#navigation ul#nonActive a {
    padding-left: 10px;
    background: #85BD00;
    color: #fff;
    font-weight: bold;
    padding-top: 0;
    height: 2em;
    line-height: 2em;
}

#navigation ul#nonActive a:hover {
    background: #E3F2BE;
    color: #009900;
}

#navigation img {
    border-top: 1px solid #fff;
}


#navigation ul li#feedingForLife {
    background: url(/a/img/global/navigation/feedingForLife.gif) 0 0;
    padding: 0;
    margin: 0;
}

#navigation ul li#feedingForLife a {
    background: url(/a/img/global/navigation/feedingForLife.gif) 0 0;
    height: 64px;
    _height: 61px;

}

#navigation ul li#feedingForLife a:hover {
    background: url(/a/img/global/navigation/feedingForLife.gif) 0 128px;

}
#navigation ul li#feedingForLife.selected a {
    background: url(/a/img/global/navigation/feedingForLife.gif) 0 64px;

}

#navigation ul li#ourProducts {
    background: url(/a/img/global/navigation/ourProducts.gif) 0 0;
    padding: 0;
    margin: 0;
}

#navigation ul li#ourProducts a {
    background: url(/a/img/global/navigation/ourProducts.gif) 0 0;
    height: 64px;
    _height: 61px;
}
#navigation ul li#ourProducts a:hover {
    background: url(/a/img/global/navigation/ourProducts.gif) 0 128px;
}
#navigation ul li#ourProducts.selected a {
    background: url(/a/img/global/navigation/ourProducts.gif) 0 64px;
}

#navigation ul li#yourQuestions {
    background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 0;
    padding: 0;
    margin: 0;
}

#navigation ul li#yourQuestions a {
    background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 0;
    height: 64px;
    _height: 61px;
}
#navigation ul li#yourQuestions a:hover {
    background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 128px;
}
#navigation ul li#yourQuestions.selected a {
    background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 64px;
}

#navigation ul li#forum {
    background: url(/a/img/global/navigation/forum.gif) 0 0;
    padding: 0;
    margin: 0;
}

#navigation ul li#forum a {
    background: url(/a/img/global/navigation/forum.gif) 0 0;
    height: 64px;
    _height: 61px;
}
#navigation ul li#forum a:hover {
    background: url(/a/img/global/navigation/forum.gif) 0 128px;
}
#navigation ul li#forum.selected a {
    background: url(/a/img/global/navigation/forum.gif) 0 64px;
}

#navigation ul li#guides {
    background: url(/a/img/global/navigation/usefulGuides.gif) 0 0;
    padding: 0;
    margin: 0;
}

#navigation ul li#guides a {
    background: url(/a/img/global/navigation/usefulGuides.gif) 0 0;
    height: 64px;
    _height: 61px;
}
#navigation ul li#guides a:hover {
    background: url(/a/img/global/navigation/usefulGuides.gif) 0 128px;
}
#navigation ul li#guides.selected a {
    background: url(/a/img/global/navigation/usefulGuides.gif) 0 64px;
}



/* --------------------------------------------- */
/* 13. Banners	 	                             */

#bannerContainer {border-top: 1px solid #fff;}

#bannerContainer .inner {padding: 5px;}

#bannerContainer .inner a {
    color: red ;
    text-decoration: none;
}

#bannerContainer .inner a:hover {
    text-decoration: underline;
}

#joinUsBanner,
#startBanner,
#chatBanner {
    width: 202px;
    float: left;
}


#joinUsBanner ul li{
    background:url(/a/img/home/bullet_blue.gif) no-repeat left top;
    padding-left:10px;
}


#leftBanner {
    width: 404px ;
    float: left ;
}

#chatBanner form {
    width: 100% ;
}

#chatBanner select{
    width: 100% ;
    margin: 0 0 0.5em 0 ;
    font-size: 1em ;
}
#chatBanner input {
    float: right ;
}
#chatBanner p {
    margin: 0 0 0.7em 0 ;
}


h2#join {
    background: #ccc;
    display: block;
    width: 160px;
    height: 19px;
    background: url(/a/img/home/banners/freePack.gif) no-repeat 0 0;
}

h2#feedingYour {
    background: #ccc;
    display: block;
    width: 189px;
    height: 45px;
    background: url(/a/img/home/banners/feedingYour.gif) no-repeat 0 0;
}

h2#chat {
    background: #ccc;
    display: block;
    width: 160px;
    height: 19px;
    background: url(/a/img/home/banners/chatTitle.gif) no-repeat 0 0;
}

h2#infantAwards a{
    background: url(/a/img/home/banners/infants_awards_vote_sidebar2.gif) no-repeat 0 0;
    display:block;
    height:143px;
    text-decoration:none;
    text-indent:-5000em;
    width:144px;

}

#sideFeature {background: url(/a/img/global/sideFeature/repeater.gif) repeat-y 0 0;}

.homepage #sideFeature{background-image: none;}

#sideFeature a {
    color: #fd1813;
    text-decoration: none;
}

#sideFeature a:hover {text-decoration: underline;}

#sideFeature .inner {
    margin: 0 0 0 10px;
    overflow: hidden;
}

#sideFeature .inner p {
    color: #fd1813;
    font-size: 1.2em ;
    margin: 0 ;
    padding: 5px 0 0 10px ;
}
#sideFeature .inner p.telephone {
    font-size: 1.5em ;
    background: url(/a/img/global/sideFeature/telephoneBack.gif) no-repeat bottom;
    margin: 0 20px 10px 0 ;
    padding-bottom:10px ;
}

#sideFeature .topCurve {
    background: url(/a/img/global/sideFeature/topCurve.gif) no-repeat;
    height: 10px;
}

#sideFeature .bottomCurve {
    background: url(/a/img/global/sideFeature/bottomCurve.gif) no-repeat 0 0;
    height: 12px;
    overflow: hidden ;
}

#sideFeature h4#phone {
    background: url(/a/img/global/sideFeature/callUs.gif) no-repeat 0 0;
    color: #1694d8;
    height: 20px;
}

#sideFeature h4#envelope {
    background: url(/a/img/global/sideFeature/emailUs.gif) no-repeat 0 2px;
    color: #1694d8;
    height: 20px;
}

#didYouKnow {
    clear: left ;
    background: url(/a/img/home/mkb/repeater.gif) repeat-y 0 0;
    width: 395px;
}

#infantMilkPromo {
    clear: left ;
    width: 395px;
}

#didYouKnow .inner {

    margin: 0 10px 0 10px ;
}

#didYouKnow .inner p {
    margin: 0 10px 0 10px ;
    color: #1a9be0
}

#didYouKnow .topCurve {
    background: url(/a/img/home/mkb/topCurve.gif) no-repeat;
    height: 12px;
}

#didYouKnow .bottomCurve {
    background: url(/a/img/home/mkb/bottomCurve.gif) no-repeat 0 0;
    height: 7px;
    overflow: hidden ;
}

#didYouKnow h4 {
    background: url(/a/img/home/mkb/title.gif) no-repeat 0 0;
    padding-left: 20px;
    color: #1694d8;
    height: 23px;
    width: 175px;
}

#didYouKnow .closeQuote {
    width: 22px;
    height: 23px;
    background: url(/a/img/home/mkb/rightQuote.gif) no-repeat 0 2px;
    float: right;
}
#didYouKnow p.link {
    margin-left: 220px ;
}	


/* Forum Latest */

.forumLatest{
    background:#d6edfa;
    padding:10px 10px 15px 10px;
}	

.forumLatest h4{
    font-size:1em;
}

.forumLatest a{color:red;}

.forumLatest p.extract a{
    color:#666;
    text-decoration:none;
}

.forumLatest p.extract a:hover{
    text-decoration:underline;
}


/* --------------------------------------------- */
/* Feeding For Life Plan                         */

#feedingForLifePlan {
    width: 285px;
    height: 20em;
    float: right;
    margin-left: 20px;
    margin-right: 2px;
    background: url(/a/img/global/feedingForLifePlan/fflBg.gif) no-repeat;
}
div#feedingForLifePlan.noLogo {
    background: url(/a/img/global/feedingForLifePlan/fflBg_noLogo.gif) no-repeat;
}

#feedingForLifePlan p {
    margin-top: 90px;
    margin-left: 25px;
    margin-right: 30px;
    font-size: 1.1em;
    color: #000000;
}

#featureBlocks a,
.noStyling {
    text-decoration: none;
    cursor: hand;
}



.feedingFFL {
    margin-top: -280px;
}

.nudge {  /* move random images (DYK in on 7-9 section) */

          padding-left: 10px;
}

.spaceTop {
    padding-top: 125px;
}
/* --------------------------------------------- */
/* 14. Footer	 	                             */

#footer {
    font-size: 0.9em;
    width: 750px;
    margin: 0 auto;

    padding: 5px 0;
    color: #fff;
}

#footer ul {
    list-style-type: none;
    float: right;
}

#footer ul li {
    color: #fff;
    float: left;
    border-right: 1px solid #fff;
    margin-right: 5px;
    padding-right: 5px;
}

#footer ul li.last {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

#footer a {
    text-decoration: none;
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
}
.padder {
    padding: 0 10px 10px 10px ;
}

#trackingContainer {
    display: none;
}
.greenText {
    color:#94d200;
    font-weight:bold;
}

.nomarker {
    list-style-type: none;
}

.OneNoteDec {
    float: right;

    padding: 10px 10px 0 0;
    color: #5e5e5f;
    font-size: 9px;
}


form.cms textarea {
    color:#666666;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size: 0.95em;
    border: 1px solid #1B9BE1;
    width: 192px;
    height: 140px;
}

form.cms input {
    width: 192px;
    border: 1px solid #1B9BE1;
}
form.cms input.title {
    font-size: 16px;
    font-wight: bold;
    color: #1B9BE1;
    margin-bottom: 5px;
}

.editContent { 

}

.editLink {
    float:right;
}

.editImg {
    height: 16px;
}

.indexHeader {
    color: #1B9BE1;
}

.cmstitles{
    font-weight:bold;
    color: #1B9BE1;
}


.banner_images {

    padding: 13px 0 0 0;

}

.banner_images #banner_img {

    position: relative;

    width: 607px;

    height: 236px;

    /*background-position: 0 0;

	background-repeat: no-repeat;

	background-image: url( '../../../iron/media/images/banner/callout_1.jpg' );*/

}

.banner_images #banner_img a {

    display: block;

    width: 583px;

    height: 236px;

}

.banner_images #banner_img img {

    position: absolute;

    top: 0;

    left: 0;

}

.banner_images #banner_img #coll_1,

.banner_images #banner_img #coll_2,

.banner_images #banner_img #coll_3 {

    opacity: 0;

}

.clr {

    clear: both;

}