/* Styles for new section 'Just The Facts' - Danny Chambers - 02/12/08 */

/* Landing page styles*/


#videoFeatureWrap {
	float: left;
	width: 337px;
	background: url(/images/bgVideoMediaTop.gif) no-repeat;
	margin-bottom: 10px;
}

#videoFeature {
	float: left;
	width: 312px;
	padding: 12px 12px 5px 12px;
	background: url(/images/bgVideoMediaBot.gif) left bottom no-repeat;
}


#videoFeatureInner {
	float: left;
	width: 312px;
}

/* ------------------------------------------- */

#headingContainer {
	float: left;
	width: 694px;
	min-height: 273px;
	margin-bottom: 20px;
	padding: 20px 10px 20px 222px;
	background: #003145 url(../images/justTheFacts/SmokingAndPregnancy.png) no-repeat top left;
}

.homepageHeader {
	min-height: 263px !important;
	background: #003145 url(../images/justTheFacts/Smoking-and-pregnancyHOME.jpg) no-repeat top left !important;
}

.fathersHeader {
	width: 674px !important;
	/*height: 27.3em !important;*/
	padding: 20px 10px 20px 242px !important;
	background: #003145 url(../images/justTheFacts/Smoking-and-pregnancyFATHERS.jpg) no-repeat top left !important;
}

.fathersHeader h1 {
	width: 442px !important;
}

.headingWithText {
	float: left;
}

#headingContainer h1 {
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
	font-size: 3.3em;
	color: #fff;
	line-height: 1;
}

#headingContainer h1 span, #headingContainer a span {
	display: block;
}

#headingContainer h1 span.tagline {
	margin-top: 4px;
	font-size: .4em;
	font-weight: bold;
	color: #6bbddc;
}
#headingContainer h1 span.taglineDark {
	margin-top: 4px;
	font-size: .4em;
	font-weight: bold;
	color: #003145;
}


#headingContainer h2 {
	clear: both;
}


.homepageFeatureList a {
	min-height: 25px;
}

.homepageFeatureList h3 {
	font-size: 1em;
	margin: 0;
}

h6.stage5 { 
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #003145;
}

#headingContainer p{
	clear: both;
	width: 412px;
	margin-bottom: 8px;
	color: #fff;
}

#headingContainer p strong span {
	color: #003145;
}

#headingContainer .chatAdviserBtn {
	display: block;
	height: 2em;
	width: 140px;
	padding-top: 2px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: url(../images/justTheFacts/chatAdviserBtn.png) no-repeat top left;
}

#headingContainer .chatAdviserBtn span {
	display: inline;
	font-style: italic;
	color: #6bbcdb;
}


#headingContainer a.materialLink {
	display: block;
	float: right;
	width: 111px;
	height: 96px;
	padding: 50px 119px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #6bbddc;
	background: url(../images/justTheFacts/SignupForMaterial.png) no-repeat top right;
}

#headingContainer a.materialLinkFathers {
	display: block;
	float: right;
	width: 111px;
	height: 116px;
	padding: 50px 119px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #6bbddc;
	background: url(../images/justTheFacts/SignupForMaterialOri.png) no-repeat top right;
}

#headingContainer a.materialLink span.material, #headingContainer a.materialLinkFathers span.material {
	padding-top: 8px;
	background: url(../images/justTheFacts/materialTop.png) no-repeat top left;
}

#headingContainer a.materialLink span.materialInner, #headingContainer a.materialLinkFathers span.materialInner {
	padding-bottom: 11px;
	background: url(../images/justTheFacts/materialBottom.png) no-repeat bottom left;
}

#headingContainer a.materialLink span.materialInnerInner, #headingContainer a.materialLinkFathers span.materialInnerInner {
	padding-right: 5px;
	background: url(../images/justTheFacts/materialCentre.png) repeat-y top left;
}

