/* CSS Document */

* {margin:0;padding:0}

/* mac hide \*/
html,body{height:100%;}
/* end hide*/

body { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	background:#B1B2CF; 
	color:#000;
	text-align:center;
	line-height: 16px;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px dotted #BEBFDD; 
	margin: 15px 0;
}

a img {
border: none;
}

#outer{
	min-height:100%;
	width:740px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	text-align:left;
	position:relative;
}

* html #outer {
	w\idth:740px;
	height:100%;
}

#header{
    background: #B1B2CF;
    /*background: #B1B2CF url(../images/logo_mfs.gif) no-repeat 20px;
	text-align:center;*/
	height: 110px;
}

#header img.mfslogo {
	display: inline;
	float: left;
	margin: 7px 0 0 20px;
}

.headernav{
   	text-align:right;
	height: 110px;
	margin-top: 15px;
}

#footer{
   	background:#B1B2CF;
	/*border-top:5px solid #fff;*/
	text-align:left;
	position:absolute;
	bottom:0;
	left:0;	
	padding: 10px 0 0 0;
	width:740px;
	height:60px;
}

* html #footer {
	height:70px;
	he\ight:60px;
}

#clearfooter {
	clear:both;
	height:70px;
}	
	
#footer a {
	color: #393C86;
	text-decoration: none;
}

#footer a:hover {
    color: #393C86;
	text-decoration: underline;
}

#footer a:visited {
	color: #7577AB;
	text-decoration: none;
}

#footer p {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 9px;
	color: #000033;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer li {
    border-right: 1px solid #E2E3ED;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
}

#footer li.last {
    border: none;
    margin: 0;
    padding: 0;
}

#right, #left {
	float:left;
	width:180px;
}
#right{
	background: #E2E3ED;
}
#middle{
	width:380px; 
	float: left;}

/************AREAS FOR CONTENT WITH PADDING TO SURROUND********/
.content_area_big{
	padding: 15px;
}

.content_area_small{
	padding: 10px 8px 18px 10px;
}

div.content_area_big img {
	border: 1px solid #BEBFDD;
}

div.content_area_big img.noborder {
	border: 0;
}
/***************************Main navigation***********************/
#navcontainer{
	width: 740px;
}

#navcontainer ul{
	padding-left: 0;
	margin-left: 0;
	color: #fff;
	float: left;
	width: 740px;
	text-align: center;
	background-color: #393C86;
}

#navcontainer ul li {
	display: inline;
	font-size: 110%;
}

#navcontainer ul li a {
	/* width: 81px; */
	background-color: #393C86;
	color: #fff;
	text-decoration: none;
	float: left;
	padding: 0;
	border-right: 1px solid #B1B2CF;
	/* height: 25px; */
	padding: 10px 13px;
}

#navcontainer ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #7577AB;
}

#navcontainer ul li a.last {
	/* width: 78px; */
	background-color: #393C86;
	color: #fff;
	text-decoration: none;
	float: left;
	padding: 0;
	border-right: none;
	/* height: 25px; */
	padding: 10px 10px 10px 17px;
}

#navcontainer ul li a:hover.last {
	color: #FFF;
	text-decoration: none;
	background: #7577AB;
}

/************************CONTAINER WHITE FOR HOME PAGE***********************/
#containerwhite {
	width: 740px;
	background-color:#FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#containerwhite_left{
	float: left;
	height: 179px;
	width: 560px;
}

#containerwhite_right{
	float: right;
	height: 179px;
	background: url(../images/promo_bkground.jpg) no-repeat;
	width: 180px;
}

.containerwhite_class{
	padding: 15px 15px 0;
}

* html #containerwhite_left{height: 179px; margin-right: -3px;}
* html #containerwhite_right{height: 179px; margin-left: -3px;}
* html #containerwhite_left img{float: left; margin-right: -559px;}

/*******************END**********/

/************************CONTAINER FOR TWO COLUMN PAGES***********************/
#container_right{
	float: right;
	width: 559px;
	/*border-left: 1px solid #ffffff;*/
	margin-top: 1px;
}

#toppic_margin{
	width: 559px;
	height: 100px;
}
#toppic_margin img{
    display:block;
}

/*******************END**********/

/************************CONTAINER FOR RH SIDEMENUS***********************/
.sidemenu {
	float: right;
	width: 160px;
	background-color: #E2E3ED;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 8px;
	font-size: 10px;
}

/*******************END**********/

.inner {
	
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px dotted #BEB2CF;
	clear: both;
}

.inner h3 {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #393C86;
	margin-top:10px;
    margin-bottom:-1px;
	
}
.inner p.subtitle {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #393C86;
}
.boldblue {
	font-weight: bold;
	color: #393C86;
}

