@charset "UTF-8";
/* CSS Document */


@import url("base_nav.css");
/* 
     
	| The London Women's Clinic
	| 
	|
	| Base
	|
*/



body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align:center;
	background:#fff url(../images/general/main_bg.gif) repeat-y 50% 0;
	background-position:center;
	background-repeat:repeat-y;
	}

img {
	border: 0;
	}
	
/* Main layout
----------------------------------------------- */


#mainWrap {
	width: 792px;
	margin: auto;
	text-align: left;
	_padding-left: 1px;
	}
	
#header {
	width: 792px;
	height:40px;
	background-color: #483d4a;
	}
	
#navBar {
	width: 792px;
	height: 30px;
	background-color: #886a90;
	}
	
#topCont {
	width: 774px;
	height: 180px;
	margin-left: 9px;
	border-bottom: 1px solid #ac97b2;
	}
	
#topCont585 {
	width: 585px;
	height: 180px;
	float:left;
	}
	
#topContL {
	width: 288px;
	height: 180px;
	float:left;
	}
	
#topContCentre {
	width: 297px;
	height: 180px;
	float:left;
	}
	
#topContR {
	width: 189px;
	float:left;
	}
	
#mainCont {
	width: 783px;
	padding-left: 9px;
	margin-top: 30px;
	}
	
#mainContR, #mainContL {
	width: 180px;
	float: left;
	margin-top: 48px;
	}
	
#mainContCentre {
	width: 396px;
	margin: 0 9px;
	float: left;
	}
	
#footerWrap {
	width: 772px;
	height: 60px;
	margin: auto;
	clear: both;
	padding-top: 40px;
	}
	
#footerCont {
	width: 772px;
	border-top: 1px solid #ac97b2;
	height: 60px;
	padding-top: 20px;
	}
	
/* Layout
----------------------------------------------- */

.paleBox {
	background-color: #dbd2dd;
	padding-bottom: 1px;
	}
	
.darkBox {
	background-color: #483d4a;
	}
	
.paleBox, .darkBox {
	padding-top: 4px;
	margin: 16px 0 16px 0;
	}
	
#eggSharing, #pdf, #infoEve, #spermDonor, #genSide, #info, #download, #question, #success {
	background-repeat: no-repeat;
	margin: 0 9px 10px 9px;
	border-bottom: 1px dotted #ac97b2;
	}
	
#spermDonor {
	background-image: url(../images/general/sperm_donor.gif);
	padding-top: 90px;
	}
	
#infoEve {
	background-image: url(../images/general/info_eve.gif);
	padding-top: 90px;
	}
	
#pdf {
	background-image: url(../images/general/pdf.gif);
	padding-top: 60px;
	}
	
#download {
	background-image: url(../images/general/download.gif);
	padding-top: 48px;
	}
	
#eggSharing {
	background-image: url(../images/general/egg_sharing.gif);
	padding-top: 56px;
	}

#success {
	background-image: url(../images/general/percentage.gif);
	padding-top: 56px;
	}

#info {
	background-image: url(../images/general/info.gif);
	padding-top: 60px;
	}
	
#question {
	background-image:url(../images/general/question.gif);
	padding-top: 70px;
	}

.slideshow {
	padding-top: 10px;
	text-align:center;
	padding: 16px 0;
	}

.portBox {
	width: 772px;
	height: 180px;
	margin: auto;
	clear: both;
	}

/* Tables and forms
----------------------------------------------- */	
		
.costs {
	background-color: #ede9ee;
	margin: 0 0 20px 0;
	}
	
.costs td {
	border-bottom: solid #fff 1px;
	vertical-align:top;
	padding-top: 4px;
	}
	
#tdAlt {
	border-bottom: solid #333 1px;
	}
	
.form {
	background-color:#ede9ee;
	}
	
.form td {
	padding-bottom: 6px;
	vertical-align: top;
	}
	
input {
	border: 1px solid #fff;
	padding: 2px;
	}
	
/* Positioning
----------------------------------------------- */	

#logo {
	margin: 22px 0 0 20px;
	}
	
/* Text
----------------------------------------------- */	


p {
	color: #333;
	font-size: 0.85em;
	line-height: 1.5em;
	margin: 0 0 12px 0;
	}
	
p strong {
	font-size: 90%;
	}
	
h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 22px 0;
	color: #483d4a;
	}
	
h3 {
	color: #886a90;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 0 12px 0;
	}
	
h5 {
	color: #fff;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 3px 0 5px 9px;
	;
	background-color:#483d4a;
	}
	
h5 strong {
	color: #e7e1e9;
	}
	
h6 {
	color: #333;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 2px 0 12px 0;
	font-weight: normal;
	}
	
#topCont p {
	color: #333;
	font-size: 0.7em;
	line-height: 1.2em;
	padding-top: 20px;
	}
	
#mainContCentre p, #mainContCentre h1, #mainContCentre h2, #mainContCentre h3, #mainContCentre h4 {
	padding-left: 9px;
	padding-right: 9px;
	}
	
#mainContCentre h6 {
	padding-left: 9px;
	margin-right: 9px;
	}
	
#topContL p, #topContCentre p {
	color: #333;
	line-height: 1.4em;
	font-size: 0.8em;
	}
	
#mainContR p, #mainContL p {
	color: #666;
	line-height: 1.6em;
	font-size: 0.75em;
	}
	
#topContCentre p {
	padding-left: 9px;
	}
	
