/* 
Theme Name: custom-HealthLounge
Theme URL: http://www.timthorne.com
Description: Converted and optized for the Health Lounge by Tim Thorne Graphic Design - email- contact@timthorne.com || Tel- +44 0 1761 471 178
Author: Tim Thorne
Author URI: http://www.timthorne.com
Version: 1.0

*/

body{
	font-family: "maiandra GD",Arial,sans-serif;   
	font-size:18px;   
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background:#627D77;  
}

/******* hyperlink and anchor tag styles *******/

a:active, a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
	color:#b1dd85; 
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
	font: bold 175% Arial,sans-serif;
	padding: 0;
	margin: 0 0 3% 0;
    color: #B3B38C;      
}

h2{
 font: bold 100% Arial,sans-serif;
 color :#21536A;
 margin: 2% 0 0.9% 0;
 padding: 0px;
}

h3 {
 font: bold 140% Arial,sans-serif;
 margin: 5% 0 2% 0;
 padding: 0px;
 color: #B3B38C;
}


h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


.small_caps {font-size:16px}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
	position:relative;
	margin:auto;
	width:900px;

}

.section-div {
	float:left;
	width:100%;
	clear:both;
}

#banner{
	float:left;
	margin:10px 0;
	width: 900px;
	height: 99px;
	background: #ffffff url(images/baner900x99ver02.jpg) no-repeat;

	
	
}

#pagecell1{
	float:left;
	width:900px;
	background-color: #ffffff;

}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;	
	color:#b1dd85; 

}

#bl {
	position:absolute;
	top: 75px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#br {
	position:absolute;
	top: 75px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}





#content{
	float:right;
	width:744px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-left: 1px solid #ccd2d2;  
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	color:#9900FF;
	width: 100%;
	margin:0 0 10px 0;
	text-align:right;
	
}

#utility ul {
	padding:0;
	margin:0;
	list-style:none;
}

#utility li {
	float:right;
	padding:0;
	margin-left:5px;	
}

#utility a{
	color:#CCCCCC;
	font-family: "maiandra GD",Arial,sans-serif;
	font-size:14px;
	
}

#utility a:hover{
	text-decoration: underline;
}


/************** pageName styles ****************/

#pageName{
	float:left;
	height:24px;
	width:100%;
	border-bottom:#FFFFFF solid 2px;
	background-color:#B3B38C; 
	margin:10px 0 0 0;
	*margin:0; /* IE 7 and below */

}


/************** feature styles *****************/
.feature p{
	margin-bottom:2.3%;
	margin-top:0px;
	padding-top:0px;
    color:#627D77;   /*   <---   */
}


.feature{
	float:left;
	padding: 20px;    
	font-size: 80%;
	min-height: 100px;
	min-width:77%;
	height: 200px;
	margin-right:0px;

}
html>body .feature {height: auto;}

.feature h1{
	font: bold 175% Arial,sans-serif;
	padding: 0;
	margin: 0 0 3% 0;
    color: #B3B38C;      
}

.feature h2{
 font: bold 100% Arial,sans-serif;
 color :#21536A;
 margin: 2.5% 0 0.9% 0;
 padding: 0px;
}

.breakOut-h2 {
background: #777eb0 url(images/grad1.jpg) repeat-x top;
font: bold 100% Arial,sans-serif;
 color:#FFFFFF;
 margin: 2.5% 0 0.9% 0;
 padding: 5px;
 height:30px;
 min-height:30px;

}


.feature h3 {
 font: bold 140% Arial,sans-serif;
 margin: 5% 0 2% 0;
 padding: 0px;
 color: #B3B38C;
}

.feature table {
	max-width:100%;
	margin: 2.5% 0 0.9% 0;
}

.table-custom-cell {
	padding:5px;
	background:#F4F5F6; 
	border:#B3B38C 1px dashed; 
}


/************** feature image presets *****************/

.feature-img {
	float:right;
	margin:-22px -20px 20px 20px;
}