#headingContainer div.callUsLinkWrapper {
	float: right;
	clear: right;
	width: 228px;
	background: #00070f url(../images/justTheFacts/callUsTopHeader.gif) no-repeat top right;
}

#headingContainer div.callUsLink {
	float: right;
	width: 210px;
	padding: 9px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: normal;
	color: #72c7e7;
	background: url(../images/justTheFacts/callUsBottomHeader.gif) no-repeat bottom right;
}


#headingContainer div.callUsLink h2 {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
}

#headingContainer div.callUsLink p {
	width: auto;
	margin: 0;
	padding: 0;
}

#headingContainer div.callUsLink p.number {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 2em;
}


.interactiveTools {
	float: left;
	width: 350px;
	margin-left: 10px;
	background: url(../images/justTheFacts/InteractiveToolsTop.gif) no-repeat top left;
}

.interactiveTools h2 {
	height: 20px;
	padding: 5px 0 0 15px;
}

.interactiveToolsInner {
	padding-bottom: 8px;
	background: url(../images/justTheFacts/InteractiveToolsBottom.gif) no-repeat bottom left;
}

.interactiveToolsInnerInner {
	width: 338px;
	padding: 0 6px;
	background: url(../images/justTheFacts/InteractiveToolsCentre.gif) repeat-y top left;
}

.interactiveToolsInnerInner h3 {
	font-size: 1em;
	margin: 0 !important;
}

a.justTheFactsTool, a.calendarTool {
	display: block;
	width: 212px;
	min-height: 9.5em;
	margin-bottom: 6px;
	padding: 10px 10px 10px 115px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #72c7e7;
	background: #003145 url(../images/justTheFacts/justTheFactsTool.gif) no-repeat top left;
}


a.calendarTool {
	margin-bottom: 0px;
	background: #003145 url(../images/justTheFacts/calendarTool.gif) no-repeat top left;
}

a.justTheFactsTool span, a.calendarTool span {
	display: block;
	padding: 0 0 20px 0;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 2em;
	color: #fff;
}

.featureLinks {
	margin-left: 10px;
	float: left;
	width: 219px;
}

.featureLinks a {
	margin: 0 0 6px 0 !important;
	color: #72c7e7;
}

.featureLinks a span {
	color: #003145;
}


.lowerBorders {
	position: relative;
	float: right;
	width: 100%;
	padding-bottom: 13px;
	background: url(../images/justTheFacts/lowerBorder.gif) no-repeat bottom left;
}


#flashBox {
	float: left;
	padding-top: 10px;
	background: url(../images/justTheFacts/flashBoxTop.gif) no-repeat top left;
}


#flashBoxInnerInner {
	padding: 0 0 0 10px;
	background: url(../images/justTheFacts/flashBoxCentre.gif) repeat-y top left;
}

#flashContent {
	position: relative;
	z-index: 1;
	height: 411px;
	width: 444px;
	border: 1px solid #eee;
	border-right: none;	
}

#flashContent object {
	position: relative;
	z-index: 1 !important;
}

#flashContent img {
	position: relative;
	z-index: 1 !important;
}



.stageSix {
	height: 117px;
	padding: 0 40px;
	background: #004059;
}

.stageSix h2 {
	margin-top: 0;
	color: #72c7e7;
}

.stageSix p {
	display: block;
	color: #fff;
}

#stage {
	float: right;
	width: 474px;
	background: url(../images/justTheFacts/stageBoxTop.gif) no-repeat top left;
}

#stageInner {
	float: right;
	width: 474px;
}

#stageInnerInner {
	float: right;
	width: 474px;
	background: url(../images/justTheFacts/stageBoxCentre.gif) repeat-y top left;
}


.stageTabBox {
	height: 39px;
}

h1.stageTab {
	float:left;
	padding-left: 14px;
	font-size: 2.1em;
	background: url(../images/justTheFacts/stageTabLeft.gif) no-repeat top left;
}