.bold {
	font-weight: bold;
}
/*********************************Links*******************************/
a {
text-decoration: none;
}
a:link {
/*	color: #CC0000; */
	color: #7577AB;
	text-decoration: none;
}
a:hover {
    color: #393C86;
	text-decoration: underline;
}
a:visited {
	color: #7577AB;
}
a:active {
	color: #7577AB;
}

/*
a.bkground:link {
	color: #FFF;
	text-decoration: none;
}
a.bkground:hover {
    color: #EBF0F5;
	text-decoration: underline;
}
a.bkground:visited {
	color: #C2D1E1;
}
*/
a.bkground:link {
color: #393C86;
text-decoration: none;
}
a.bkground:hover {
color: #393C86;
text-decoration: underline;
}
a.bkground:visited {
color: #7577AB;
}


/************************END****************/

/***********************************************TITLES*****************************/

.header180{
	background: url(http://www.manchesterfertility.com/images/title_bkground.gif) no-repeat top left;
	width: 180px;
	height: 30px;
}

.header180_top{
	background: url(http://www.manchesterfertility.com/images/title_bkground.gif) no-repeat top left;
	width: 180px;
	height: 30px;
	margin-top: 1px;
}

.title {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	background-color:#BEBFDD;
	padding: 0 0 0 15px;
	margin: 0px;
	color: #393C86;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 30px;
}
.title2{
	background: url(http://www.manchesterfertility.com/images/header_560.gif) no-repeat top right;
	width: 559px;
	height: 31px;
}

.title2_top{
	background: url(http://www.manchesterfertility.com/images/header_180.gif) no-repeat top left;
	width: 180px;
	height: 31px;
}
/*****************************************side title******************************/
.sidetitle{
    margin: 0px;
	padding: 8px 0px 0px 10px;
}
.sidetitle a{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #393C86;
}

.sidetitle a:hover{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:underline;
}

.sidetitle h4{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #393C86;
	font-size: 12px;
    margin: 0px;
	padding: 0px;
}



/*****************************************main title******************************/
.maintitle{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    margin: 0px;
	padding: 0;
}

.maintitle h3{
   padding: 8px 0 0 15px; 
   /*put your padding for this specific heading that appears in the big purple background*/
}



/*******************END**********/



/*******************END**********/


/***********************************************text elements*****************************/
p{
	margin: 0;
	padding: 5px 0 5px 0;
	line-height: 140%;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	background-color:#BEBFDD;
	margin-top: 0px;
	padding: 8px 15px 8px 15px;
	font-size: 15px;
	color: #393C86;
	border-top: 1px solid #FFFFFF;
}
h2 {
	width: 150px;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #393C86;
	font-size: 14px;
	background-color:#BEBFDD;
	border-right: 1px solid #FFFFFF;
}

h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
	margin-bottom: -10px;

}

h3, h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #393C86;
	padding: 7px 0 4px 0;
	font-weight: normal;
}

.rhside h4 {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #7577AB;
	padding: 5px 10px 0 10px;
	margin: 5px 10px 0 10px;
	border-top: 1px dotted #BEBFDD;
}


.sidemenu h4 {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #393C86;
	padding: 0 10px 0 0;
	margin-bottom: 2px;
}

textarea{
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
}



/*******************END**********/

/**************************************SIDE LIST****************************/
.navlist ul
{
list-style-type: none;
text-align: left;
margin: 5px 0;
}
.navlist ul li{
padding-top: 5px;
padding-left: 14px;
text-indent: -11px;
}

.navlist ul li a
{
background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px center;
padding-left: 12px;
text-decoration: none;
color: #7577AB;
margin-left: 3px;
}

.navlist ul li a:hover
{
background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px center;
color: #7577AB;
text-decoration:underline;
}

.navlist ul li a.current
{
background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px center;
color: #7577AB;
text-decoration:underline;
}

#logoHealthComm {
	padding: 0 0 0 10px;
}

/*******************END**********/



img.imgleft{
	float: left;
	padding: 5px 5px 5px 0;
}
img.imgright{
	float: right;
	clear: right;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #BEBFDD;
}


img.imgcenter{

	margin-left:40px;
}

img.imgseparator{

	padding:0 5px 0 5px;
}




/*****************************************TABLES on FEES PAGE******************************/


.innerfees {
	
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #BEB2CF;
}

.roweven td{
	background: #DFDFEE;
	margin-top: 0;
	padding: 5px 10px 5px 10px;


}

.rowevennopad td{
	background: #DFDFEE;
	margin-top: 0;
	padding: 0 10px 5px 10px;


}



.right {
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #393C86;

}


.rowodd td{
	background: #F2F2F8;
	margin-top: 0;
	padding: 5px 10px 5px 10px;


}

.rowoddnopad td{
	background: #F2F2F8;
	margin-top: 0;
	padding: 0 10px 5px 10px;


}



.tabletitle {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #393C86;
	padding: 5px 5px 5px 10px;
	background-color: #BEBFDD;
}

/*******************END**********/








/*****************FAQ*********************/

#faqCatList {
	margin: 20px 0 0 0;
	list-style-type: none;
	text-align: left;
}

