/**************************************************************
Mary Pearson - Stress Management in Cheltenham, Gloucestershire -  Stress Solutions

Author: Matt Pattinson, Flip Media

Copyright 2008 Flip Media

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

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Content Area
	  e. Newsletter Form
	  f. Sub Pages
      g. Shop
4. General Formatting Classes

COLOUR SCHEME
Deep Red (H1)  	#883600
Dark Red (Text)	#421B00
Green (Footer) 	#BDB82A
Green (Tabs)	#CCCE80

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

/********************* HTML Tags ********************/
* { margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;}

html {	/*min-height:100%;
		margin-bottom:1px;*/}	

body {	
	background: url(../images/Body_BG2.jpg) top no-repeat #E4C8E4;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;}
	
li {
	list-style-type: none;}
    
a:link, a:active, a:hover, a:visited { 
	text-decoration:none;}

p a { color: #505050;}

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;}	
	
td, th {
    padding: 3px;}	
    
td {
    border-bottom: 1px solid #CCC;
    vertical-align: top;}    
    
td select{
    border: 1px solid #773482;
    width: 40px;}
    
td.ctr {
    text-align: center;}    
    
ol li {
    list-style-type: decimal;}    
	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

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

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

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

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

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

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

.headBarLink {	
	color:#9742A6;}

#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;}
	
#footer h2 {	
	color: #FFF;
	letter-spacing: -2px;}
		
#footer a {	}

#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;}
	
#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 -------- */

#newsletterPanel .contactForm {	
	width: 235px;}
	
#newsletterPanel .contactForm label {	
	font-size: 11px;
	padding-top:1px;
	width:60px;
	float:left;
	color: #FFF;
	font-weight: bold;
	text-align: right;}
						
#newsletterPanel .contactForm .text {	
	margin:0px 0px 3px 12px;
	width: 150px;
	padding: 1px;
	font-size: 11px;							
	border: 1px solid #CCC;}	

#newsletterPanel .button {
	float:right;
	margin-right: 10px;
	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 */}

#newsletterPanel p 
{
    color: #fff;
    font-weight: normal; 
    font-size: 16px;
}
#newsletterPanel p a
{
    text-decoration: underline;
    color: #fff;
}

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

/* Nav measurements for image replacement

WIDTHS - Each is 150px

*/

#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: #B96FB9;
	/*color: #CD98CD;*/
	text-transform:uppercase;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
				
#subNav a#subNavActive, #subNav a:hover {	
	/*background-color: #F8F1F8;*/
	background-color: #EEDDEE;
	color:#9742A6;}

#subNav a.lastItem {	
	}

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

/* -------- Content Area -------- */

#contentColumn  	{
	line-height: 120%;
	font-size: 14px;}
    
#contentColumn a {
    border-bottom: 1px dotted #505050;
    color: #505050;}

#contentColumn p, #contentColumn ul	{
    margin-bottom: 15px;}
    
#contentColumn li	{
    background: url(../images/butterfly.gif) top left no-repeat;
    padding-left: 25px;
    line-height: 20px;}
    
#welcomePanel {
	width: 375px;
	height: 190px;
	background:url(../images/WelcomePanel3.jpg) top left no-repeat;
	float:left;
	margin-top:12px;
	padding: 40px 0 0 171px;}
	
#welcomePanel h1, #newsletterPanel h2 {
	font-size: 22px;	
	color: #FFF;}
	
#welcomePanel p, #welcomePanel a {
	line-height: 135%;
	font-size: 16px;
	color: #FFF;
	margin-right: 20px;}
	
#welcomePanel a {
	font-weight: bold;}	
	
#newsletterPanel {
	width: 238px;
	height: 190px;
	background:url(../images/NewsletterPanel3.jpg) top left no-repeat;
	float:right;
	margin-top:37px;
	padding: 15px 15px 0 15px;}
	
#homePromoPanel {
	width: 238px;
	height: 190px;
	float:right;
	margin-top:37px;
	padding: 0 15px 0 0;}
	
