/***********************************************/
/* Testing styles                              */
/*                                             */
/* get rid of when finished building and move  */
/* into live styles when feature complete      */
/*                                             */
/***********************************************/ 


a:link, a:visited, a:hover{
		color: #00ff99;
		}

a:hover
{
text-decoration:underline;
}
	

body{
	font-family: Arial, Helvetica, sans-serif;
	color: blue;
	margin: 0px;
	padding: 0px;
	background-color:#efefef;
	font-size: 105%;
	}		

h1
{
    font-size:1.8em;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

a:active {

 outline: none;

}

:focus
{
  -moz-outline-style: none;
}


ul li:focus{outline:none;} 

table { border-collapse:collapse; }

/***********************************************/
/* HTML text styles                            */
/***********************************************/ 
.nobreak
{
	white-space: nowrap;

}
.currentpage
	{
	color: rgb(103, 60, 13); 
	font-weight: normal;
	float:left;
	}
	
.SecondaryCurrentpage
	{
	color: #f78f1e; 
	font-weight: normal;
	float:left;
	letter-spacing:-0.005em;
	}	

.secPrevNext
	{
	clear:both;
	padding-top:20px;
	font-size:0.95em;
	}

#globalNav, #siteInfo
	{
	color:#999999;
	font-size: .75em;
	text-align: center;
	font-weight: lighter;
	}
	
		
#globalNav
	{
	letter-spacing: 0.095em;
	white-space: nowrap;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cdcdcd;
	border-right-color: #999999;
	border-bottom-color: #cdcdcd;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	}


.secondlevelnav 
	{ 
	padding-top:0px;
	font-weight: normal;
	font-size:1em;
	letter-spacing: 0.05em;
	height:79px;
	}
		
.story
	{
	line-height: 1.5em;
	font-size: 0.75em;
	color: #505255;
	font-family: "Georgia","Times New Roman",Times,serif;
	}
	
.rightCol p, .leftCol p
	{
/*
	margin-top:-5px;
*/
	}

.story h3
	{
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
/*
	padding-bottom:10px;
	padding-top:10px;
*/
	margin-top:25px;
	height:20px;
	}


/* used to 'ghost' next/prev links */
.ghosted {
			color: #e5e5e5;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-style: italic;

}


			/* Link Styles */
			.story p a:link, .story p a:visited, .story p a:hover, .quotee a:link, .quotee a:visited, .quotee a:hover, #siteInfo a:link, #navBar ul a:hover, #siteInfo a:visited, .SlidingPanels a:hover
	
			{
			color: #d9af2f;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			}
			
			.story a:link, .story a:visited, .story a:hover
			{
			color: #d9af2f;
			text-decoration: none;
			font-weight: normal;
			}

			#navBar ul a:link, #navBar ul a:visited, #navBar ul a:hover, .SlidingPanels a:link, .SlidingPanels a:hover, .SlidingPanels a:visited, .navmorelink a:link, .navmorelink a:hover, .navmorelink a:visited, #sidebar ul a:link, #sidebar ul a:visited, #sidebar ul, #faq-question-titles ul a:link, #faq-question-titles ul a:visited, #faq-question-titles ul a:hover 
			{
			text-align: left;
			white-space: normal;
			}
			
			#navBar ul a:link, #navBar ul a:visited, .SlidingPanels a:visited, .SlidingPanels a:link, #sidebar ul a:link, #sidebar ul a:visited, #faq-question-titles ul a:link, #faq-question-titles ul a:visited  
			{
/*
			color:#334D55;
*/
			line-height: 1.5em;
			color:black;
			text-decoration: none;

			}
			
			#navBar ul li a:hover, .story a:hover, #siteInfo a:hover, .quotee a:hover, .story a:hover, .story p a:hover, .SlidingPanels a:hover, #sidebar ul a:hover, #faq-question-titles ul a:hover 
			{ 
			text-decoration: underline; 
			color:#d9af2f;
			}
			
			#globalNav a:link, #globalNav a:visited, #globalNav a:hover
			{
				color: white;
				text-decoration: none;
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			#globalNav a:hover
			{
			color: black;
			}
			 #siteInfo a:link, #siteInfo a:visited 
			{
			color:#d9af2f;
			}
			
		
			.navbacklink a:hover, .navbacklink a:visited, .navbacklink a:link, .navmorelink a:hover, .navmorelink a:visited, .navmorelink a:link
			{
			font-size: .7em;
			font-family: "Georgia","Times New Roman",Times,serif;
			font-style: italic;
			color:#d9af2f;
			}

			.navmorelink
			{
			text-align:right;
			padding-right:5px;
			width:200px;
			}
			
			.secondlevelnav a:visited, .secondlevelnav a:link
			{
			color: #444444;
			text-decoration: none;
			}
			
			.secondlevelnav a:hover
			{
			color: #555555;
			text-decoration: underline;
			}
			
			.therapistSchedLink a:hover, .therapistSchedLink a:visited, .therapistSchedLink a:link
			{
			font-size:0.9em;
			font-family: "Georgia","Times New Roman",Times,serif;
			font-style: italic;
			color:#d9af2f;
			text-decoration: none;
			}

			.therapistSchedLink a:hover
			{
			text-decoration: underline;
			}
			
			.schedTherapistName a:link, .schedTherapistName a:visited
			{
			color: black;
			font-weight: 600;
			}
			/*End Link Styles*/
			
			
			.TabbedPanelsTab
			{
			font-size:1.2em;
			}
			
			.story h3 a:link, .story h3 a:hover, .story h3 a:visited
			{
			color:#505255;
			font-style:italic;
			font-weight:bold;
			text-decoration:none;
			}
			
			#globalNav
			{
				font-family: Arial, Helvetica, sans-serif;

			}
			#sidebar ul a:link, #sidebar ul a:hover, #sidebar ul a:visited
			{
			font-size:.95em;
			
			}
		
			
.navbartitle
{
	margin-top:10px;
	letter-spacing:0.1em;
	background-color:#555555;
	margin-bottom: 2px;
	padding-left: 5px;
	margin-left: 20px;
	font-size: 0.65em;
	color: white;
	font-variant: normal;
	padding-bottom:1px;
	font-family: "Georgia","Times New Roman",Times,serif;
	font-style: italic;
}


.quotemaster
	{
	color: #999999;
	text-align: center;
	line-height: 1.5em;
	font-size: .95em;
	}
	
.quotee, .pageintro
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	}
	
.pageintro
	{
	padding-right:20px;
	margin-bottom:15px;
	}

#navBar ul, .SlidingPanels ul {
	color: #334D55;
	font-size: .7em;
	list-style: none;
	margin: 10px 5px;
	padding: 0px;
	width: 190px;
	line-height: 1.5em;
	text-align:left;
	}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li, .SlidingPanels li, #faq-question-titles li {
	border-top: 1px dotted #cccccc;
	margin-left: 10px;
	position: relative;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	text-indent: 0px;
	padding-top:7px;
}

#navBar li, .SlidingPanels li
{

	width: 185px;
	padding-bottom:10px;

}

#faq-question-titles
{
width:80%;
}

#sidebar ul ul li
{
	border-top: 1px dotted #cccccc;


}

#graphic-Links ul
{
padding:0px;
margin-left:-8px;
margin-top:-2px;
}

#graphic-Links ul li
{
padding:0px;
border:none;
margin-top:0px;
width:198px;
height:31px;
}


.tabSelect
	{
	color: #334D55;
	}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}
	