#faqCatList li {
	padding-top: 5px;
	padding-left: 14px;
	text-indent: -11px;
}

#faqCatList li a {
	background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px center;
	padding-left: 12px;
	color: #7577AB;
	margin-left: 3px;
}

div.faqCat {
	margin-top: 20px;
	margin-bottom: 20px;
}

div.faqCat h2 {
	padding: 5px;
	width: auto;
}

div.faqCat p.faqQuestion {
	color: #c00;
	font-weight: bold;
}

div.faqCat ul.faqTop {
	border: 0;
	border-bottom: 1px dotted #BEB2CF;
	margin-bottom: 20px;
	padding: 15px 0;
	list-style-type: none;
	text-align: left;
}











/*****************News*********************/

h3.topborder {
	border-top: 1px dotted #BEB2CF;
	padding-top: 15px;
	margin-top: 20px;
}







/* Fertility enquiry form
-------------------------------------------------------------------------------------- */

#formContact{
	/*float: left;*/
}

table.contact {
	width: 100%;
	border: 0;
	margin: 20px 0 30px 0;
	border-collapse: collapse;
	background: #f2f2f8;
	color: #393C86;
}

table.contact td {
	border: 0;
	padding: 2px;
}


table.contact td.fieldName p {
	text-align: right;
	margin-bottom: 0;
	padding-right: 5px;
}


td.required {
	width: 5px;
	text-align: center;
	color: #c00;
}

td.field {
	text-align: left;
	/*width:99%;*/
}

td.field p {
	margin-bottom: 0;
}

td.fieldName {
	white-space:nowrap;
	text-align:right;
}

td.fieldName label {
	text-align:right;
	margin-bottom: 0;
}

td.fieldNameError {
	white-space:nowrap;
	text-align:right;
	color: #c00;
	font-weight: bold;
}

td.fieldNameError label {
	text-align:right;
	color: #c00;
	font-weight: bold;
	margin-bottom: 0;
}





/* Messages
-------------------------------------------------------------------------------------- */

#messageBox {
	background-color:#fff;
	border:1px solid #c00;
	margin: 1em 0;
	padding: 1em;
	font-weight: bold;
	color: #c00;
	font-style: normal; 
}

#messageBox ul {
	margin: 0 0 0 1em !important;
}

#messageBox li {
	list-style-image: none !important;
	list-style-type: disc !important;
	margin: 0 0 0.15em 1em !important;
}





/* Virtual tours
-------------------------------------------------------------------------------------- */

#tourBanner { /* shown on home page LHS */
	margin: 15px 0 15px 10px;
}

#tourNav {
	margin: 20px auto;
	text-align: center;
	padding: 0;
	list-style: none;
}

#tourNav li {
	padding: 0 20px;
	margin: 0;
	border-left: 1px solid black;
	display: inline;
}

#tourNav li.first {
	padding: 0 20px;
	border-left: none;
}





/* CHKS home page elements
-------------------------------------------------------------------------------------- */

#chksIntro {
	margin: 0 0 3px 10px;
	color: #003;
	font-size: 0.8em;
}

#chksLogo {
	margin: 0 0 5px 10px;
}

#certificateLinks {
	margin: 0 0 15px 10px;
}

#certificateLinks a {
	color: #7577AB;
	font-size: 0.75em;
}

/* -------------------------------------------------- blog stuff ----------------------------------------- */

/* ---------- post stuff ------------ */

h4.blog {
clear: left;
font-size: 14px;
margin-bottom: 1px;
}

h4.blog a {
color: #393C86;
}

.post {
border-bottom: solid 1px #B1B2CF;
padding: 10px 0;
}

.post ul.list {
list-style-type: none;
}

.post ul.list li {
background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px 7px;
padding-left: 12px;
margin-left: 10px;
}

.navigation {
padding: 10px 0;
}

.entry ul, .entry ol {
margin-left: 30px;
}

.article-more {
float: right;
}


/* ----------- sidebar stuff ---------- */


#left .blog-side .nav_list ul
{
list-style-type: none;
text-align: left;
margin: 0;
padding: 0;
}

#left .blog-side .nav_list ul li div {
padding: 10px;
}

#left .blog-side .nav_list ul li div.rssSummary {
padding: 0px;
color: #000;
}


#left .blog-side .nav_list ul li div.header180{
	padding: 0;
}

#left .blog-side .nav_list ul li div.sidetitle{
    margin: 0px;
	padding: 8px 0px 0px 10px;
	color: #393C86;
	font-size: 14px;
}

#left .blog-side .nav_list ul li  div.sidetitle a {
color: #393C86;
}