h2.calendarH2 {
	float:left;
	padding-left: 14px;
	font-size: 2.1em;
	background: url(../images/justTheFacts/stageTabLeft.gif) no-repeat top left;
}

h2.calendarH2 span {
	float:left;
	display: block;
	padding: 4px 20px 0 0;
	background: url(../images/justTheFacts/stageTabRight.gif) no-repeat top right;
}




h1.stageTab span {
	float:left;
	display: block;
	padding: 4px 20px 0 0;
	background: url(../images/justTheFacts/stageTabRight.gif) no-repeat top right;
}


.stageBlue {
	position: relative;
	left: -34px;
	z-index: 97 !important;
	width: 468px;
	margin-right: -17px;
	padding: 6px 0 0 17px;
	background: url(../images/justTheFacts/stageBlue.png) no-repeat top left;
}

.stageBlueInner {
	z-index: 98;
	width: 468px;
	padding-bottom: 7px;
	background: url(../images/justTheFacts/stageBlueInner.png) no-repeat bottom left;
}

.stageBlueInnerInner {
	z-index: 99;
	min-height: 98px;
	width: 468px;
	background: url(../images/justTheFacts/stageBlueCentre.gif) repeat-y top left;
}


.stageBlue h2 {
	width: 320px;
	margin-bottom: 6px;
	padding: 0 0 3px 34px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 2.1em;
	color: #fff;
	background: url(../images/justTheFacts/stageBlueDivide.gif) no-repeat bottom left;
}


h3.calendarH3 {
	width: 320px;
	margin: 0;
	padding: 0 0 3px 34px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 2.1em;
	color: #fff;
	background: url(../images/justTheFacts/stageBlueDivide.gif) no-repeat bottom left;
}

.stageBlue h2.noDivide {
	padding: 20px 0 20px 42px;
	background: none;
}


.stageBlueContent {;
	padding:  0 20px 5px 34px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.stageBlueContent h3 {
	margin-bottom: 10px;
	font-size: 2.1em;
	color: #72c7e7;
}

h4.calendarH4 {
	margin-bottom: 0;
	font-size: 2.1em;
	color: #72c7e7;
}

.stageBlueContent p {
	width: 340px;
	font-size: 1.1em;
	color: #72c7e7;
}

.stageContent {
	position: relative;
	clear: both;
	padding: 10px 12px 20px;
}

.stageSixStage {
	padding: 20px 22px;
}

.stageContent h4 {
	width: 300px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #003145;
}

.stageContent h5 {
	margin-bottom: 8px;
	font-size: 1.2em;
	color: #003145;
}

.stageContent p {
	margin-bottom: 10px;
}

.stageContent ul {
	margin: 0 0 10px 0;
}

.stageContent ul li {
	padding: 0 0 5px 0;
}

div.navButtons {
	width: 240px;
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.nextBtn {
	position: relative;
	float: left;
	text-decoration: none;
	background: #003145 url(../images/justTheFacts/paginationTop.gif) no-repeat top left;
}

.nextBtn:hover, .nextBtn:focus {
	background: #003145 url(../images/justTheFacts/paginationTopActive.gif) no-repeat top left;
}
.nextBtn:hover {
	cursor :pointer;
}

.nextBtn span {
	display: block;
	width: 119px;
	padding: 7px 0 9px 0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background: url(../images/justTheFacts/paginationBottom.gif) no-repeat bottom left;
}

.nextBtn:hover span, .nextBtn:focus span {
	background: url(../images/justTheFacts/paginationBottomActive.gif) no-repeat bottom left;
}


.callUs {
	margin-bottom: 10px;
	padding-top: 6px;
	background: url(../images/justTheFacts/callUsTop.gif) no-repeat top left;	
}

.callUsInner {
	padding-bottom: 6px;
	background: url(../images/justTheFacts/callUsBottom.gif) no-repeat bottom left;	
}

.callUsInnerInner{
	width: 196px;
	padding: 1px 10px 5px 10px;
	text-transform: uppercase;
	text-align: center;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	background: url(../images/justTheFacts/callUsCentre.gif) repeat-y top left;	
}

.callUsInnerInner p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	color: #7cd1ed;
}

.callUsInnerInner span {
	display: block;
	padding: 4px 0 0 0;
	font-weight: normal;
	font-size: 2.6em;
	color: #fff;
}

#content ul.featureList, #content ul.featureList li {
	position: relative;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: none;
}

