/*
Site:			Enfield Cardiac Centre
Version:		1.0
Stylesheet:		Screen

Created: 		10/05/2007 10:29
By:				Spencer Lavery

Last edited:	03/08/2007 11:00
By:				Jerome Degl'innocenti
*/

*{
	}
	
body{
	font-size:62.5%;												/* resets 1em to 10px */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	text-align:center;												/* centers layout in IE5 */
	width:100%;
	}

p{
	font-size:1.2em;
	padding:0;
	margin:0 0 15px;
	color:#666;
	line-height:170%;
	}	
p a{
	color:#2e3192;
	}
p a:hover{
	color:#ef4135;
	}
	
ul{
	font-size:1.2em;
	color:#666;
	line-height:170%;
	}
ul a{
	color:#666;
	}
ul a:hover{
	color:#333;
	}

	
img{
	border:none;
	}

address{
	display:block;
	float:left;
    font-style:normal;
	min-width:200px;
    }
address p{
	color:#666;
	font-size:1.2em;
	}
	
/* Header
*************************************************************************************************/

#header{
	height:100px;
	margin:0 auto;
	text-align:left;												/* restores left alignment */
	width:774px;
	}
#logo{
	float:left;
	margin:17px 0 0 5px;
	}
#bmilogo{
	float:right;
	margin:35px 5px 0 0;
	}

/* Navigation menu
*************************************************/
#nav{	
	background:#e41310 url(../graphics/bg-nav.gif) repeat-x;
	border-bottom:1px solid #2e3192;
	clear:both;
	}

#nav ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	font:1.5em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	display:block;
	width:774px;
	}
#nav li{
	display:inline;
	}
#nav li a{
	color:#fff;
	display:block;
	text-decoration:none;
	float:left;
	padding:2px 21px 2px 22px;
	}
#nav li a:hover,	
body.home 			#nav a.home,
body.aboutus 		#nav a.aboutus,
body.bmicard 		#nav a.bmicard,
body.consultants 	#nav a.consultants,
body.links 			#nav a.links,
body.locationmaps 	#nav a.locationmaps,
body.contactus 		#nav a.contactus{
	background:#ce1425 url(../graphics/bg-nav.gif) repeat-x 0 -500px;
	}
	
/* Mast section
*************************************************************************************************/	
#mastwrapper{
	background:#f0f0f7;
	margin:2.4em 0 0;
	}
	
#mast{
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	padding:0 17px;
	margin:0 auto;
	text-align:left;												/* restores left alignment */
	width:740px;	
	}
#mast img{
	float:right;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	margin:0 0 0 10px;
	}
	
#flashmast img{
	border:none;
	}
	
#flashmast{
	width:200px;
	height:200px;
	float:right;
	overflow:hidden;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

#mast a:hover img{
	border-left:5px solid #ef4135;
	border-right:5px solid #ef4135;
	}
#mast h1{
	color:#2e3192;
	font-size:2.7em;
	font-weight:normal;
	line-height:190%;
	margin:0;
	}
#mast h1 em{
	color:#ef4135;
	font-style:normal;
	}
#mast h2{
	color:#444;
	font-size:1.8em;
	font-weight:normal;
	line-height:150%;
	margin:0;
	}
#mast h2 a{
	color:#2e3192;
	text-decoration:underline;
	}
#mast h2 a:hover{
	color:#ef4135;
	}
#mast ul{
	color:#444;
	font-size:1.8em;
	font-weight:normal;
	line-height:150%;
	margin:0;
	}	
#mast p{
	color:#444;
	font-size:1.8em;
	font-weight:normal;
	line-height:150%;
	margin:0;
	}
	
/* Consultants
*************************************************/
#consultantwrapper{
	background:#f0f0f7;
	margin:2.4em 0 0;
	display:none;
	}	
body.consultants #consultantwrapper{
	display:block;
	}
ul.consultants{
    margin:0 auto;
	display:block;
	list-style:none;
	padding:0;
	width:500px;
    }
ul.consultants li{
	display:block;
	float:left;
	}
ul.consultants img{
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	display:block;
	float:left;
	margin:0 2px;
	padding:0;
    }	
ul.consultants a:hover img{
	border-left:5px solid #ef4135;
	border-right:5px solid #ef4135;
	}


#consultantsnav{
	display:none;
	margin:0 0 30px;
	}
