/*
North London Spine Centre
Screen Stylesheet
Version: 1.0
Last edited: 08/08/2007
By: Jerome
*/

/* HTML Tags
***********************************************/
*{
	font:1em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	border:none;
	color:#0e034e;
	}
body{
	font-size:62.5%;
	text-align:center;
	}

strong{
	font-weight:bold;
	}
em{
	font-style:italic;
	}
	
p{
	font-size:1.1em;
	margin-bottom:1.1em;
	clear:left;
	}
	
a{
	color:#0e034e;
	}
a:hover{
	color:#000;
	}
	
sup{
	font-size:.5em;
	}
	
h3{
	background:#f47a20 url(../graphics/tab-top.gif) no-repeat center top;
	width:204px;
	min-height:18px;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0 1px;
	display:block;
	clear:left;
	float:left;
	padding:3px 0 0 10px;
	}
	
h4{
	font-size:2.1em;
	margin-bottom:.4em;
	}
	
h5{
	color:#f47a20;
	font-size:1.4em;
	margin:0 0 .4em;
	font-weight:bold;
	}
h6{
	color:#f47a20;
	font-size:1.3em;
	line-height:1em;
	margin-bottom:.4em;
	}
	
label em{
	color:#f00;
	font-size:.8em;
	font-style:normal;
	}
	

/* Structure
***********************************************/	
#container{
	width:687px;
	margin:0 auto;
	border-top:4px solid #0e034e;
	border-bottom:4px solid #f47a20;
	text-align:left;
	}
	
	
/* Header
***********************************************/
#nlsclogo{
	display:block;
	background:url(../graphics/nlsc-logo.gif) no-repeat;
	width:208px;
	height:0;
	float:left;
	padding-top:67px;
	overflow:hidden;
	margin:10px 0 10px 20px;
	}
	
#flashlogo{
	float:left;
	margin:10px 0 10px 20px;
	}
	
#bmilogo{
	display:block;
	background:url(../graphics/bmi-logo.gif) no-repeat;
	width:122px;
	height:0;
	float:right;
	padding-top:33px;
	overflow:hidden;
	margin:27px 20px 10px 0;
	
	}

	
/* Main Navigation
***********************************************/
#topnav{
	display:block;
	clear:both;
	width:657px;
	padding:0 15px;
	height:134px;
	background:url(../graphics/bg-header.jpg) no-repeat;
	list-style:none;
	}
#topnav li{
	float:left;
	}
#topnav a{
	color:#fff;
	padding:5px 13px 5px 13px;
	display:block;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	}
#topnav a:hover{
	color:#0e034e;
	}
	
	
/* Left Column
***********************************************/
#leftcol{
	float:left;
	width:214px;
	position:absolute;
		background-color:#FFFFFF;
	}

#leftcol div{
	padding:5px 18px 10px 18px;
	display:block;
	width:178px;
	float:left;
	clear:left;
	font-size:1.1em;
   background:#fcdbc2 url(../graphics/tab-bot.gif) no-repeat center bottom;
	}
	
#leftcol address{
	font-size:2.4em;
	}

#treatments{
	padding:5px 0 10px;
	display:block;
	width:214px;
	float:left;
	clear:left;
    background:#fcdbc2 url(../graphics/tab-bot.gif) no-repeat center bottom;
	}
#treatments li{
	display:block;
	padding:1px;
	}
#treatments a{
	display:block;
	color:#0e034e;
	padding:2px 0 0 30px;
	font-size:1em;
	background:url(../graphics/icon-arrow.gif) no-repeat 15px 3px;
	font-weight:bold;
	text-decoration:none;
	}
#treatments a:hover{
	color:#fff;
	}
.terms a{
	font-size:1em;
	background:url(../graphics/icon-arrow.gif) no-repeat 2px 50%;
	font-weight:bold;
	padding:0 0 0 20px;
	}
	
#news{
	padding:5px 5px 10px 18px;
	display:block;
	width:191px;
	float:left;
	clear:left;
	background:#fcdbc2 url(../graphics/tab-bot.gif) no-repeat center bottom;
	margin-bottom:20px;
	}
#news dd{
	margin-bottom:5px;
	}
#news a{
	font-weight:bold;
	}
#news a:hover{
	color:#fff;
	}
	
/* Right Column
***********************************************/
#rightcol{
	width:421px;
	min-height:265px;
	background:url(../graphics/bg-content.jpg) no-repeat;
	display:block;
	float:right;
	font-size:80%;
	margin:10px 0 10px 10px;
	padding:10px 20px;
	background-color:#FFFFFF;
	text-align:left;

	}
#rightcol ul{
	margin:0 2em 1em;
	font-size:1.1em;
	list-style-image:url(../graphics/icon-bullet.gif);
	}
#rightcol ul ul{
	font-size:1em;
	margin-bottom:0;
	}
#rightcol img{
	float:right;
	margin:0 0 10px 10px;
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #8681a6;
	}
	