#content ul.homepageFeatureList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: none;
}

#content ul.homepageFeatureList li {
	list-style-type: none;
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
}

a.orderDvd, a.costCalc, a.dadsFert {
	position: relative;
	float: left;
	width: 219px;
	line-height: 1.7em;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	background: url(../images/justTheFacts/SPhomeLinksTop.gif) no-repeat top left;	
}

a.orderDvd span.bottom, a.costCalc span.bottom, a.dadsFert span.bottom {
	float: left;
	width: 133px;
	min-height: 66px;
	padding: 12px 12px 12px 74px;
	background: url(../images/justTheFacts/SPhomeLinksBottom.gif) no-repeat bottom left;	
}





a.dadsFert {
	margin-left: 5px;
	background: url(../images/justTheFacts/dadsFert.gif) no-repeat top left;	
}

a.orderDvd {
	margin-left: 5px;
	background: url(../images/justTheFacts/orderDvd.gif) no-repeat top left;	
}


a.costCalc {
	margin-left: 5px;
	background: url(../images/justTheFacts/costCalc.gif) no-repeat top left;	
}

a.orderDvd span, a.costCalc span, a.dadsFert span {
	display: block;
}

a.orderDvd span.heading, a.costCalc span.heading, a.dadsFert span.heading {
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 1.4em;
}

a.costCalc span.heading,
a.orderDvd span.heading {
	padding: 10px 0 15px 0;
	font-weight: bold;
	font-size: 1.4em;
}

/* Calendar */

#calendarContainer {
	float: left;
	width: 412px;
	padding: 10px 21px 10px 10px;
	border: 1px solid #eee;
	border-right: none;
	background: #004158 /*url(../images/justTheFacts/calendarOverlayBg.gif) no-repeat top right*/;		
}

/*
#flashBox #flashBoxInner #flashBoxInnerInner .calendarInternal {
	height: 57.6em;
	width: 402px;
	padding: 10px 31px 0 10px;
}*/

#calendarContainer .calendar {
	float: left;
	padding-top: 71px;
	background: url(../images/justTheFacts/calendarTop.gif) no-repeat top left;
}

#calendarContainer .calendarInner {
	float: left;
	padding-bottom: 70px;
	background: url(../images/justTheFacts/calendarBottom.gif) no-repeat bottom left;	
}


#calendarContainer .calendarInnerInner {
	float: left;
	width: 327px;
	padding: 10px 43px 5px 22px;
	background: url(../images/justTheFacts/calendarCentre.gif) repeat-y top left;	
}

.calendarHeader {
	padding: 5px 0px 119px 10px;
	background: #004158 url(../images/justTheFacts/calendarThumbs.gif) no-repeat bottom left;
}

.calendarHeader h2 {
	width: 307px;
	margin: 0 0 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 4em;
	color: #72c7e7;
}

.dropDown {
	display: none;
	width: 307px;
	padding-top: 7px;
	background: url(../images/justTheFacts/dropDownTop.gif) no-repeat top left;
}

.dropDownInner {
	height: 3em;
	width: 307px;
	padding: 0 10px;
	background: url(../images/justTheFacts/dropDownBottom.gif) no-repeat bottom left;
}

.dropDownInner form label, .stageBlueContent form label {
	margin-right: 5px;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

.dropDownInner form select, .stageBlueContent form select  {
	width: 150px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1em;
}

#calendarContainer .calendarInnerInner ul.calendarThumbnails {
	float: left;
	width: 327px;
	margin: 0; 
	padding: 10px 0 0 0;
}