.darkBox p {
	color: #fff;
	padding-bottom: 10px;
	}
	
.darkBox p strong {
	color: #fff;
	font-size: 105%;
	font-weight: normal;
	}
	
.paleBox p strong {
	color: #333;
	font-size: 105%;
	font-weight: normal;
	}
	
.darkBox p, .paleBox p {
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 8px;
	}
	
.links p {
	border-top: 1px solid #ac97b2;
	padding-top: 10px;
	}
	
table p {
	margin-bottom: 3px;
	}
	
.quote {
	margin-bottom: 20px;
	padding: 20px 8px 20px 38px;
	background-image:url(../images/general/quote.gif);
	background-repeat:no-repeat;
	border-bottom: 1px #99cccc solid;
	/*border-right: 1px #99cccc solid;*/
	border-left: 1px #99cccc solid;
	}
	
.quote h6 {
	font-weight: bold;/*color: #000;*/
	}
	
/* Links
----------------------------------------------- */	

p a {
	text-decoration: none;
	color: #000;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	}
	
p a:hover {
	text-decoration: none;
	color: #e50278;
	border-bottom: 1px solid #e50278;
	}
	
.darkBox p a {
	text-decoration: none;
	color: #dbd2dd;
	padding-bottom: 1px;
	border-bottom: 1px solid #666;
	}
	
.darkBox p a:hover {
	text-decoration: none;
	color: #fff;
	padding-bottom: 1px;
	border-bottom: 1px solid #fff;
	}
	
#mainContL ul a, #mainCont ul a {
	text-decoration: none;
	color: #000;
	padding-bottom: 1px;
	}
	
#mainContL li a:hover, #mainCont li a:hover {
	text-decoration: none;
	color: #e50278;
	}
	
.links p a {
	text-decoration: none;
	color: #886a90;
	background-image:url(../images/general/submenu_arrow.gif);
	background-repeat:no-repeat;
	padding-left: 14px;
	padding-right: 12px;
	border-bottom: 1px solid #fff;
	}
	
.links p a:hover {
	text-decoration: none;
	color: #e50278;
	background-image:url(../images/general/submenu_arrow_on.gif);
	border-bottom: 1px solid #fff;
	}
	
.download p a {
	text-decoration: none;
	color: #886a90;
	background-image:url(../images/general/submenu_arrow.gif);
	background-repeat:no-repeat;
	padding-left: 14px;
	padding-right: 12px;
	border-bottom: 1px solid #fff;
	}
	
.download p a:hover {
	text-decoration: none;
	color: #e50278;
	background-image:url(../images/general/submenu_arrow_on.gif);
	border-bottom: 1px solid #fff;
	}
	
.steps p a {
	text-decoration: none;
	color: #e50278;
	background-image:url(../images/general/submenu_arrow_on.gif);
	background-repeat:no-repeat;
	padding-left: 14px;
	padding-right: 12px;
	border-bottom: 1px solid #fff;
	}
	
.steps p a:hover {
	text-decoration: none;
	color: #000;
	background-image:url(../images/general/submenu_arrow_on.gif);
	border-bottom: 1px solid #fff;
	}


h3 a {
	text-decoration: none;
	color: #886a90;
	background-image:url(../images/general/submenu_arrow.gif);
	background-repeat:no-repeat;
	padding-left: 14px;
	padding-right: 12px;
	}

h3 a:hover {
	text-decoration: none;
	color: #e50278;
	background-image:url(../images/general/submenu_arrow_on.gif);
	}


/* Lists
----------------------------------------------- */	


#mainContCentre ul {
	color: #333;
	font-size: 0.85em;
	line-height: 1.6em;
	margin: 0 10px;
	padding: 0;
	}
	
#mainContCentre li {
	list-style: none;
	background-image:url(../images/general/bullet_point.gif);
	background-repeat:no-repeat;
	margin: 0 0 8px 0;
	padding: 0 8px;
	}
	
#mainContL ul {
	color: #333;
	font-size: 0.85em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	}
	
#mainContL li {
	list-style: none;
	background-image:url(../images/general/submenu_arrow.gif);
	background-repeat:no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 14px;
	font-size: 90%;
	}
	
#mainContL li:hover {
	background-image:url(../images/general/submenu_arrow_on.gif);
	}

/* News
----------------------------------------------- */


.news #mainContCentre {
	background-color: #e7eff9;
	}
	
.news h2 {	
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	color:#886a90;
	background-color: #fff;
	}
	
.news h3 {
	font-weight: normal;
	font-size: 1.3em;
	color:#fff;
	padding-right: 0px;
	margin-bottom: 10px;
	padding: 8px 0;
	margin-top: 0px;
	background-color: #b0caea;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	}	
	
h3 em {
	font-style:normal;
	font-size: 70%;
	line-height: 110%;
	}	
	
.news h4 {
	font-weight: normal;
	margin-bottom: 6px;
	}		

.news p {
	margin-bottom: 18px;
	}

/* Layers
----------------------------------------------- */
	
#Layer1 {
	display:visible;
}
#Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11, #Layer12 {
	display:none;
}
#Layer4 {
	padding-bottom: 200px;
}


/* Fertility day on Darlington page
----------------------------------------------- */

p.fertDay {
	border-bottom: 1px dotted #666;
	padding-bottom: 12px;
}

p.fertDay  strong  {
	color: #e0a2c5;
}