#rightcol img.trans{
	padding:0;
	background:none;
	border:none;
	}
	
#rightcol img.big{
	margin:5px 0 !important;
	display:block;
	padding:5px;
	float:none;
	background:#fff url(../graphics/bg-diag.gif);
	border:1px solid #fff;
	background-color:#FFFFFF;
	}
.apr{
	font-weight:bold;
	font-size:1.2em;
	}
.pleasenote{
	font-weight:bold;
	font-size:1.2em;
	}	
.consultant{
	padding:10px;
	width:120px;
	text-align:center;
	float:left;
	}
.consultant h5{
	margin:0;
	padding:0;
	}	
#rightcol .consultant img{
	clear:left;
	margin:0;
	float:none;
	}
.consultant h6{
	margin:0;
	padding:0;
	clear:left;
	}
	
#rightcol dl{	
	font-size:1.1em;
	}
#rightcol dt{
	font-weight:bold;
	margin-top:10px;
	}
#rightcol dd{
	margin-bottom:20px;
	}
#rightcol dd a{
	text-decoration:none;
	color:#f47a20;
	}
#rightcol dd a:hover{
	color:#0e034e;
	}

#contactaddress{
	padding:5px 5px 0 8px;
	float:right;
	border:1px dashed #8681a6;
	margin:0 0 10px 10px;
	background:#fff;
	}
	
#maps img{
	float:left;
	margin:0 5px 10px;
	padding:0;
	}
	
/* Buttons
***********************************************/	
.btn{
	overflow:hidden;
	padding-top:26px;
	height:0;
	display:block;
	}
.findoutmore{
	background:url(../graphics/btn-findoutmore.gif) no-repeat;
	width:157px;
	float:right;
	}
/* Table
***********************************************/	
/*table{
	background:#FFD6B7;
	}	
td, th{
	padding:4px;
	}
thead th{
	text-align:center;
	background:#E27210;
	color:#fff;
	border:1px solid #fff;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	}
tbody td{ 
	text-align:center;
	font-size:1.1em;
	background:#fff;
	}*/
	
	
table{
	border-collapse:collapse;
    /*background:#FCDBC2 url(../graphics/bg-table-top.jpg) no-repeat 0 0;*/
	
	}	
td, th{
	padding:4px;
	}
thead th{
	text-align:center;
	color:#fff;
	border:1px solid #fff;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	}
tbody td{ 
	text-align:center;
	font-size:1.1em;
	border:1px solid #fff;
    /*background:#FCDBC2;*/
	}
tbody th{
	font-weight:bold;
	border:1px solid #fff;
	background:#FCDBC2;
	}
tfoot{
	background:#fff url(../graphics/bg-table-bot.jpg) no-repeat 0 100%;
	height:15px;
	}
	


/* Footer
***********************************************/
#footer{
	clear:both;
	height:1.5em;
	padding:10px 5px 5px;
	}
#footer p{
	float:left;
	font-size:1em;
	}
#footer ul{
	list-style:none;
	display:block;
	float:right;
	}
#footer li{
	display:block;
	float:left;
	}
#footer a{
	text-decoration:none;
	display:block;
	padding:0 4px;
	border-right:1px solid #57585a;
	}
#footer a:hover{
	color:#0e034e;
	}
#footer .last a{
	border-right:none;
	}
#footer p,
#footer a{
	color:#57585a;
	}
	
	
/* Contact Form
***********************************************/
#contactform{
	font-size:1.1em;
	margin:-7px 0 0;
	clear:both;
	}	

#contactform fieldset{
	/* clear:both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border:none;
	}

#contactform input,
#contactform textarea{
	margin:7px 0 0; /* set top margin same as form input - textarea etc. elements */
	border:1px solid #8681a6;
	width:72%;
	padding:2px 2px 2px 3px;
	}
	

#contactform select{
	margin:7px 0 0; /* set top margin same as form input - textarea etc. elements */
	border:1px solid #8681a6;
	width:74%;
	padding:2px 2px 2px 3px;
	}
	
#contactform input:hover,
#contactform select:hover,
#contactform textarea:hover{
	background:#fff7f4;
	border:1px solid #0e034e;
	}

#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus{
	background:#fff7f4;
	border:1px solid #0e034e;
	}
	
#contactform button{
	padding:5px;
	margin:5px 0;
	cursor:pointer;
	background:#fff7f4;
	border:1px solid #0e034e;
	}

#contactform br{
	clear:left;
	}

#contactform label{
	display:block;
	width:20%; 
	float:left;
	padding:2px; 
	margin:7px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align:right;
	}

#contactform textarea{
	padding:3px 2px 2px 3px;
	}

#contactform input#SubmitButton{
	background:#eee;
	border:1px solid #bbb;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	width:65.3%;
	}

#contactform input#SubmitButton:hover{
	background:#ddd;
	border:1px solid #aaa;
	}
#flashcontent2{
	width:415px;
	overflow:hidden;
	}
#flashcontent2 img{
	border:none;
	}