#calendarContainer .calendarInnerInner ul.calendarThumbnails li {
	display: block;
	float: left;
	height: 44px;
	width: 35px;
	margin: 0 0 5px 5px;
	background: #ccc;
}

#calendarContainer .calendarInnerInner ul.calendarThumbnails li.first {
	margin-left: 0;
}

.stageBlueContent ul.noJavascriptWeeks, #calendarContainer .calendarInnerInner ul.noJavascriptWeeks, #calendarContainer .calendarInnerInner ul.noJavascriptWeeks li {
	margin: 0;
	padding: 0;
	background: none;
}

.stageBlueContent ul.noJavascriptWeeks li a, #calendarContainer .calendarInnerInner ul.noJavascriptWeeks li a {
	text-decoration: none;
	color: #fff;
}

.stageBlueContent ul.noJavascriptWeeks li a, .stageBlueContent ul.noJavascriptWeeks li a, #calendarContainer .calendarInnerInner ul.noJavascriptWeeks li a:hover, #calendarContainer .calendarInnerInner ul.noJavascriptWeeks li a:focus {
	text-decoration: underline;
	color: #fff;
}

#content .stageBlueContent ul.noJavascriptWeeks li { 
	display: block;
	float: left;
	padding: 10px 50px 0 0;
	background: none !important;
}

#content .stageBlueContent ul.noJavascriptWeeks li a { 
	text-decoration: none;
}

#content .stageBlueContent ul.noJavascriptWeeks li a:hover, #content .stageBlueContent ul.noJavascriptWeeks li a:focus { 
	text-decoration: underline;
}


#calendarContainer  ul.periods, #calendarContainer  ul.periods li {
	margin: 0;
	padding: 0;
	background: none;
}

#calendarContainer  ul.periods li {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}



#calendarContainer  ul.periods li.on a {
	background: url(../images/justTheFacts/babyOn.gif) no-repeat top left;
}

#calendarContainer  ul.periods li a:hover, #calendarContainer  ul.periods li a:focus {
	background: #fff url(../images/justTheFacts/babyOn.gif) no-repeat top left;
}


#calendarContainer a span.cardBottom {
	display: block;
	min-height: 270px;
	padding: 5px 8px 20px 8px;
}

#calendarContainer li.on a span.cardBottom, #calendarContainer a:hover span.cardBottom, #calendarContainer li.on a span.cardBottom, #calendarContainer a:focus span.cardBottom {
	padding-bottom: 20px !important;
	background: url(../images/justTheFacts/babyOnBottom.gif) no-repeat bottom left !important;	
}




#calendarContainer  ul.periods li a {
	display: block;
	width: 197px;
	text-decoration: none;
	background: #004158;
}


#calendarContainer  ul.periods li.on a span.heading, #calendarContainer  ul.periods li.on a p {
	color: #003145;
}

#calendarContainer  ul.periods li a:hover span.heading, #calendarContainer  ul.periods li a:focus span.heading, #calendarContainer  ul.periods li a:hover p, #calendarContainer  ul.periods li a:focus p {
	color: #003145;
}

#calendarContainer  ul.periods li.first {
	margin-left: 0;
}

#calendarContainer  ul.periods li a img {
	display: block;
	height: 121px;
	width: 181px;
}

#calendarContainer  ul.periods li  a span.heading {
	display: block;
	padding: 3px 0 8px 0;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	background: url(../images/justTheFacts/periodLine.png) no-repeat bottom left;
}

#calendarContainer  ul.periods li  a:hover span.heading, #calendarContainer  ul.periods li  a:focus span.heading {
	color: #004158;
}

#calendarContainer  ul.periods li p {
	margin-bottom: 0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
}

a.orderCalendar {
	display: block;
	height: 34px;
	width: 173px;
	margin-left: -22px;
	padding: 13px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #72c7e7;
	background: url(../images/justTheFacts/orderCalendar.gif) no-repeat top left;
}