body.consultants #consultantsnav{
	display:block;
	}
body.consultants #treatmentsnav{
	display:none;
	}
	
	
div.box{
	background:#f0f0f7;
	margin:2.4em auto;
	padding:5px;
	width:550px;
	overflow:hidden;
	}
	
div.box.halfbox{
	width:265px;
	float:left;
	}

div.box.spacer{
	margin-right:10px;
	}
	
div.box h4{
	border-bottom:1px solid #ddd;
	background:#e6e6ee;
	padding:5px;
	margin:-5px -5px 10px;
	text-align:center;
	}
div.box h4 strong{
	color:#ef4135;
	font-weight:normal;
	}
div.box ul.consultants li{
	display:block;
	float:left;
	margin:0;
	background:none;
	padding:5px 0 0 10px;
	}
div.box ul.consultants img{
	border:5px solid #fff;
	display:block;
	float:left;
	margin:0 2px;
	padding:0;
    }	
div.box ul.consultants a:hover img{
	border:5px solid #ef4135;
	}
div.box ul.consultants h5{
	font-size:1.1em;
	font-weight:normal;
	display:block;
	text-align:center;
	margin:0;
	clear:left;
	}
/* Contact Box
*************************************************************************************************/	
div.boxcontact{
	background:#f0f0f7;
	margin:2.4em auto;
	padding:5px;
	width:140px;
	overflow:hidden;
	border:1px solid #ddd;
	}	
div.boxcontact h4{
	border-bottom:1px solid #ddd;
	background:#e6e6ee;
	padding:5px;
	margin:-5px -5px 10px;
	text-align:center;
	color:#2e3192;
	font-size:1.6em;
	}
div.boxcontact p{
	font-size:1.1em;
	line-height:137%;
	margin:0;
	padding:0 0 8px 0;
	}
div.boxcontact p.phonenumber{
	display:block;
	margin:0;
	padding:0;
	font:2.1em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	float:none;
	}
/* Content
*************************************************************************************************/	
#content{
	margin:0 auto;
	text-align:left;												/* restores left alignment */
	width:774px;
	}

/* Snippets
*************************************************/
#snips{
	clear:both;
	margin:2.4em 0 30px;
	}
.snip{
	width:266px;
	float:left;
	padding:0 15px;
	border-right:1px solid #ccc;
	}
.snip.last{
	border-right:none;
	}
.snip h3{
	font:2em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#2e3192;
	margin:0 0 5px;
	}
.snip ul{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	}
.snip li{
	margin:0;
	display:block;
	background:url(../graphics/icon-circle.gif) no-repeat 3px 50%;
	padding:0 0 0 15px;
	}
.snip p{
	margin:0;
	}
.snipservices{
	width:150px;
	float:left;
	padding:0 15px;
	border-right:1px solid #ccc;
	}
.snipservices.last{
	border-right:none;
	}
.snipservices h3{
	font:2em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#2e3192;
	margin:0 0 5px;
	}
.snipservices ul{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	}
.snipservices li{
	margin:0;
	display:block;
	background:url(../graphics/icon-circle.gif) no-repeat 3px 50%;
	padding:0 0 0 15px;
	}
.snipservices p{
	margin:0;
	}	
	

address.phone{
	display:block;
	margin:0;
	padding:0;
	font:2.7em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	float:none;
	}
div.copy address.phone{
	margin:-20px 0 0;
	}
	
	
/* Buttons
*************************************************/
a.button{
	display:block;
	background:url(../graphics/icon-button.gif) no-repeat 0 50%;
	padding:0 0 0 26px;
	line-height:22px;
	}
	
a.button.pdf{
	background:url(../graphics/icon-pdf.jpg) no-repeat 0 50%;
	padding:0 0 0 39px;
	line-height:35px;
	}
	
	
/* Wide copy box
*************************************************/
.widecopy{
	padding:0 15px;
	margin:2.4em 0;
	}
.widecopy img{
	float:right;
	border:5px solid #e4e4e4;
	margin:0 0 5px 10px;
	}
.widecopy h3{
	font:2em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#2e3192;
	margin:0 0 5px;
	}
.widecopy h3 em{
	color:#ef4135;
	font-style:normal;
	}
	
/* Copy box
*************************************************/
.copy{
	padding:0 15px;
	margin:2.4em 0;
	float:left;
	width:560px;
	border-left:1px solid #e4e4e4;
	}
