/* ---------------------------------------------- *\ 

	newburystreetpractice.co.uk screen CSS file
	08 March 2010
	
	Index
	0: Reset
	1: Globals
	2: Homepage
	3: Who Are We

\* ---------------------------------------------- */


/* 0: Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* 1: Globals */

h3 { line-height: 1.5em; }

.h { position: relative; display: none; left: -999; height: 0; }
.first	{ padding-left: 0 !important; margin-left: 0 !important; }
.last	{ padding-right: 0 !important; margin-right: 0 !important; }

.dim { color: #ccc; }
.spaced { padding: 4px 0; }
.important { color: #FF6666; }

.block { display: block; }
.big { font-size: 1.5em; }

.right { float: right !important; }

a:hover { text-decoration: none; }

a.top {
	font-size: 0.78em;
	color: #2c41d4;
	font-weight: normal;
	float: right;
	display: block;
}

a, a:link, a:visited, a:active {
	color: #0F1F8E;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #060D37;
}

p { line-height: 1.9em; color: #767676; padding-bottom: 15px; }
.span_third p { line-height: 2em; padding: 0 0 20px 0; }
.no-pad { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.4em !important; }
.clr{clear:both;}
p.padded { display: block; padding: 0 0 25px 0; font-size: 1.3em; }
.padded { padding-left: 15px; }
.align_center { text-align: center; }

.consider-header { padding-top:45px; }

/* Tables */
table {
	width: 100%;
}
	table tr {
		width: 100%;
	}

		table tr td, table tr th {
			width: auto;
			padding: 5px;
			vertical-align: top;
		}
		
		table tr th { font-weight: bold; }
		
#surgeries-table tr td {
	
}
	#surgeries-table tr .table_bold {
		font-weight: bold;
	}
	
/* Forms */
textarea { font-family: Helvetica, Arial, sans-serif; }

#enquiryform input,
#enquiryform textarea  {
	background: white;
	border: 1px solid #595959;
	padding: 4px;
	font-size: 1.1em;
}

	#enquiryform input:active, #enquiryform input:focus,
	#enquiryform textarea:active, #enquiryform textarea:focus {
		background: #F3F3F3;
	}

#enquiryform input.required,
#enquiryform textarea.required  {
	 border-left: 3px solid #EB5454;
}

.validation-message p{
	color: red !important;
}
		
/* Default list */
ul.standard-list {
	display: block;
	padding: 0 0 15px 45px;
}

	ul.standard-list li {
		list-style-type: disc;
		color: #767676;
		padding: 4px 0;
		line-height: 1.6em;
	}
	
#sitemap {
	display: block;
	float: left;
	width: 900px;
	font-size:1.3em;
}
	
	#sitemap li {
		list-style-type: disc;
		display: block;
		padding: 6px 0 8px 10px;
	}
		
		#sitemap li a { text-decoration: none; }
		
			#sitemap li ul {
				display: block;
				padding: 3px 0 5px 5px;
			} 

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

body {
	background: url("../images/main-background.jpg") center top repeat-y;
	font-size: 0.75em;
}

#container {
	width: 947px;
	display: block;
	background: white;
	margin: 0 auto;
	padding: 0 22px;
}

#header-block {
	display: block;
	width: 947px;
	float: left;
	margin: 0 0 20px 0;
}

	#header-block #contact-block {
		display: block;
		float: right;
		margin-top: 45px;
	}

		#header-block #contact-block .tel { width: 207px; height: 21px; background: url("../images/tel.gif") no-repeat; }
		
		#header-block #contact-block ul {
			display: block;
			margin-top: 13px;
			padding: 0; margin: 0;
		}
		
			#header-block #contact-block ul li { color: #999; font-size: 0.92em; display: block; float: left; padding-top: 7px; }
				#header-block #contact-block ul li a { color: #999; padding: 0 10px; }
				
/* Navigation */

#main-nav {
	display: block;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	width: 947px;
	background: url("../images/nav-background.jpg") repeat-x;
	height: 41px;
}

	#main-nav li {
		list-style-type: none;
		display: block;
		float: left;
	}
	
		#main-nav li a {
			padding: 14px 18.2px;
			display: block;
			color: white;
			text-decoration: none;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 0.93em;
		}
			
			#main-nav li a:hover { color: #ddd; }
			#main-nav a.active { color: #ddd; }