.img-left {
	float:left;
	margin:0px 20px 20px 0;
}

.img-right {
	float:right;
	margin:0px 0 20px 20px;
}

.img-left-with-border {
	float:left;
	margin:0px 20px 20px 0;
	padding:5px;
	background:#E9E7DB; 
	border:#B3B38C solid 1px;
	text-align:center;

}

.img-right-with-border {
	float:right;
	margin:0 0 20px 20px;
	padding:5px;
	background:#E9E7DB; 
	border:#B3B38C solid 1px;
	text-align:center;

}

.header-img {
	padding:5px;
	background:#E9E7DB; 
	margin:10px auto 10px auto;
	border:#B3B38C solid 1px;
	text-align:center;
}



.feature li{
    color:#627D77;  
    margin-bottom:10px;
	padding-right:20px;
}

.feature ul{
 list-style-type:disc;
}



.feature td{
    padding-left:10px;
}

.feature blockquote {
display: block;
padding:0 50px;
width: 500px;
}

.feature blockquote:before, .feature blockquote:after {
color: #E9E7DB;
display: block;
font-size: 600%;
width: 50px;
font-family:"Times New Roman", Times, serif;
}

.feature blockquote:before {
content: open-quote;
height: 35px;
margin-left: -0.55em;
}

.feature blockquote:after {
content: close-quote;
height: 70px;
margin-top: -8%;
margin-left: 100%;
}




/************** siteInfo styles ****************/

#siteInfo{
	float:left;
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #333333;
	width:880px;
	padding: 3px 10px 3px 10px;
	margin-top: 0px;
	background-color:#B3B38C;  

}

#copyright-info {
	float:left;
	
}

#dev-info {
	float:right;
	text-align:right;
	font-size:75%;
	font-style:italic;
}

#siteInfo a{
color:#627D77
}

.style2 {color: #627D77}


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


/************ sectionLinks styles **************/

#pageNav{
	float: left;
	width:150px;
	padding: 0px;
	background:#FFFFFF;
	border-right:5px solid #CCCCCC;
	border-bottom: 2px solid #FFFFFF;
	font: small Verdana,sans-serif;
	}


#sectionLinks{
	background:#FFFFFF;
	list-style:none;

}

#sectionLinks ul {
	margin:0;
	padding:0;
	list-style-type: none;
	}

#sectionLinks li{
	font-family: Arial, Helvetica, sans-serif ; 
	background: #B3B38C;   
	border-top:2px solid #ffffff;
	border-left: #FFFFFF 2px solid;
	border-bottom: 2px solid #ffffff;
	border-right: #FFFFFF 2px solid;
	list-style-type: none;
	*list-style-position: outside; /* IE6-IE7 hack for indented list*/
	}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	font-weight: bold;
	padding: 10px 0px 10px 10px;
	color:#627D77;        
}


#sectionLinks a:hover{
	color:#993333;
	text-decoration:underline;
}






/**************** Ecommerce section *************/


#buyButton {
background:url(images/addtobasket.jpg) no-repeat;

border:0 none;
color:#666666;
cursor:pointer;
font-family:arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:30px;
line-height:normal;
margin:6px 0;
padding:0;
text-align:center;
width:30px;
	

}


.commerce {
	border:solid 4px #E9E7DB;
	margin:15px;
}

.feature th {
	border-top:none;
	border-bottom:none;
	padding:5px 0 5px 0;
}



.basket {
	text-align:center;
	background:#E0F0EA;
	width:18%;
	padding:2px 0 2px 0;
	border-top:solid 1px #CCCCCC;
	border-left:solid #FFFFFF 3px;
	color:#627D77;
}

.service {
	text-align:left;
	padding:2px;
	border-top:solid 1px #CCCCCC;
	color:#627D77;
	font-weight:bold;
		
}

.service .smaller{
	color:#627D77;
	font-size:79.8%;
}

.dates {
	text-align:center;
		padding:2px;
	border-top:solid 1px #CCCCCC;
	color:#627D77;
}