#navBar
	{
	list-style-type: none;
	}
	
.emphasize
	{
	font-style: italic;
	color:#3a3a3a;
	}
	
#siteInfo
	{
	font-size:0.7em;
	}
	
/*End of Text Styles*/


/***********************************************/
/* Common layout <div>'s Positioning           */
/***********************************************/ 
.tableemphasize
{
color:#f78f1e;
}
.schedentry
{
font-size:.9em;
color:#555555;
}

.schedTherapistName, .Sched-day-of-week

{
	font-weight: 600;
	font-style:italic;
	color: black;
}


.Sched-day-of-week
{

padding-right:10px;
}

#clinicschedule table
{
width:100%;
}

#clinicschedule td, #clinicschedule-sm td, #clinicschedule-sm-wide td
{
	font-family: "Georgia","Times New Roman",Times,serif;
border-bottom:1px #D9AF2F solid;
border-right:1px dotted #cecece;
vertical-align:top;
padding-right:5px;
padding-left:10px;
padding-bottom:5px;
line-height:1.2em;
font-size:.9em;
}


#therapistschedule td
{
font-family: "Georgia","Times New Roman",Times,serif;
border-bottom:1px #D9AF2F solid;
border-right:1px dotted #cecece;
vertical-align:top;
padding-right:5px;
padding-left:10px;
padding-bottom:5px;
line-height:1.2em;
font-size:.9em
}


#clinicschedule td, #clinicschedule-sm td, #clinicschedule-sm-wide td
{
padding-bottom:7px;
padding-top:7px;
}

#therapistschedule table
{
width:100%;
}


#CostsTable td, #bookingsTable td
{
font-size:1.25em;
padding-top:5px;
padding-bottom:5px;
vertical-align:top;
}