.jsAlt {
	display: none;
}



/* -- Dads and Smoking -- */

.imageContainer {
	float: left;
	margin-right: 0px;
	padding-top: 9px;
	background: #fff url(/images/JustTheFacts/imageContainerTop.gif) no-repeat left top;
}

.imageContainerInner {
	padding-bottom: 9px;
	background: #fff url(/images/JustTheFacts/imageContainerBottom.gif) no-repeat bottom left;

}

.imageContainerInnerInner {
	width: 320px;
	padding: 0 9px;
	background: #fff url(/images/JustTheFacts/imageContainerCentre.gif) repeat-y top left;
}
	
.tabBox {
	float: left;
	width: 590px;
}	

.tabBoxInner {
	float: left;
	padding-bottom: 8px;
	background: #fff url(/images/JustTheFacts/tabBoxBottom.gif) no-repeat bottom left;
}

.tabBoxInnerInner {	
	float: left;
	min-height: 206px;
	width: 550px;
	padding: 20px;
	border-top: 1px solid #adadad;
	background: #fff url(/images/JustTheFacts/tabBoxCentre.gif) repeat-y top left;
}	

.tabBox ul.tabs, .tabBox ul.tabs li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	background: none !important;
}



.tabBox ul.tabs li {
	position: relative;
	bottom: -1px;
	display: block;
	float: left;
	margin: 0 5px 0 0 !important;
	padding-left: 9px !important;
	background: #003145 url(/images/JustTheFacts/tabLeft.gif) no-repeat top left !important;
}

.tabBox ul.tabs li a {
	text-transform: uppercase;
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
}

.tabBox ul.tabs li.on, .tabBox ul.tabs li.onHover {
	background: #fff url(/images/JustTheFacts/tabLeft.gif) no-repeat top left !important;
}

.tabBox ul.tabs li.on a, .tabBox ul.tabs li.onHover a {
	color: #003145;
}

.tabBox ul.tabs li a {
	display: block;
	padding-right: 9px;
	background: url(/images/JustTheFacts/tabRight.gif) no-repeat top right;
}

.tabBox ul.tabs li a span {
	display: block;
	position: relative;
	top: 0px;
	padding: 5px 10px;
	background: url(/images/JustTheFacts/tabCentre.gif) repeat-x top left;
}




/*- Helpline page -*/

.helplineBox {
	float: left;
	padding-top: 7px;
	background: url(/images/JustTheFacts/helplineBoxTop.gif) no-repeat top left;
}

.helplineBoxInner {
	float: left;
	padding-bottom: 7px;
	background: url(/images/JustTheFacts/helplineBoxBottom.gif) no-repeat bottom left;
}

.helplineBoxInnerInner {
	float: left;
	width: 460px;
	padding: 13px 20px 13px 20px;
	background: url(/images/JustTheFacts/helplineBoxCentre.gif) repeat-y top left;
}

.helplineBoxInnerInner form .frmRow, .helplineBoxInnerInner form .frmRowBtn {
	width: 460px;
	padding-left: 0;
}

.helplineBoxInnerInner form .frmRow input {
	width: 160px;
}

.helplineBoxInnerInner form .frmRow label{
	width: 200px;
}

.helplineBoxInnerInner form .frmRowBtn {
	margin: 58px 0 0 0;
}

.helplineBoxInnerInner form .frmRowBtn input {
	border: none;
}

.helplineCopyBox {
	float: left;
	margin-right: 20px;
	padding-top: 8px;
	background: url(/images/JustTheFacts/helplineCopyBoxTop.gif) no-repeat top left;
}

.helplineCopyBoxInner {
	padding-bottom: 8px;
	background: url(/images/JustTheFacts/helplineCopyBoxBottom.gif) no-repeat bottom left;
}

.helplineCopyBoxInnerInner {
	width: 366px;
	padding: 12px 20px 40px 20px;
	background: #004057;
}