#left .blog-side .nav_list ul li a {
color: #7577AB;
}

#left .blog-side .nav_list ul li ul li {
background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px 7px;
padding-left: 12px;
text-decoration: none;
color: #7577AB;
margin: 5px 10px;
}

#left .blog-side .nav_list ul li ul 
{
padding: 10px 0;
}

#left .blog-side .nav_list ul li ul li a {
color: #7577AB;
}

#left .blog-side .nav_list ul li ul li a:hover
{

color: #7577AB;
text-decoration:underline;
}

#left .blog-side .nav_list ul li ul li a.current
{
background: transparent url(http://www.manchesterfertility.com/images/arrow.gif) no-repeat 2px center;
color: #7577AB;
text-decoration:underline;
}


#searchsubmit {
	color: #fff;
	border: 0;
	padding: 5px 10px;
	background-color: #7577AB;
	display: block;
	margin: 10px 0;
	text-align: left;
}

#searchsubmit:hover {
background-color: #B1B2CF;
cursor: pointer;
}

/* -------------- comments ------------- */

.commentlist {
margin-bottom: 20px;
list-style: none;
}

.commentlist li {
padding: 10px;
border: solid 1px #B1B2CF;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: solid 1px #B1B2CF;
	}
	
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	margin-bottom: 10px;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	font-size: 0.8em;
	}

#commentform #submit {
background-color: #7577AB;
	color: #fff;
	padding: 5px 10px;
	border: 0;
	display: block;
	margin: 10px 0;
	text-align: left;
}

#commentform #submit:hover {
background-color: #B1B2CF;
cursor: pointer;
}

/* ------------------- Images ----------------- */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
	

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
/* --------------------------------------- popup stuff ----------------------------------------------------- */

#popup {
background:#fff;
width: 310px;
height: 179px;
margin: 14px 14px 0 0;
padding: 20px;
position: absolute;
top: 200px;
left: 200px;
z-index: 300;
border: solid 15px  #898bbb;
font-family: trebuchet MS;
}

#popup h2 {
color: #393C86;
background-color: #fff;
}

#popup p {

margin-bottom: 10px;
}

#popup form {
text-align: left;
}

#popup form input.radio {
margin-right: 15px;
}

#popup form #question_submit {
background-color: #7577AB;
	color: #fff;
	padding: 5px 10px;
	border: 0;
	display: block;
	margin: 10px 0;
	text-align: left;
}

#popup form #question_submit:hover {
background-color: #B1B2CF;
cursor: pointer;

}


#popup a.close {


}

#popup a.close:hover {
text-decoration: underline;
}

.popup-thanks {
height: 130px;
}

.textfield {
margin-bottom: 5px;

}

.submitbutton, .download {
background-color: #7577AB;
	color: #fff;
	padding: 5px 10px;
	border: 0;
	display: block;
	margin: 10px 0;
	text-align: left;
}

.submitbutton:hover, .download:hover {
background-color: #B1B2CF;
cursor: pointer;

}

img.download-image {
float: left;
margin: 20px 20px 0 0;
border: solid 1px #ccc;
}

#message-download {
margin: 15px 0 0 0;
}

.download-form {
margin: 15px 0 0 0;
}

/* ------------------------------- social icons ------------------------------- */

p.facebook {
background: url(../images/facebook-icon.png) no-repeat;
padding: 10px 5px 10px 35px;
margin: 10px 0 0 0;
}

p.twitter {
background: url(../images/twitter-icon.png) no-repeat;
padding: 10px 5px 10px 35px;
margin: 0 0 10px 0;
}

p.news {
background: url(../images/enews.png) no-repeat;
padding: 0px 5px 10px 35px;
margin: 0 0 10px 0;
}

/* ----------------------------- brochure request form ------------------------ */

form#commentForm {
	
	width: 500px;
	margin-left: 0px;
}

form#commentForm label {
color: #393C86;

font-size: 12px;
}

form#commentForm .textfield {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #b2b2b2;
color: #393C86;
}

form#commentForm .textfield:hover {
border: solid 1px #393C86;
}

form#commentForm .textfield_error {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #ff0000;
}

form#commentForm .textarea {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #b2b2b2;
height: 75px;
color: #393C86;
}

form#commentForm .textarea:hover {
border: solid 1px #393C86;
}

form#commentForm .request {
border: none;
background-color: #393C86;
color: #fff;
border: solid 2px #fff;
cursor: pointer;
float: right;
padding: 5px 10px;
}

form#commentForm .request:hover {
background-color: #b2b2b2;
color: #fff;
}

form#commentForm .notice {
float: right;
font-weight: 600;
color: #393C86;
}

form#commentForm .error {

font-weight: 600;
color: #FF0000;
text-align: left;
}

form#commentForm .required {
color: #393C86;
}