.costmiddleRow, .bookingmiddleRow
{
padding-right:20px;
border-bottom:1px #555555 dotted;
}

.costmiddleRow{width:25%;}
.bookingmiddleRow{width:40%;}


.costleftRow, .bookingleftRow
{
padding-right:20px;
font-style:italic;
font-weight: 600;
color:#D9AF2F;
}

.costleftRow {width:25%;}
.bookingleftRow {width:20%;}

.costrightRow, .bookingrightRow
{
padding-left:20px;
color:black;
}

.costrightRow {width:20%;}
.bookingrightRow {width:30%;}

.freedeliverytext, .calloutfeetext
{
	color:#505255;
	font-size: .75em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

.freedeliverytext
{
	font-variant: small-caps;
	letter-spacing:0.1em;
}

.costspaypalbutton
{
width:55px;
}

.sepRow
{
height:50px;
}

#gv-t-and-c-s
{
width:80%;
}

#gv-t-and-c-s h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	font-style: normal;
	padding-bottom:0px;
	margin-bottom:3px;
}


#gv-t-and-c-s, #gv-t-and-c-s ol li
{
color:black;
font-family: Arial, Helvetica, sans-serif;
font-size:0.95em;
line-height:1.2em;
/*
padding-right:25%;
*/
}

#gv-t-and-c-s ol
{
padding-left:20%;
}

#gv-t-and-c-s-main-text
{
float:right; 
width:80%;
}

.divider
	{
	color:#666666;
	text-align:center;
	width:20px;
	height:1px;
	float:left;
	}

#holdall
{
	width: 900px;
/* 	margin-left: -450px; */
	position: relative;
/* 	left: 50%; */
	margin: 0px auto;
	background-color:#FFFFFF;
}
#masthead
{
	position: relative;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;

}

#navBar
{
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 20px;
	position: relative;
	width: 200px;

}



#Sevendayflash
	{
	position:absolute;
	left:800px;
background-image: url('/images/web7days-flash.gif'); 
z-index:10; 
background-position: top; 
width:100px; 
height:80px; 
float:right;
}
#gradientmast
{
	
	height: 27px;
	background-image:   url("/images/colour-banner-bg.gif");
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 0px;
}

#csmBrand
	{
	padding-top:18px;
	padding-left:21px;
	padding-bottom: 20px;
	width:130px;
	height:145px;
	position:relative;
/*
	background-image: url('/images/logo-csm-main-brand-big.gif'); 
*/
	z-index:11; 
	background-position: top; 

	}

#csm-content
{
	margin: 10px -7px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	width: 670px;
	float:right;
/*
	border-left:1px dotted #999999;
*/
}

.dropblock
	{
	height:40px; 
	width:40px; 
	background-color:#fcd4b3; 
	background-image: url('/images/drop-block.gif'); 
	background-repeat: no-repeat;
	background-position: left top;
	}

.quoteholdall
{
margin-right:5px;
}

.quotemaster
{
	margin-top: 0px;

	
}


}
.quoteholder {
	margin-top:26px;
	width:100%;
	/*padding-top:40px;*/
/*
	position:relative;
	margin-right: 25px;
	margin-left: 115px;
*/
/*
	left: -50px;
*/
/*
	width: 525px;
*/
	

}

.quotetext, .quotetext-w-image, .quotetext-no-image
{
	margin-left: 55px;
	margin-right: 55px;
	/*
	margin-top:-34px;
*/
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cdcdcd;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cdcdcd;
}

.quotetext-no-image{
width: 485px;
}

.quotetext-w-image{
width: 240px;
}