.helplineCopyBoxInnerInner h2, .helplineCopyBoxInnerInner p {
	color: #fff;
}

.helplineCopyBoxInnerInner h2, .helplineBoxInnerInner h2  {
	margin-bottom: 15px;
	font-size: 1.8em;
}

.helplineCopyBoxInnerInner p.last {
	margin-bottom: 0;
}

.helplineCopyBox a {
	color:#fff;
}

/* Stage three imagemap functionality */

div.imagemap {
	position: relative;
}

ol.popupList {
	z-index: 4;
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	background: pink;
}

ol.popupList li {
	display: none;
	list-style: none;
	width: 160px;
	margin: 0;
	padding-top: 31px;
	background: url(/images/JustTheFacts/imagePopTop.png) no-repeat top left;
}

ol.popupList li span {
	display: block;
	width: 160px;
	height: 11px;
	margin: 0;
	padding: 0;
	background: url(/images/JustTheFacts/imagePopBottom.png) no-repeat top left;
}

ol.popupList li span.content {
	display: block;
	height: 120px;
	width: 140px;
	padding: 0 10px 0 10px;
	color: #fff;
	background: url(/images/JustTheFacts/imagePopCentre.png) repeat-y top left;
}

ol.popupList li span.content h2 {
	margin-bottom: 4px;
	padding-bottom: 4px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: url(/images/JustTheFacts/imagePopHr.gif) no-repeat bottom left;
}

ol.popupList li span.content p {
	color: #fff;
}

.heart {
	position: absolute;
	top: 205px;
	left: 190px;
}

.lungs {
	position: absolute;
	top: 178px;
	left: 222px;
}

.placenta {
	position: absolute;
	top: 220px;
	left: 82px;
}

.development {
	position: absolute;
	top: 323px;
	left: 142px;
}

.duringBirth {
	position: absolute;
	top: 236px;
	left: -16px;
}

.afterBirth {
	position: absolute;
	top: 343px;
	left: 183px;
}

.lungs2 {
	position: absolute;
	top: 125px;
	left: 198px;
}

.ears {
	position: absolute;
	top: 39px;
	left: 126px;
}


div.offScreen{
	position: absolute;
	left: -9999px;
	float: left;
	clear: both;
}

h4.calendarHeading {
	margin: 5px 0 5px 0;
}


.pregnancyCostCalcOuter { float: left; clear: both; width: 100%; background: url(/images/bgContentBoxMid.gif) top left repeat-y; }

.pregnancyCostCalcMid { float: left; clear: both; width: 100%; background: url(/images/bgContentBoxBot.gif) bottom left no-repeat; }

.pregnancyCostCalcInner { float: left; width: 856px; padding: 15px 36px 15px 36px; background: transparent url(/images/bgContentBoxTop.gif) 0 0 no-repeat;	 }

.pregnancyCostCalcInner #calculator { background: transparent; margin-bottom: 0; width: 100%; }
.pregnancyCostCalcInner #calculator .leftCalc { margin-top: 20px; }
.pregnancyCostCalcInner #calculator .rightCalc { width: 445px; }

.pregnancyCostCalcInner #calculator .calcImg { float:right; }
.pregnancyCostCalcInner #calculator .calcResult { float: left; width: 200px; }

.pregnancyCostCalcInner #calculator .rightCalc .featureWrap { background: url(/images/bgRightCalcWideBg.gif) 0 0 repeat-y; }
.pregnancyCostCalcInner #calculator .rightCalc .feature { background: url(/images/bgRightCalcWideBot.gif) left bottom no-repeat; }
.pregnancyCostCalcInner #calculator .rightCalc .featureInner {background: url(/images/bgRightCalcWideTop.gif) 0 0 no-repeat; padding: 40px 35px; }



.helplineH1 {
	margin-bottom: 15px;
	font-size: 1.8em;
	color: #fff;
}






