/****************************************************************
 *
 *	CSS screen stylesheet for wsqo.co.uk
 *
 *	Author:			Phil Rae
 *	Email:			hello@netinspired.com
 *	Website:		http://netinspired.com/
 *	Copyright:	Warwick Square Osteopaths
 *
 ****************************************************************/

/* !COMMONLY USED CLASSES */
.clear{clear:both;}
.first{margin-top:0 !important;}
.hide{display:none;}
.outline{outline:2px solid red;}
.left{float:left;}
.right{float:right;}
.nospam{display:none;}
.nojs-hide{display:none;} /* will be unhidden by javascript */
.smaller{font-size:0.7em;}
.basesize{font-size:1em;}
.indent{padding-left:1em;}
.text-replacement {display:none;}


/* !GENERAL STYLES */
html{
	background:#D3DEE9 url(../images/bg_page.png) repeat;
	margin:0; padding:0; }

body{
	color:#333;	
	font-family: "Century Gothic","Gill Sans","Gill Sans MT",Tahoma,Arial,sans-serif;
	font-size:90%;
	letter-spacing:-0.05em;
	margin:0; padding:1px 0 0 0; }
	
pre,code,kbd,samp,tt {font-family:monospace;line-height:1em;}
	
img{-ms-interpolation-mode:bicubic;} /* Improve way I.E resizes images */


a,
a:link,
a:visited { 
	color:#2F5A96;
	text-decoration:none; }

a:visited {
	color:#8D2563; }
	
a:active,
a:hover,
a:focus {
	outline:none;
	color:#8D2563;
	text-decoration:underline; }
	
	.accessibility a:focus { /* accessibility highlight */
		color:#2F5A96;
		outline:2px solid #FE0031;
		text-decoration:none !important; }
	

h1, h2, h3, h4, h5, h6 {
	color:#333; }
	
h1 {
	color:#2D4770;
	font-family:"Gill Sans","Gill Sans MT",Tahoma,Arial,sans-serif;
	font-size:1.9em;
	font-weight:normal;
	line-height:1em;
	margin:1.4em 1em 0.5em 0;
	padding:0 0 0.3em 0; }
	
h2 {
	border-top:1px dashed #BED7DF;
	padding-top:1em;
	font-size:1.7em;
	font-weight:normal;
	margin:2em 0 0.5em 0; }
	
	h2.first {
		border-top:none;
		padding-top:0; }
	
	h2.hr {
		border-top:1px dashed #BED7DF;
		padding-top:1em; }

h3 {	
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0 0.3em 0; }
	
h4 {
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 0.5em 0; }

p, li, blockquote {
	color:#333;
	font-size:0.9em; }
	
ul {
	margin-bottom: 1em;}

li {
	margin-bottom: 0.5em; }

dl {
	font-size:0.9em;
	margin:30px 0 0 10px; }	
	
	dt {
		float:left;
		padding-bottom:0.7em;  }
		
		
	dd {
		padding-left:100px;
		padding-bottom:0.7em; }
		
small {
	font-size:0.85em;}
	
blockquote {
	background:url(../images/sprite_no-repeat.png) -350px -300px no-repeat;
	margin:0; 
	padding:10px 20px 12px 40px; }
	
	blockquote.cont {
		background:none;
		margin-top:-15px;
		padding-top:0; }
	
	
/* !FORM STYLES */

form {
	background:#d1d1e1;
	border:1px solid #b1b1c1;
	background:rgba(50,50,50,0.05);
	border:1px solid rgba(50,50,50,0.1);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:2em 2em 2em 0;
	padding:30px 30px 20px;
}

label {
	color:#333;
	display:block;
	float:left;
	margin:9px 10px 0 0;
	text-align:right;
	width:130px;
}
label[for="message"] {
	margin-left:5px;
	text-align:left;
	width:100%;
}
.req {
	color:#a00;
	font-weight:bold;
	margin-right:7px;
}

input[type="text"],
input.type_text,
input.type_password,
textarea {
	background:#fff;
	border:1px solid #999;
	color:#555;
	margin:2px 2px 11px 2px;
	padding:4px;
	width:225px;
}

input[type="text"]:focus,
input.type_text:focus,
input.type_password:focus,
textarea:focus {
	background:#fff;
	border:1px solid #999;
	outline:1px solid #6BB5E5;
}

input.filled,
textarea.filled {
	background:rgb(255, 255, 255);
}

input.error,
textarea.error {
	background:#ffdfdf;
	border:1px solid #d99;
}

textarea {
	height:131px;
	margin-top:10px;
	width:365px;
}

div.submit {
	text-align:right;
}
input[type="submit"],
input.type_submit {
	font-size:1.1em;
	padding:2px 5px;
	margin:20px 20px 0 20px;
}
	


/* !HEADER */
#header {
	margin-top:65px;
	margin-bottom:26px; }

	/* !LOGO */
	h1#logo {margin:0; padding:0;}

		#logo a {
			background:url(../images/sprite_no-repeat.png) -140px 0 no-repeat;
			display:block;
			height:46px;
			margin:0;
			padding:0;
			width:242px; }


	/* !NAVIGATION */
	#nav {
		font-family:"Gill Sans","Gill Sans MT",Tahoma,Arial,sans-serif;
		font-size:1.35em;
		margin:22px 0 0 0;
		padding:0;
		text-transform:uppercase;
	}
		#nav li {
			float:left;
			list-style-type: none;
			margin:0 1.2em 0 0;
			padding:0; }
	
			#nav li:last-child {
				margin:0; }
	
			#nav a {
				cursor:pointer;
				padding:1px 5px; }
	
			#nav a:link,
			#nav a:visited {
				color:#375077; }
				
			#nav a:active,
			#nav a:hover,
			#nav a:focus {
				color:#375077;
				border-bottom:2px solid #375077;
				text-decoration:none; }
				
			#nav a.current {
				border-bottom:3px solid #375077; }
				
			.accessibility #nav a:focus { /* accessibility highlight */
				border:none;
				outline:2px solid #FE0031;
				text-decoration:none; }
			
					