.quotemarkleft
{
	float: left;
	width: 55px;
	height: 50px;
	background-image: url('/images/quote_left.gif');
	background-repeat: no-repeat;
	background-position: left;
}
.quotemarkright
{
	width: 55px;
	height: 50px;
	float: right;
	margin-top:-50px;
	background-image: url('/images/quote_right.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.quotee
	{
/*
	clear:both;
*/
	top:-60px;
	margin-bottom: 10px; 
	margin-left:55px;
	margin-right:55px;
/*
	border-top: 1px solid #CCCCCC;
*/
	padding-top:5px;
	padding-bottom:5px;
	
	}

#socialnetworks
	{
	margin-top:5px;
	}

#socialnetworks img
	{
	width:24px;
	height:24px;
	float:left;
	margin-right:4px;
	}


#siteInfo
	{
	margin-top: 11px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cdcdcd;
	padding-top:3px;
	padding-bottom:2px;
	padding-left: 20px;
	}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

.postcode
{
font-weight:600;
}

.area
{
padding-left:10px;
}


#postcodeholder td
{
vertical-align:top;
}

#postcodeholder
{
width:100%;
}

#divpostcodeslft
{
width:38%;
float:left;
}

#divpostcodesrght
{
float:right;
margin-left:20px;
}

.columnHolder, .smallprintHolder
{
padding-top:26px;
width:100%;
clear:both;
}

.smallprintHolder
{
width:90%;
}

.rightColHolder,.testimonialrightColHolder
{
float:right;
}

.rightColHolder
{
width:54%;
}


.testimonialrightColHolder
{
width: 380px;
}

.rightCol, .rightColwithQuot, .testimonialrightColwithQuot
	{
	position:relative;
	padding-left:25px;
	}

.rightCol
	{
width:80%;
	margin-top:105px;
	margin-left:10px;
	border-left:1px #dddddd solid;
	}
	
	.rightColwithQuot img
	{
	margin-top:-55px;
	}
	.rightColwithQuot
	{
/*
	width:330px;
*/
	padding-top:55px;
	}
	
.testimonialleftCol, .leftCol
{
	position:relative;
	margin-right:10px;
	float:left;

}

.testimonialleftCol
{
width: 210px;
}
	
.leftCol
	{
	width:44%;
	}
.leftCol p
	{
	margin-left:1px;
	left:1px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:1px;
font-size: 1px;
line-height: 0px;
}

#globalNav a, .secondlevelnav a
{
float:left;
}

.secondlevelnav a
{
letter-spacing:-0.005em;
}

#globalNav
	{
	height:15px;
	padding-left:20px;
	background-color:#ababab;
	padding-top:4px;
	padding-bottom:4px;

	}
	
.story
	{
	margin-left:5px;
	padding-left:17px;
	}

/*End of Common layout <div>'s */


/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */
 
 
.SlidingPanels, .testimonials-SlidingPanels, .therapists-SlidingPanels
{
	position: relative;
	/*
	height: 400px;
*/

margin-left:15px;
	padding: 0px;
	border: none;
}

.SlidingPanels
{
	width: 200px;

}


.testimonials-SlidingPanels
{

	width: 600px;


}

.therapists-SlidingPanels
{
width: 600px;
}

/* This is the selector for the container that holds all of the content panels
 * for the widget. The SlidingPanelsContentGroup container is what gets programtically
 * positioned to create the slide animation. It is also what governs the layout of
 * the panels.
 *
 * By default, the width of the container is the same as its parent, the SlidingPanels
 * container.
 *
 * You can make the panels within the SlidingPanelsContentGroup container layout
 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
 * or larget than the sum of the widths of all of the content panels, and then floating
 * the content panels inside the SlidingPanelsContentGroup container so they all appear
 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
 * containers to insure that none of the content panels "leak" outside of the widget.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContentGroup container.
 */
.SlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}


/* This is the selector for the container that holds content for a given panel. In our
 * default style implementation, the dimensions of each content panel exactly match the
 * dimensions of the view port (SlidingPanels) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the panel within the widget. You can place border, margins and padding on any content
 * *inside* the content panel.
 *
 * The name of the class ("SlidingPanelsContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContent container.
 */
.SlidingPanelsContent {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}

#example2.SlidingPanels, #testimonials .SlidingPanels, #therapists .SlidingPanels {
	float: left;
}
#example2 .SlidingPanelsContentGroup, #testimonials .SlidingPanelsContentGroup, #therapists .SlidingPanelsContentGroup {
	float: left;
	width: 40000px;
}

#therapists .SlidingPanelsContentGroup {
height: auto;
}
#example2 .SlidingPanelsContent
{
	float: left;
	width: 600px;
}

#testimonials .SlidingPanelsContent 
{
	float: left;
	width: 600px;
}

#therapists .TherapistSlidingPanelsContent 
{
	float: left;
	width: 600px;
	padding-left: 3px;
	margin-left: 3px;
}

div.blog-feed li { list-style-image: url("/images/feed-icon.gif");margin-bottom:5px;}
div.tweet, div.blog-feed {width:80%;}
div.tweet li { list-style-image: url("/images/twitter-feed.gif");margin-bottom:5px;}
div.dyn-cnt {margin-top:-55px; border-left:1px solid #CCCCCC;padding-left:20px;}
/*
div.tweet {color:#669999;color:#5f8188;font-size:12px;line-height:14px;}
div.tweet ul {margin:0;padding:0;}
div.tweet li {list-style:none;margin-bottom:5px;}
div.tweet a {color:#9CC;}
*/

.tweet span.entry-meta{ display:block; font-style:italic; font-size:smaller; }
.tweet .follow { font-style:italic; font-size:smaller; padding-left:40px; font-weight:bold; }