/* Subnav */
#sub-nav {
	display: block;
	float: left;
	width: 947px;
	height: 57px;
	padding: 0;
	margin: -10px 0 35px 0;
	background: url("../Images/subnav_bar.jpg") repeat-x;
}

	#sub-nav li.heading {
		height: 57px;
		float: left;
		display: block;
		margin-right: 30px;
		padding: 0 !important;
	}
	
	#sub-nav li {
		display: block;
		float: left;
		padding: 22px 34px 0 0;
	}
	
		#sub-nav li a {
			display: block;
			color: #C3C3C3;
			text-decoration: none;
			font-size: 0.9em;
		}
		
			#sub-nav li a.active,
			#sub-nav li a:hover	{
				color: white;
			}
			
/* Headings */
h3 { font-size: 1.1em; padding-bottom: 8px; display: block; width: 100%;}

/* Image Headings */
h1.heading-introbar { display: block; width: 402px; height: 33px; background: url("../images/headings/h1-homepage-intro.gif") no-repeat; margin-bottom: 15px; }
h3.heading-welcome { width: 192px; height: 33px; background: url("../images/headings/h3-homepage-welcome.gif") no-repeat; margin: 35px 0 25px 0; }
h3.heading-find-the-practice { width: 97px; height: 28px; background: url("../images/headings/h3-homepage-how-to-find.gif") no-repeat; margin: 35px 0 25px 0; }
h3.heading-link { width: 173px; height: 32px; background: url("../images/headings/h3-homepage-link.gif") no-repeat; margin: 35px 0 25px 0; }

h2.whoarewe-meetthedoctors { width: 186px; height: 18px; background: url("../images/headings/h2-whoarewe-meetthedoctors.gif") no-repeat; margin: 5px 0 25px 0; }
h2.whoarewe-history { width: 211px; height: 23px; background: url("../images/headings/h2-whoarewe-history.gif") no-repeat; margin: 5px 0 25px 0; }
h2.whoarewe-nurses { width: 118px; height: 18px; background: url("../images/headings/h2-whoarewe-nurses.gif") no-repeat; margin: 5px 0 25px 0; }
h2.whoarewe-team { width: 104px; height: 18px; background: url("../images/headings/h2-whoarewe-team.gif") no-repeat; margin: 5px 0 25px 0; }
h2.whoarewe-attachedstaff { width: 148px; height: 18px; background: url("../images/headings/h2-whoarewe-attachedstaff.gif") no-repeat; margin: 5px 0 25px 0; }
h2.whoarewe-caregroup { width: 209px; height: 23px; background: url("../images/headings/h2-whoarewe-caregroup.gif") no-repeat; margin: 5px 0 25px 0; }

h2.services-seeingyourdoctor { width: 207px; height: 23px; background: url("../images/headings/h2-services-seeingyourdoctor.gif") no-repeat; margin: 5px 0 25px 0; }
h2.services-perscriptions { width: 220px; height: 23px; background: url("../images/headings/h2-services-perscriptions.gif") no-repeat; margin: 5px 0 25px 0; }
h2.services-services { width: 181px; height: 18px; background: url("../images/headings/h2-services-services.gif") no-repeat; margin: 5px 0 25px 0; }
h2.services-communitynurses { width: 203px; height: 23px; background: url("../images/headings/h2-services-communitynurses.gif") no-repeat; margin: 5px 0 25px 0; }
h2.services-corehours { width: 217px; height: 18px; background: url("../images/headings/h2-services-corehours.gif") no-repeat; margin: 5px 0 25px 0; }