/* !MAIN CONTENT AREA */
#main-top {
	background:url(../images/sprite_main-bg.png) center top no-repeat;
	height:10px; }
	
#main-bottom {
	background:url(../images/sprite_main-bg.png) center bottom no-repeat;
	height:10px; }
	
#main {
	background:url(../images/bg_main.png) center top repeat-y; }
	
	#breadcrumbs {
		font-size:0.8em;
		margin-bottom:10px; }
		
		#breadcrumbs div {
			margin-left:6px; }
			
			#breadcrumbs a,
			#breadcrumbs span {
				padding:3px;}
				
			#breadcrumbs a:visited {
				color:#2F5A96; }
	
	.picture {
		border:5px solid #BED7DF;
		height:245px;
		margin-bottom:12px;
		overflow:hidden; }

	.framed {
		border:5px solid #BED7DF;
		margin-bottom:12px; }

		
	.box {
		background:#fff;
		border:1px solid #BED7DF;
		margin-bottom:12px; }
		
		.box h1 {
			font-size:18px;
			margin:0 0 12px 0;
			padding:8px 12px 9px 12px; }
			
		.box.light h1 {
			background:url(../images/sprite_no-repeat.png) 0 -160px repeat-x;
			color:#2E4973; }

			.box.light h1 a:link,
			.box.light h1 a:visited {
				color:#2E4973; }
				
			.box.light h1 a:active,
			.box.light h1 a:hover,
			.box.light h1 a:focus {
				color:#2E4973;
				text-decoration:underline; }

			
		.box.dark h1 {
			background:url(../images/sprite_no-repeat.png) 0 -250px repeat-x;
			color:#fff; }

			.box.dark h1 a:link,
			.box.dark h1 a:visited {
				color:#fff; }
				
			.box.dark h1 a:active,
			.box.dark h1 a:hover,
			.box.dark h1 a:focus {
				color:#fff;
				text-decoration:underline; }


		.box h2 {
			font-size:1.1em;
			font-weight:normal;
			margin:1.1em 0 0.2em 0; }
			
		.box h2.subhead {
			background:url(../images/sprite_no-repeat.png) 0 -210px repeat-x;
			border-top:none;
			color:#2E4973;
			font-family:"Gill Sans","Gill Sans MT",Tahoma,Arial,sans-serif;
			font-size:16px;
			line-height:26px;
			margin:0 0 12px 0;
			padding:0 14px 0 14px; }

			.box h2.subhead.first {
				margin-top:-12px !important; }

		.box p {
			margin:0 0 10px 0; }
			
		.box .twothirds {
			margin:0 12px 12px 12px;
			width:66%; }
		
		.box .full {
			margin:0 12px 12px 12px; }
			
		.box .column {
			width:46%; }
			
		.box .column.big {
			width:60%; }
		.box .column.small {
			width:30%; }
			
			.column.left {
				float:left;
				margin:0 0 12px 12px; }
				
			.column.right {
				float:right;
				margin:0 12px 12px 0; }
				

		.box.full p {
			margin:0 12px 12px 12px; }
			
		.box.full ul {
			margin:-5px 20px 12px 30px; }
			
		.box.full li {
			margin:6px 0 0 0; }
			
		
		#map a {
			background:url(../images/home-map.jpg) top left no-repeat;
			display:block;
			height:70px;
			margin:0 0 1em 12px;
			width:240px; }
			
			#map a:active,
			#map a:hover,
			#map a:focus {
				text-decoration:none; } /* prevent underline of the hidden text */
			
			#map a span {		
				visibility:hidden; }
				
		#map iframe {
			height:250px;
			margin:-12px 0 -4px 0;
			width:588px; }
				
		
		#contact dl {
			line-height:1em;
			margin:0 12px 12px 16px;
			padding:0; }
		
		#contact dt {
			height:32px;
			text-indent:-9999px;
			width:28px;
		}
			#contact #address {
				background:url(../images/sprite_no-repeat.png) -130px -60px repeat-x;}
				
			#contact #telephone {
				background:url(../images/sprite_no-repeat.png) -130px -110px repeat-x;}
				
			#contact #email {
				background:url(../images/sprite_no-repeat.png) -330px -60px repeat-x;}
		
		#contact dd {
			height:32px;
			margin-left:0;
			padding-top:3px;
			padding-left:40px; }
			
		
		#meet-the-staff small {
			font-style: italic;
			padding-left:0.4em; }
			
		#meet-the-staff ul {
			margin-top:0.3em; }
	