#newsletterPanel a.aboutNewsLnk	{
    color: #FFF;
    font-size: 12px;
    float: left;}

#featuredServices {
	margin-top: 20px;
	float:none;
	clear:both;}

.featuredService {
	border: 1px solid #CCC;
	width: 258px;
/*	width: 397px;*/
	height: 125px;
	float:left;
	margin-right: 10px;
	padding-left: 10px}

.featuredService.last {
	margin-right:0;}

.featuredService h3 {
	font-size: 15px;
	color: #773482;
	margin: 15px 10px 10px 0;
	letter-spacing:0;}		

.featuredService a {
	font-weight: bold;
	color: #773482;}

.featuredService p {
	margin-top: -10px;
	width: 155px;
/*	width: 280px;*/}	

#fsTherapy {
	background:url(../images/therapy_bg.jpg) right no-repeat; /*295px 0*/}	

#fsStress {
	background:url(../images/Stress_bg.jpg) right no-repeat; /*295px 15px */}		

#fsMeditation {
	background:url(../images/stones_bg4.jpg) right no-repeat; /*295px 3px*/}	

#fsShop {
	background:url(../images/shop_bg.gif) right no-repeat;}	

#latestNews {
	width: 400px;
	float: left;}

#latestNews .newsItem, #featuredProducts .featuredProduct {
	border-bottom: 1px solid #DADADA;
	font-size: 11px;
	color: #666666;
	clear:both;
	overflow:hidden;
	padding: 10px 0;}
	
#latestNews .newsItem img, #featuredProducts .featuredProduct img {	
	border: 1px solid #DADADA;
	float:left;
	margin-right: 10px;
	padding: 1px;}
	
#latestNews .newsItem h3, #featuredProducts .featuredProduct h3 {	
	font-size: 14px;
	font-weight: bold;
	color: #A1AB49;}	

#latestNews .newsItem p, #featuredProducts .featuredProduct p {
	width: 300px;
	line-height: 160%;
	margin-top: 7px;}

#latestNews .newsItem a, #featuredProducts .featuredProduct a {
	font-weight: bold;
	text-decoration:underline;
	color: #666666;}	

#upcomingEvents, #featuredProducts {
	float:right;
	width: 402px;}

#upcomingEvents .eventItem {
	border-bottom: 2px solid #e9e9e9;
	color: #666666;
	font-weight: bold;
	overflow: hidden;
	padding: 5px 0;
	clear: both;}

#upcomingEvents .eventItem a {	
	color: #666666;}
	
#upcomingEvents .eventItem a:hover {	
	color: #773482;}	

#upcomingEvents .eventItem div {
	float:left;}

#upcomingEvents .eventItem .date {
	font-size: 11px;
	float:right;
	color: #B0B95C;
	font-weight: normal;}

#featuredProducts {
	padding-top: 2px;}

#featuredProducts .featuredProduct {}

/* -------- End Content Area -------- */

/* -------- Newletter Form -------- */

#newsletterPanel label  {
	color: #FFF;
	font-weight:bold;
	font-size: 16px;
	width: 116px;
	float:left;}

#newsletterPanel input, #aboutNewsSignup input {
	border: 1px solid #333;
	padding: 2px;
	margin-bottom: 10px;
	width: 232px;}

#newsletterPanel input.nlfName { 
	width: 110px;}

#newsletterPanel #btnSignup {
	float:right;
	width:60px;
	height:20px;
	border:none;
	background:transparent url(../images/signupButton2.gif) top left no-repeat;
	padding-top:20px;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */}
	
#aboutNewsSignup  .btnSignup {
	width:70px;
	margin-left: -4px;
	height:30px;
	border:none;
	background:transparent url(../images/signupButton3.gif) top left no-repeat;
	padding-top:30px;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */}
	
#aboutNewsSignup label {
    color: #333;
    font-weight: bold;}	
    