.copy img{
	float:right;
	border:5px solid #e4e4e4;
	margin:0 0 5px 10px;
	}
.copy h3{
	font:2em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#2e3192;
	margin:0 0 5px;
	}
.copy h3 em{
	color:#ef4135;
	font-style:normal;
	}
.copy h3 sup{
	font:0.9em Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	font-weight:normal;
	}
.copy h4{
	font:1.7em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#2e3192;
	margin:0 0 5px;
	}
.copy ul{
	margin:0 20px 10px;
	padding:0;
	list-style:none;
	}
.copy li{
	margin:0 0 5px;
	display:block;
	background:url(../graphics/icon-circle.gif) no-repeat 3px 7px;
	padding:0 0 0 15px;
	}
.copy ul ul{
	font-size:1em;
	}
	
	
body.consultants div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}
body.conditions div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}	
body.treatments div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}
body.investigations div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}
body.catheterisation div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}
body.cardioversion div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}
body.coronary div.copy h4{
	font:1.3em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#ef4135;
	margin:10px 0 0;
	}				
/* Left menu
*************************************************/	
.leftnav{
	width:160px;
	float:left;
	padding:0 5px 0 15px;
	margin:2.4em 0;
	}
.leftnav h3{
	font:2em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	color:#2e3192;
	margin:0 0 5px;
	}
.leftnav ul{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	}
.leftnav li{
	margin:0;
	display:block;
	background:url(../graphics/icon-circle.gif) no-repeat 3px 13px;
	padding:8px 0 0 15px;
	line-height:1.2em;
	}
.apr{
	font-weight:bold;
	font-size:1.2em;
	}
	
/* Footer
*************************************************************************************************/	
#footer{
	border-top:1px solid #ddd;
	padding-top:10px;
	margin:10px 0;
	clear:both;
	}	
#footer ul{
	list-style:none;
	padding:0;
	margin:0 auto 5px;
	text-align:center;
	width:774px;
	display:block;
	clear:both;
	}
#footer li{
	display:inline;
	padding:0 5px;
	border-right:1px solid #ccc;
	}
#footer li.last{
	border-right:none;
	}
#footer li a{
	color:#2e3192;
	}
#footer li a:hover,	
body.home 			#footer a.home,
body.aboutus 		#footer a.aboutus,
body.bmicard 		#footer a.bmicard,
body.consultants 	#footer a.consultants,
body.news 			#footer a.news,
body.locationmaps 	#footer a.locationmaps,
body.contactus 		#footer a.contactus,
body.sitemap 		#footer a.sitemap{
	color:#ef4135;
	}
#footer p{
	text-align:center;
	}
#footer p a{
	color:#444;
	text-decoration:none;
	}



/* Contact Form
*************************************************************************************************/
.splitform{
	font-size:1.2em;
	float:left;
	display:block;
	padding:0 0 2em;
	}
.splitform fieldset{
	padding:15px 20px 5px;
	margin:0 15px 0 0;
	background:#f0f0f7;
	float:left;
	border:1px solid #ccc;
	display:block;
	}		
.splitform legend{
	display:none;
	}
.splitform label{
	display:block;
	float:left;
	clear:left;
	cursor:pointer;
	color:#2e3192;
	padding:2px 0;
	width:90px;
	}
.splitform label.req:after{
	content:"*";
	color:#ef4135;
	}
.splitform input,
.splitform textarea,
.splitform select{
	padding:3px 5px;
	margin:0 0 10px;
	display:block;
	float:left;
	background:#fff;
	border:1px solid #ccc;
	width:190px;
	font:1em Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	}
.splitform select{
	padding:3px 2px 3px 0;
	width:202px;
	}
.splitform input:hover,
.splitform select:hover,
.splitform textarea:hover,
.splitform input:focus,
.splitform select:focus,
.splitform textarea:focus{
	border:1px solid #2e3192;
	color:#2e3192;
	}
.splitform input.error,
.splitform textarea.error,
.splitform select.error{
	border:1px solid #ef4135;
	}
.splitform label em{
	color:#ef4135;
	font-style:normal;
	}
.splitform #submit{
	cursor:pointer;
	padding:5px;
	width:auto;
	background:#2e3192;
	border:1px solid #fff;
	color:#fff;
	}
.splitform #submit:hover{
	background:#ef4135;
	}

	

/* Clearfix (updated for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */