@charset "utf-8";
/**************************************************************
Mary Pearson - Stress Management in Cheltenham, Gloucestershire -  Stress Solutions

Author & Copyright: Flip Media

Do not copy any elements of this stylesheet without first asking our permission.

Cut down to reduce conflicts with newsletter

***************************************************************/

/********************* HTML Tags ********************/

* {
    outline: none;}

body {	
	background: url(../images/Body_BG.jpg) top no-repeat #E4C8E4;	
	font-family: Arial, Helvetica, sans-serif;}
	
h1 {
	margin-bottom: 15px;
	color: #FFF;
	font-size: 24px;}	
	
h2, h3, h4, .subNavTitle { 	
	color: #773482;}	

#welcomePanel h1 {
    margin-top: 15px;}
    
h3 {
	font-size:18px;}	

h2 {
	margin: 15px 0;
	font-size:20px;}		
	
h1, h2, h3, h4, #mainNav a div, .subNavTitle {
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;}
		
/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	
	display:none;}	
	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	
	width: 830px;
	margin: 0 auto;
	margin-top: 30px;}
			
#header {	
	height: 20px;
	position:relative;}		
			
#content {
	clear: both;}

#contentColumn {	
	width: 562px;
	float:left;
	padding-top: 20px;}

#footer {	
	}
				
#mainNav {	
	overflow:hidden;}
			
#subNav {	
	width: 235px;
	float:right;}

#accessibilityBar {	
	color:#9742A6;
	padding-top: 25px;}	

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

.headBarLink {	
	color:#9742A6;
	font-size: 12px;}

#headerHomeLink a {
	position:absolute;
	right: 0;
	top: -15px;
	width: 130px;
	height: 115px;}	

/* -------- End Header -------- */

/* -------- Footer -------- */

#footer {
	background: url(../images/Footer_BG2.png) top left no-repeat;
	background-color: #B86DC5;
	height: 200px;
	overflow: hidden;
	margin-top: 30px;
	clear:both;
	font-size: 12px;}

#footer ul, #footer li {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	
#footer h2 {	
	color: #FFF;
	letter-spacing: -2px;}
		
#footer a {
    text-decoration:none;
    font-size: 12px;}

#footer #footLinks {
	float:left;
	width: 156px;
	padding: 10px 20px 10px 30px ;}
	
#footer #footLinks a {
	border-bottom: 2px solid #C88DD2;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding: 5px 0 5px 2px;}
	
#footer fieldset 
{
    border: none;}	
	
#footContact {
	float: left;
	padding: 10px 25px;
	color: #fff;
	width: 241px;}

#footContact p {
	padding-top: 3px;
	font-size: 14px;
	line-height: 130%;}

#footContact a {
	color: #fff;}

#footAboutSite {
	float: left;
	padding: 10px;
	width: 360px;}
	
#footAboutSite p {	
	color: #FFF;
	margin: 10px 0;}

#footAboutSite p.shadedPara {		
	padding: 10px 15px;
	background-color: #B680B6;}

#footContactForm {
	float: left;
	padding: 10px 10px 10px 20px;
	width: 300px;}	
	
#footContactForm .contactForm {	
	width: 275px;}

/*#footContactForm .contactForm label {	
	padding-top:3px;
	width:35px;
	float:left;
	color: #FFF;
	font-weight: bold;}
						
#footContactForm .contactForm input.text {	
	margin:0px 0px 5px 12px;
	width: 200px;
	height: 20px;
	padding: 3px 0px 0px 25px;							
	border: 1px solid #CCC;}*/
	
#footContactForm .contactForm label {	
	font-size: 11px;
	padding-top:1px;
	width:60px;
	float:left;
	color: #FFF;
	font-weight: bold;
	text-align: right;}
						
#footContactForm .contactForm .text {	
	margin:0px 0px 3px 12px;
	width: 180px;
	padding: 1px;
	font-size: 11px;							
	border: 1px solid #CCC;}	