h2.newsletter { width: 116px; height: 18px; background: url("../images/headings/h2-newsletter.gif") no-repeat; margin: 5px 0 25px 0; }
h2.registration { width: 206px; height: 23px; background: url("../images/headings/h2-registration.gif") no-repeat; margin: 5px 0 25px 0; }
h2.findus { width: 206px; height: 23px; background: url("../images/headings/h2-findus.gif") no-repeat; margin: 5px 0 25px 0; }
h2.links { width: 127px; height: 18px; background: url("../images/headings/h2-links.gif") no-repeat; margin: 5px 0 25px 0; }
h2.contact { width: 114px; height: 18px; background: url("../images/headings/h2-contactus.gif") no-repeat; margin: 5px 0 25px 0; }
h2.LINK { width: 52px; height: 18px; background: url("../images/headings/h2-LINK.gif") no-repeat; margin: 5px 0 25px 0; }
h2.emergency { width: 125px; height: 23px; background: url("../images/headings/h2-emergency.gif") no-repeat; margin: 5px 0 25px 0; }
h2.terms { width: 234px; height: 18px; background: url("../images/headings/h2-terms.gif") no-repeat; margin: 5px 0 25px 0; }
h2.repeatrequest { width: 422px; height: 23px; background: url("../images/headings/h2-repeat-request.gif") no-repeat; margin: 5px 0 25px 0; }
h2.thanks { width: 76px; height: 18px; background: url("../images/headings/h2-thanks.gif") no-repeat; margin: 5px 0 25px 0; }
h2.sitemap { width: 86px; height: 23px; background: url("../images/headings/h2-sitemap.gif") no-repeat; margin: 5px 0 25px 0; }

		
#main-block {
	display: block;
}


#content { width: 947px; margin: 10px 0 20px; float: left; }

.span_third {
	float: left;
	width: 303px;
	margin-right: 18px;
}

.span_two_thirds {
	float: left;
	width: 603px;
	margin-right: 18px;
}

.span_full_width { 
	float: left;
	width: 903px;
	margin-right: 0;
}

/* Footer */
#footer {
	display: block;
	width: 927px;
	margin: 0 auto;
	padding: 0;
	background: url("../images/footer-background.jpg") repeat-x bottom #131f75;
	float: left;
	padding: 20px 0 20px 20px;
	height: 184px;
}

	#footer p { color: white; font-size: 1em; line-height: 1.4em; padding: 0 0 5px 0; }
	#footer p a { color: white; text-decoration: none; }
		#footer p a:hover { color: #ccc; }


/* 2: Homepage */
		
#intro-block {
	height: 223px;
	width: 947px;
	background: url("../images/intro-bar/homepage1.jpg") no-repeat;
	clear: both;
}
		
	#intro-block .intro-content {
		width: 450px;
		margin: 20px 0 0 20px;
		float: left;
	}
		#intro-block .intro-content p { color: #919BE3; line-height: 1.5em; padding: 0 0 12px 0; font-size: 1em; }
			#intro-block .intro-content p a { font-weight: bold; text-decoration: none; color: #FEB75C; }
			
#link-blocks {
	display: block;
	float: left;
	width: 947px;
	height: 90px;
	margin: 20px 0 0 0;
	padding: 0;
}

	#link-blocks li {
		display: block;
		float: left;
		margin: 0 17px 0 0;
		width: 304px;
		padding: 0;
		height: 90px;
	}
		
		#link-blocks li a span.l { display: block; margin: 20px 0 0 10px; text-decoration: none; }
		
		#link-blocks li a h2 { display: block; height: 32px; width: 147px; margin: 12px 0 0 10px; }
		
		#link-blocks li.online-appointment { background: url("../images/banner-online-appointment.jpg") no-repeat; }
		#link-blocks li.repeat-perscriptions { background: url("../images/banner-repeat-perscriptions.jpg") no-repeat; }
		#link-blocks li.ice { background: url("../images/banner-ice.jpg") no-repeat; }
		
		#link-blocks li.online-appointment span.l { color: #060624; }
		#link-blocks li.repeat-perscriptions span.l { color: #7f7f20; }
		#link-blocks li.ice span.l { color: #826359; }
		
		#link-blocks li.online-appointment a h2 { background: url("../images/headings/h2-homepage-online-appointment.gif") no-repeat; }
		#link-blocks li.repeat-perscriptions a h2 { background: url("../images/headings/h2-homepage-repeat-perscriptions.gif") no-repeat; }
		#link-blocks li.ice a h2 { background: url("../images/headings/h2-homepage-ice.gif") no-repeat; }
	

/* 3: Who Are We? */