#aboutNewsSignup input {
    width: 300px;}
    
#aboutNewsSignup input.nlfName {
    width: 200px;}
    
/* -------- End Newletter Form -------- */

/* -------- Sub Pages -------- */

#subPageTitle {
	width: 100%; 
	height: 28px;
	background: url(../images/subPageTitle_BG.jpg) top left no-repeat;
	padding: 20px;
	margin-top: 34px;}
	
.service {
	border-bottom: 1px solid #E9D3E9;}	
	
.service p {	
	line-height: 140%;
	font-size: 12px;
    margin-bottom: 10px;}	
	
.service img {
	float: left;
	border: 7px solid #E9D2E9;
	margin-right: 15px;}


#associatesList {
    }

.associate {
    margin-bottom: 15px;
    /*background-color: #F3E9F5;*/
    border: 5px solid #DABAE0;
    padding: 10px;
    overflow: hidden;}       

.associateImg {
    float: left;
    margin: 0 10px 10px 0;
    clear: left;}    
    	
.associateName {
    font-weight: bold;
    font-size: 15px;} 	    
    
.shopItem, .shopItemAlt {    
    float:left;
    width: 520px;
    margin: 0 10px 10px 0;
    /*border: 5px solid #DABAE0;*/
    padding-right: 5px;}

.shopItemAlt {
    margin-right: 0;}      
  
.shopItem img, .shopItemAlt img {
    float:left;}

.shopItemTitle {
    font-size: 15px;
    color: #9742A6;
    padding-top: 10px;
    font-weight: bold;}

.listBox {
    margin-bottom: 15px;
    /*background-color: #F3E9F5;*/
    border: 5px solid #DABAE0;
    padding: 10px;
    overflow: hidden;}

.listBox.featured {
    background: url(/images/butterflies-bg.gif) no-repeat;
}

.listBox.featured p {
    color: #7030A0; 
    font-weight: bold;   
}

.listBox.featured .listBoxTitle {
    font-size: 18px;
}
.listBox.home {
    background: url(/images/butterflies-bg-sm.gif) 5px 5px no-repeat;
    padding-left: 95px;
}
.listBox.home .listBoxTitle {
    color: #7030A0;
    font-size: 16px;
    margin-bottom: 5px;
}
.listBox.home p a {
    color:#992B5C;
    font-size: 12px;
}
.listBox.home p a:hover {
    text-decoration: underline;
}


.listBoxTitle {    
    font-weight: bold;
    font-size: 15px;}    

#testimonials blockquote {    
    margin-bottom: 5px;
    font-weight: bold;}
    
.quoteBy {
    font-style: italic; }    
    
ul.quoteList li {
    margin-top: 5px;}    
    
/* -------- End Sub Pages -------- */

/* -------- Shop -------- */

.addToBasketBtn {
    margin-top: 15px;}
    
#contentColumn .lnkBasketBtn, #contentColumn  .lnkBasketBtn img {
    margin-bottom: 15px;
    border: none;
    text-decoration: none;} 
    
#contentColumn .updateBasketBtn {
    margin-top: 15px;
    border: none;
    text-decoration: none;
    float:left;}    
    
#basketTotal {
    font-size: 16px;
    font-weight: bold;
    float:right;
    margin: 20px;}
    
input.paypalBtn {
    float:right;
	width:100px;
	height:38px;
	border:none;
	background:transparent url(../images/checkoutBtn.png) top left no-repeat;
	padding-top:38px;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */}

#basketCheckout {
    clear: both;
    float:right;
    margin-right:20px;}
/* -------- End Shop -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.clear {	
	clear:both;}

.button {	
	border: none;}

.flRightImg {	
	float:right;
	margin: 5px;
	padding:2px;				
	border: 1px solid #CCC;}			

.flLeftImg {	
	float:left;
	margin: 5px;}	
	
.maryPhoto {	
	float:left;
	margin: 0 20px 10px 0;}							

/********************* End General Formatting *********************/