#footContactForm .button {
	float:right;
	margin-right: 20px;
	width:60px;
	height:20px;
	border:none;
	background:transparent url(../images/sendButton2.gif) top left no-repeat;
	padding-top:20px;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */}
/*
#footContactForm #txtName {	background:url(../Images/Icon_Name.gif) left no-repeat #FFF;}
#footContactForm #txtEmail {	background:url(../Images/Icon_Email.gif) left no-repeat #FFF;}
#footContactForm #txtPhone {	background:url(../Images/Icon_Phone.gif) left no-repeat #FFF;}	*/

#siteBy  
{
    float:left;
    margin-left: 70px;
    /*margin-right: 38px;*/
    color: #FFF;}

#siteBy a 
{
    color: #FFF;
    text-decoration: underline;}     

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNavigation {
	overflow:hidden;
    margin: 0;
    padding: 0;}

#mainNavigation ul {
    margin: 0;
    padding: 0;}

#mainNavigation ul li {    
    margin: 0;
    padding: 0;
    list-style-type: none;
	height: 90px;
	float: left;
	border-right: 1px solid #CCC;
	padding: 7px;}

#mainNavigation li.first {
	padding-left: 0;}

#mainNavigation li.last {
	border-right: none;}	
	
#mainNavigation ul li a { 
	display:block; 
	top:0; 
	text-indent:-9999px; 
	height: 90px;
	width: 122px;}


#mainNavigation {
	overflow:hidden;}

#mainNavigation ul {}

#mainNavigation ul li {
	height: 100px;
	float: left;
	border-right: 1px solid #CCC;
	padding: 7px;}

#mainNavigation li.first {
	padding-left: 0;}

#mainNavigation li.last {
	border-right: 1px solid #CCC;
		border-right: none;}	
	
#mainNavigation ul li a { 
	display:block; 
	top:0; 
	text-indent:-9999px; 
	height: 100px;
	width: 150px;
	width: 125px;
	outline:none; 
	border:none;}

	
li.navHome a, li.navAbout a, li.navServices a, li.navNews a, li.navShop a {
	background: url(../images/MainNav.png);}	

li.navHome a {
	background-position: 0 0;}
li.navHome a:hover, li.navHome a.mainNavActive {
	background-position: 0 -111px;}

li.navAbout a {
	background-position: -150px 0;}
li.navAbout a:hover, li.navAbout a.mainNavActive {
	background-position: -150px -111px;}
	
li.navServices a {
	background-position: -300px 0;}	
li.navServices a:hover, li.navServices a.mainNavActive {
	background-position: -300px -111px;}
	
li.navNews a {
	background-position: -450px 0;}
li.navNews a:hover, li.navNews a.mainNavActive {
	background-position: -450px -111px;}
	
li.navShop a {
	background-position: -600px 0;}
li.navShop a:hover, li.navShop a.mainNavActive {
	background-position: -600px -111px;}
		
#subNav {	
	background:url(../images/sideNav_BG.png) top left no-repeat;
	min-height: 360px;
	padding: 30px 0 0 20px;
	margin-top: 20px;}

.subNavTitle {
	font-size:16px;
	font-weight: bolder;
	letter-spacing:0;
	margin: 15px 0 0 0;}	
				
#subNav li a {	
	display: block;
	border-bottom: 1px solid #D7D7D7;
	padding: 10px 0 10px 5px;
	font-weight: bold;
	color: #CD98CD;
	text-transform:uppercase;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
				
#subNav a#subNavActive, #subNav a:hover {	
	background-color: #F8F1F8;
	color:#9742A6;}

#subNav a.lastItem {	
	}

/* -------- End Navigation -------- */

#newsletterColumn p {
    margin: 0;}

#subPageTitle {
	width: 100%; 
	height: 28px;
	background: url(../images/subPageTitle_BG.jpg) top left no-repeat;
	padding: 20px;
	margin-top: 34px;}

#subPageTitle h1 {
    margin-top: 0;}