/*------------------------------------------------------------
	COMMON ELEMENTS
--------------------------------------------------------------*/
html, body{margin:0; padding:0; text-align:center; font-size:80%; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;} 
#pagewidth{width:760px; text-align:left; margin-left:auto; margin-right:auto;}
#header{position:relative; width:760px; height:120px}
#footer{height:100px; background-color:#C3EF96; clear:both;}
.clearfix{display: inline-table;}
hr {display: none;}
.clr {clear:both; line-height:1.3em}
a:hover{background-color:#D6EBFF; text-decoration:underline}

input, textarea{font-size:13px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}

/*left margin of form bg in register, tell a friend and contact*/
#mainbody_title.form, #mainbody_text.form{margin-left:180px; width:390px;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

#mainbody_title h3{width:97%; font-size:25px; color:#F49D20; margin:12px 5px 20px 5px; border-bottom:1px solid #ececec; padding-bottom:8px}
#mainbody_text{font-size:1.3em; color:#373737; margin:0 18px 0 5px;}
P{margin-top:5px;}
.clinical{display:none}
b.error {
	color: red;
}
strong.gold { color: #B4A262; }
/*------------------------------------------------------------
	LAYOUT 1
--------------------------------------------------------------*/ 
body#layout1 #maincol{ width:760px; background-color: #FFFFFF;  float: right; display:inline; position: relative;}

/*------------------------------------------------------------
	LAYOUT 2
--------------------------------------------------------------*/ 
body#layout2 #leftcol{width:151px; float:left; position:relative;}
body#layout2 #maincol{background-color: #FFFFFF;  float: right; display:inline; position: relative; width:579px;}

/*------------------------------------------------------------
	LAYOUT 3
--------------------------------------------------------------*/ 
body#layout3 #leftcol{width:151px; float:left; position:relative;}
body#layout3 #rightcol{width:170px; float:right; position:relative;}
body#layout3 #rightcol.profile{width:170px; float:right; position:relative; background-color:#F7F8F2;  margin-left:auto; margin-right:auto; text-align:center}
body#layout3 #maincol{width:433px; float: left; display:inline; position:relative;} 
body#layout3 #twocols{width:608px; float:right; position:relative;}


/*------------------------------------------------------------
	HEADER
--------------------------------------------------------------*/ 
#header_upper_container{width:760px; height:28px; background:url(images/header_login_strip_bg.gif) repeat-x;}
#header_login{width:157px; height:28px; background:url(images/header_login_curves_bg.gif) no-repeat; float:right; font-size:13px; font-weight:bold; color:#FFF; margin-top:2px; text-align:center; padding-top:3px;}
#header_login a{font-size:12px; font-weight:bold; color:#FFF; text-decoration:underline;}
#header_login a:hover{color:#F00; text-decoration:underline}

#header_lower_container{width:760px; margin-bottom:10px}
html>body #header_lower_container{margin-bottom:20px}

#header_left_container{width:180px; height:75px; float:left; margin-left:5px}
html>body #header_left_container{margin:-20px 0 0 12px;}

#logo a{width:122px; height:70px; overflow:hidden; line-height:0px; background:url(images/logo.gif) no-repeat 0 0; text-indent:-5000px; display:block; margin-bottom:5px; }
html>body #logo a{margin-top:17px; height:55px;}
#logo_title {font-size:10px; display:block;}
#logo_title{width:176px; height:14px; line-height:0px; background:url(images/logo_title.gif) no-repeat; text-indent:-5000px; margin-top:-20px}
html>body #logo_title{margin-top:0;}


#header_right_container{width:250px; height:65px; float:right; margin-right:0px}
html>body #header_right_container{margin-right:-157px}

#tel{width:100%;font-size:35px; color:#F49D20; text-align:right; margin-top:10px}
#email {width:100%; text-align:right;}
#email a{font-size:13px; color:#12195F; text-decoration:none;}
#email a:hover{color:#000; text-decoration:underline}





/*------------------------------------------------------------
    NAV
--------------------------------------------------------------*/ 
#nav {height: 27px; margin:0; padding:0; list-style: none; width:760px; }
#nav li {float: left;height: 27px; overflow: hidden;}
#nav li a {display: block;line-height:27px; background-position: center top; text-indent: -5000px; overflow: hidden;}
#nav_home {width: 73px; background-image:url(images/nav_home.jpg);}
#nav_profile {width: 79px; background: url(images/nav_profile.jpg);}
#nav_consult {width: 175px; background: url(images/nav_consultancy.jpg);}
#nav_register {width: 89px; background: url(images/nav_register.jpg);}
#nav_faqs{width: 68px; background: url(images/nav_faqs.jpg);}
#nav_links {width: 69px; background: url(images/nav_links.jpg);}
#nav_tell {width: 118px; background: url(images/nav_tell.jpg);}
#nav_contact {width: 89px; background: url(images/nav_contact.jpg);}
#nav li a:hover {background-position: 50% -27px;}
#nav li a.current, #nav li a.current:hover{background-position: 50% 27px;}

#sub_nav_container{margin:0; padding:0; width:760px; background-color:#CABFA9; height:25px;}
html>body #sub_nav_container{margin-top:-10px; height:25px;}
#sub_nav{list-style: none; padding-left:124px}
#sub_nav li {float:left; margin-top:3px; padding:0 6px 0 6px; background: url(images/sub_nav_divide.gif) right bottom no-repeat; height:18px}
#sub_nav li a {display:block; font-size:1.2em; color:#12195F; text-decoration:none;}
#sub_nav li a:hover {color:#000; text-decoration:underline;}
#sub_nav .last {background: none;}


/*------------------------------------------------------------
    REGISTER/LOGIN SIDE BOX
--------------------------------------------------------------*/ 
#register_side_box{width:150px; height:80px; background-color:#F4F4F4; border-right:1px solid #CAC9C9; border-left:1px solid #CAC9C9; padding-top: 1px; padding-bottom: 1px;}
#register_title{font-size:18px; color:#12195F; margin:10px 0 5px 10px;}
#register_link{margin-left:10px; margin-top:10px; padding-right:25px;}
#register_link a{font-size:1.2em; color:#12195F; text-decoration:underline}
#register_link a:hover{color:#000; text-decoration:underline}

#login_side_box{width:150px; background-color:#F4F4F4; border:1px solid #CAC9C9;}
#login_title{font-size:18px; color:#12195F; margin:10px 0 5px 10px; }
#login_fields{margin-left:10px;}
.login_title{font-size:1.2em; font-weight:bold; color:#12195F;}
INPUT#login_submit{display:block}
INPUT#username, INPUT#password {margin-bottom:8px; font-size:13px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}
#password_forgot{margin:10px 0}
#password_forgot a{font-size:10px; color:#12195F; font-weight:bold; text-decoration:underline; }
#password_forgot a:hover{text-decoration:underline}

/*------------------------------------------------------------
	AFFILIATE BOX
--------------------------------------------------------------*/ 
#affiliates_container{width:150px; margin-bottom:30px;}
#affiliates_bsp a{width:111px; height:58px; background-image:url(images/affiliate_bsp.gif); display:block; text-indent:-5000px; overflow:hidden; margin:25px 0 0 15px}
#affiliates_ukcp a{width:126px; height:52px; background-image:url(images/affiliate_ukcp.gif); display:block; text-indent:-5000px; overflow:hidden; margin:25px 0 0 15px}
#affiliates_family a{width:96px; height:97px; background-image:url(images/affiliate_family.gif); display:block; text-indent:-5000px; overflow:hidden; margin:25px 0 0 15px}
#affiliates_text{width:140px; margin-left:auto; margin-right:auto; font-size:1.2em; text-align:left; margin:10px 0 2px 0; background-color:#EFEFE7; border:1px solid #6F6141; padding:5px}
#affiliates_text a{text-decoration:underline; color:#000}

/*------------------------------------------------------------
	INDEX PAGE
--------------------------------------------------------------*/ 
#index_banner_container{width:760px; height:180px; background-color:#BCB59C; border-bottom:1px solid #90886C; margin-bottom:1px;}
#index_banner_left{float:left; width:325px; height:176px;}
#index_banner_right{float:right; width:435px; height:176px; background-color:#B4A262}
#index_banner_right_text_upper{width:405px; border-bottom:1px solid #8F7E40; margin:20px 0 0 17px}
#index_banner_right_text_upper h1{font-size:20px; color:#FFF;}
#index_banner_right_text_lower{width:370px;  border-top:1px solid #CCBC82; color:#FFF; margin-left:17px; background:url(images/banner_arrow.gif) no-repeat 0 20px; padding:10px 0 0 35px }
html>body #index_banner_right_text_lower{padding:0 0 0 35px;}
#index_banner_right_text_lower h2 a { color:#FFF; text-decoration:none; font-size:14px;}
#index_banner_right_text_lower h2 a:hover {text-decoration:underline; background-color:#B4A262}

#index_methods_header{width:364px; height:28px; background-image:url(images/index_methods_title_bg.gif); margin-left:5px; padding-top:1px; padding-bottom:1px; margin-left:auto; margin-right:auto; margin-top:30px}
#index_methods_header_text{font-size:18px; font-weight:bold; margin:2px 0 0 10px; color:#FFFFFF;}
#index_methods_text{font-size:1.3em; color:#3773CD; margin-bottom:12px;}

.index_t {width:364px; margin:0 0 10px 5px; height:400px;  margin-left:auto; margin-right:auto;}
html>body .index_t {margin-bottom:100px;}
.index_b {background: url(images/method_dot_gry.gif) 0 100% repeat-x}
.index_l {background: url(images/method_dot_gry.gif) 0 0 repeat-y}
.index_r {background: url(images/method_dot_gry.gif) 100% 0 repeat-y}
.index_bl {background: url(images/method_bl.gif) 0 100% no-repeat}
.index_br {background: url(images/method_br.gif) 100% 100% no-repeat}
.index_tl {background: url(images/method_tl.gif) 0 0 no-repeat}
.index_tr {background: url(images/method_tr.gif) 100% 0 no-repeat; padding:10px}

.index_method_box_l{width:170px; height:80px; float:left; margin-bottom:8px;}
html>body .index_method_box_l{margin-bottom:12px}
.index_method_box_r{width:170px; height:80px; float:right; margin-bottom:8px;}
html>body .index_method_box_r{margin-bottom:12px}

.index_method_title h3{ margin:0}
.index_method_title h3 a{font-size:14px; color:#006474; font-weight:bold; text-decoration:none}
.index_method_title h3 a:hover{color:#006474;}

.index_method_container{width:100%}
.index_method_image{width:60px; height:60px; display:block; overflow:hidden; float:left; background-position:-3px -2px}

.index_method_links{width:110px; float:right; margin-top:10px;}
.index_method_links_blu a{font-size:1.2em; font-weight:bold; color:#3773CD; text-decoration:none}
.index_method_links_blu a:hover{color:#3773CD; text-decoration:underline}

.index_method_links_org a{font-size:1.2em; font-weight:bold; color:#FFA200; text-decoration:none}
.index_method_links_org a:hover{background-color:#FCF1E0; text-decoration:underline}

#testimonial_container{width:170px; background:#EFEFE7 url(images/testimonials_bottom_bg.jpg) repeat-x left bottom; float:right}
#testimonial_image a{width:164px; height:120px; display:block; text-indent:-5000px; background:url(images/testimonial_image.jpg) no-repeat 0 0; overflow:hidden; margin:3px 0 0 3px}
.testimonial{text-align:right; font-size:1.2em;  padding:4px; margin:10px 5px 5px 5px;}
.testimonial_name{text-align:right; font-size:0.9em; color:#4B6BC8; font-style:italic}
.testimonialMain{font-size:1.2em;  padding:4px; margin:10px 5px 5px 0px;}
.testimonial_name_main{font-size:0.9em; color:#4B6BC8; font-style:italic}




/*------------------------------------------------------------
	PROFILE PAGE
--------------------------------------------------------------*/ 
span.profile_image{width:109px; height:150px; background-image:url(images/image_profile.jpg); display:block; float:right; margin-left:5px;}

#profile_method_box_title h3{font-size:20px; color:#75814A; margin:6px 0 12px 0}
.profile_method_box{width:170px; height:90px; text-align:left; border-bottom:1px solid #C6D29D; border-top:1px solid #FFF; margin-left:auto; margin-right:auto;}
.profile_method_box_first{width:170px; height:90px; text-align:left; border-bottom:1px solid #C6D29D; margin-left:auto; margin-right:auto;}
.profile_method_box_last{width:170px; height:90px; text-align:left; border-top:1px solid #FFF; margin-left:auto; margin-right:auto;}
.profile_method_title{margin:5px 0 0 5px;}
.profile_method_title h3{ margin:0}
.profile_method_title h3 a{font-size:14px; color:#006474; font-weight:bold; text-decoration:none}
.profile_method_title h3 a:hover{color:#006474;}

.profile_method_container{width:100%;}
.profile_method_image{width:60px; height:60px; display:block; overflow:hidden; float:left; background-position:-3px -2px; }

/*------------------------------------------------------------
	CONSULTANCY SERVICES
--------------------------------------------------------------*/ 
#mainbody_text.consultancy p{width:530px; color:#373737; margin:0 8px 40px 0px; text-align:justify; line-height:1.5em}
.consultancy_t {width:550px; margin:0 0 10px 11px; height:400px; background:url(images/dot_consult.gif) 0 0 repeat-x}
.consultancy_tl {background: url(images/method_tl_curved.gif) 0 0 no-repeat}
.consultancy_tr {background: url(images/method_tr_curved.gif) 100% 0 no-repeat; padding:10px}

#mainbody_title_container{width:98%; height:60px;  margin:10px 5px 20px 5px; border-bottom:1px solid #ececec}
#title_consultancy h3{float:left; margin-top:12px; font-size:25px; color:#F49D20;}
img.image_consultancy{border:1px solid #ECECEC; float:right; margin:0 0 15px 15px}

#consultancy{width:200px; height:60px; display:block; float:right; text-align:right}
div.book a{font-size:1.3em; margin-top:20px; float:left; text-decoration:none; font-weight:bold; color:#12195F}


/*------------------------------------------------------------
	REGISTER
--------------------------------------------------------------*/ 

.form_bg{width:390px; background: url(images/register_module_bg.gif) no-repeat; margin-bottom:20px }
.inner{background: url(images/register_module_top.gif) no-repeat left top; padding-top:20px}
.last{background: url(images/register_module_bottom.gif) no-repeat left bottom; height:30px}
form#register{margin-left:40px}
form#register p label{width:80px; float:left; text-align:right; margin-right: 10px; display: block; }
input.submit_register {margin-left:92px;}


/*------------------------------------------------------------
	FAQs
--------------------------------------------------------------*/ 
#mainbody_text.faq{width:480px; margin-left:40px;}
.faq_answer_container{font-size:1.3em; width:490px; margin:12px 10px;}
ul#faq{margin-bottom:20px}
ul#faq li a{text-decoration:none; color:#000}
ul#faq li a:hover{text-decoration:underline}

/*------------------------------------------------------------
	TELL A FRIEND
--------------------------------------------------------------*/ 
.form_bg{width:390px; background: url(images/register_module_bg.gif) repeat-y; margin-bottom:20px }
.inner{background: url(images/register_module_top.gif) no-repeat left top; padding-top:20px}
form#tell_friend{margin-left:40px}
form#tell_friend p label{width:100px; float:left; text-align:right; margin-right: 10px; display: block}
input.submit_tell_friend{margin-left:110px;}


/*------------------------------------------------------------
	CONTACT
--------------------------------------------------------------*/
.form_bg{width:390px; background: url(images/register_module_bg.gif) repeat-y; margin-bottom:20px }
.inner{background: url(images/register_module_top.gif) no-repeat left top; padding-top:20px}
form#contact{margin:0}
form#contact p label{width:130px; float:left; text-align:right; margin-right: 10px; display: block}
input.submit_contact {margin-left:144px;}  


/*------------------------------------------------------------
	MEMBERS SIDE BOX
--------------------------------------------------------------*/
#members_side_box{width:171px; height:350px; background-color:#F4F4F4; border-right:1px solid #CAC9C9; border-bottom:1px solid #CAC9C9; padding-top: 1px; padding-bottom: 1px;}
#members_title{font-size:18px; color:#12195F; margin:10px 0 12px 10px;}
ul#members_links{margin-left:10px}
html>body ul#members_links{margin-left:-30px}
ul#members_links li{list-style:none; margin:10px 0}
ul#members_links li a{font-size:14px; font-weight:bold; text-decoration:underline; color:#12195F}



/*------------------------------------------------------------
	MEMBERS INDEX
--------------------------------------------------------------*/
ul#members_index{width:350px}
ul#members_index li{list-style:none; margin:15px 0}
ul#members_index li a{font-weight:bold; text-decoration:underline; color:#12195F}


/*------------------------------------------------------------
	MEMBERS BOOK AN APPOINTMENT
--------------------------------------------------------------*/
ul#members_index{width:350px}
ul#members_index li{list-style:none; margin:15px 0}
ul#members_index li a{font-weight:bold; text-decoration:underline; color:#12195F}

table.book_upper{border-bottom:1px solid #C6D29D}
table.book_inner{border-bottom:1px solid #C6D29D; border-top:1px solid #fff}
table.book_lower{border-top:1px solid #fff}
td.title{color:#245784; font-weight:bold; text-align:center; width:38%;}
td.info { text-align: left; }

div#timeLine {
	height: 20px;
	text-align: center;
	font-size: 12px;
background-color:#F7F8F2;
	border: 1px solid #B2BD8C;
	margin: 10px 0;
}
strong.blue {
	color: #30377D;
}

table#summary{border-collapse:collapse; width:500px; border:1px solid #B2BD8C }
table#summary td{padding:3px 4px;}
table#summary tr.odd{background-color:#F7F8F2}

table#invoice{border-collapse:collapse; width:500px; border:1px solid #B2BD8C }
table#invoice td{padding:3px 4px; font-size:1.3em}
table#invoice tr.odd{background-color:#F7F8F2}
/*------------------------------------------------------------
	QUESTIONNAIRE
--------------------------------------------------------------*/
#mainbody_title.questionnaire{width:650px; margin-left:55px}
#mainbody_text.questionnaire{width:650px; margin-left:55px}

/*------------------------------------------------------------
	FOOTER
--------------------------------------------------------------*/ 
#footer{height:27px; background:url(images/header_login_strip_bg.gif) repeat-x; clear:both; width:760px;}
#footer_lower{float:right; color:#12195F; font-size:13px; height:28px; margin:7px 0 0 15px; clear:right; width:100%; text-align:center}
#footer_lower a{font-size:13px; color:#12195F; text-decoration:none}
#footer_lower a:hover{color:#000; text-decoration:underline}
#footer_upper{float:right; height:28px; color:#FFFFFF; width:500px; background: url(images/footer_curve.gif) no-repeat; text-align:center; margin-top:2px; padding-top:5px; display:block}
* html #footer_upper{margin:2px -13px 0  0 }
#footer_upper a{font-size:12px; font-weight:bold; color:#FFF; text-decoration:underline}
#footer_upper a:hover{color:#F00; text-decoration:underline}