#tabber {
	display: block;
	float: left;
	width: 947px;
}

	#tabber ul.tabs {
		display: block;
		float: left;
		width: 947px;
	}
	
		#tabber ul.tabs li {
			display: block;
			float: left;
			height: 37px;
			background: url("../images/components/tabber/inactive-mid.jpg") repeat-x;
			margin: 0 3px 0 0;
			position: relative;
		}
		
			#tabber ul.tabs li a {
				display: block;
				float: left;
				padding: 13px 15px 0 15px;
				text-align: center;
				text-decoration: none;
				color: #5c5c5c;
			}
				#tabber ul.tabs li a:active, #tabber ul.tabs li a:focus {
					outline: none;
				}
			
			#tabber ul.tabs li .tab_l {
				width: 12px;
				height: 37px;
				display: block;
				z-index: 999;
				position: absolute;
				top: 0; left: 0;
				background: url("../images/components/tabber/inactive-left.jpg") no-repeat;
			}
			
			#tabber ul.tabs li .tab_r {
				width: 12px;
				height: 37px;
				display: block;
				position: absolute;
				top: 0; right: 0;
				background: url("../images/components/tabber/inactive-right.jpg") no-repeat;
			}
			
			#tabber ul.tabs li.active, #tabber ul.tabs li.hov {
				display: block;
				float: left;
				height: 37px;
				background: url("../images/components/tabber/active-mid.jpg") repeat-x;
				margin: 0 3px 0 0;
				position: relative;
			}
			
			#tabber ul.tabs li.active a, #tabber ul.tabs li.hov a {
				display: block;
				float: left;
				padding: 13px 15px 0 15px;
				text-align: center;
				text-decoration: none;
				color: #313131;
			}
			
			#tabber ul.tabs li.active .tab_l, #tabber ul.tabs li.hov .tab_l {
				width: 12px;
				height: 37px;
				display: block;
				z-index: 999;
				position: absolute;
				top: 0; left: 0;
				background: url("../images/components/tabber/active-left.jpg") no-repeat;
			}
			
			#tabber ul.tabs li.active .tab_r, #tabber ul.tabs li.hov .tab_r {
				width: 12px;
				height: 37px;
				display: block;
				position: absolute;
				top: 0; right: 0;
				background: url("../images/components/tabber/active-right.jpg") no-repeat;
			}

	#tabber .content_area {
		background: url("../images/components/tabber/contentarea-mid.jpg") repeat-x bottom #F2F2F2;
		width: 907px;
		padding: 20px;
		position: relative;
		float: left;
		display: block;
	}
	
	#tabber .content_area div {
		padding-bottom: 25px;
		float: left;
		display: block;
	}
	
		#tabber .content_area p { 
			color: #353535;
			font-size: 1.1em;
			line-height: 1.88em;
			padding: 8px 0;
		}
		
		#tabber .content_area p.email { 
			display: block;
			background: url("../Images/icons/email.gif") center left no-repeat;
			margin: 20px 0 0 0;
			padding: 0 0 0 20px;
		}
		
		#tabber .content_area p.email a,
		#tabber .content_area p.email a:active { font-weight: bold; text-decoration: none; color: #495efc; }
		
		#tabber .content_area h2 {
			display: block;
			font-size: 1.6em;
			padding: 0 0 0 0;
			margin: 0 0 15px 0;
			border-bottom: 1px soid black;
			width: 100%;
		}
			#tabber .content_area h2 .quals {
				font-size: 0.6em;
				font-weight: normal;
				color: #4b59bf;
				padding: 0 0 0 15px;
			}
			
			#tabber .content_area .extended {
				float: right;
				padding: 0 0 30px 15px;
				width: 200px !important;
			}
			
			#tabber .content_area .main {
				width: 680px;
				float: left;
			}
			#tabber .content_area .main_full {
				width: 890px;
				float: left;
			}
			
			#tabber .content_area .extended img { border: 1px solid #627a85; }
	
	#tabber .content_area .content_area_l {
		position: absolute;
		top: 0; left: 0;
		height: 100%;
		width: 4px;
		background: url("../images/components/tabber/contentarea-left.jpg") repeat-y;
	}
	
	#tabber .content_area .content_area_r {
		position: absolute;
		top: 0; right: -1px;
		height: 100%;
		width: 4px;
		background: url("../images/components/tabber/contentarea-right.jpg") repeat-y;
	}
	
	#tabber .content_area .content_area_bottom {
		width: 947px;
		position: absolute;
		height: 9px;
		bottom: 0;
		left: 0;
		background: url("../images/components/tabber/contentarea-bottom.jpg") no-repeat;
	}