/* !FOOTER AREA */
#footer {
	font-family:Verdana, Arial, sans-serif;
	margin:30px auto; }
		
	#footer p,
	#footer li {
		color:#375077;
		font-size:0.75em; }
	
	#footer a:link,
	#footer a:active,
	#footer a:visited,
	#footer a:hover {
		color:#375077;
		text-decoration:none; }
	
	
	#footer a:active,
	#footer a:hover,
	#footer a:focus {
		color:#375077;
		text-decoration:underline; }
		
	
	ul#basenav {
		margin:0; padding:0; }
		
		#basenav li {
			color:#fff;
			float:left;
			margin:0 2.5em 0 0; 
			padding:0;
			list-style-type: square; }
			
		
	#wsqo-badge:link,
	#wsqo-badge:visited {
		background:url(../images/sprite_no-repeat.png) 0 0 no-repeat;
		display:block;
		height:24px;
		margin:0 0 10px 3px;
		width:124px; }
		
	#wsqo-badge:active,
	#wsqo-badge:hover,
	#wsqo-badge:focus {
		background:url(../images/sprite_no-repeat.png) 0 -30px no-repeat; }
		
		
	#goc-badge:link,
	#goc-badge:visited {
		background:url(../images/sprite_no-repeat.png) 0 -60px no-repeat;
		display:block;
		height:38px;
		width:95px; }
		
	#goc-badge:active,
	#goc-badge:hover,
	#goc-badge:focus {
		background:url(../images/sprite_no-repeat.png) 0 -110px no-repeat; }
		
		
	#smallprint p {
			text-align:right; }

		


/* !NOTIFICATIONS */

div.message {
	margin:0 0 20px 0;
	padding:10px 20px ; }
	

	.success {
		background: #d5ffce;
		border:1px solid #9adf8f;
		color: #556652; }

	.error {
		background: #ffcece;
		border:1px solid #df8f8f;
		color: #665252; }
		
		
		
/* !SITEMAP */

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap {
	margin:2em 0 0 0;
	text-transform:none;
}

#sitemap li{
	background:url('../images/sitemap/line2.gif') no-repeat 0 0;
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
 html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url('../images/sitemap/collapsed.gif') no-repeat 0 0;} 
#sitemap li span.expanded{background:url('../images/sitemap/expanded.gif') no-repeat 0 0;}

#sitemap ul {
	margin-bottom:20px;
}

/* sub levels */

#sitemap li ul{	
	margin-left:28px;
	background:url('../images/sitemap/line1.gif') repeat-y left bottom;
}
#sitemap li li{	
	background:url('../images/sitemap/line2.gif') no-repeat 0 0;
}

#sitemap li:last-child {
	background:url('../images/sitemap/line3.gif') no-repeat 0 0;
}

#sitemap li#sitemap-root {
	background:none;	
	font-size:1.05em;
	line-height:40px;
}
	li#sitemap-root a.heading {
		font-size:1.3em; }
		
	li#sitemap-root a.sub-heading {
		font-size:1.1em; }


/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
/*#sitemap ul{display:none;}*/




/* Coin Slider jQuery plugin CSS styles */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }