html {overflow-y:scroll;}

body
{
    background-color:#FFFFFF;
    background-repeat:repeat-x;
    color:#000;
    font-family:Arial;
    font-size:13px;
    margin:20px 0px;
    padding:0px;
}
img
{
    border:0px;
}

a
{
	color:#00A5D9;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a:active
{
	color:#996633;
}

h1
{
    font-family: Cambria, Georgia, serif;
    margin: 10px 0px 10px 0px; 
    padding:0px 0px 0px 0px; 
    font-size: 24px; 
    font-weight:bold;
	padding-bottom:10px;
	color:#8fc74c;
}

h2
{
    font-family:Arial; 
    margin:0px 0px 10px 0px; 
    padding:0px 0px 0px 0px; 
    font-size:18px; 
    font-weight:bold;
	color:#8fc74c;
}

p
{
	padding-bottom:10px;
	font-size:13px;
	line-height: 20px;
	color: #666666;
	margin:0px 0px 10px 0px;
}

p.center, h1.center, h2.center, div.center
{
	text-align:center;
}

ul
{
	padding:0px;
	margin:0px
}

hr
{
	margin-bottom:30px;
	border:solid 1px #8dc73f;
	width: 100%;
}

sup 
{
    line-height: 0;
    font-size: smaller;
    vertical-align: super;
}

#container
{
    background-color:#FFFFFF;
    border-radius:15px;
    height:100%;
    margin:15px auto;
    padding:15px;
    width: 955px;
}

#header
{
	width: 955px;
	height:100px;
	/*background-image:url('images/NaturalWellbeing_Logo_Banner.png');*/
	background-repeat:no-repeat;
	margin-bottom: 60px;
	position:relative;
	/* border-bottom:solid #8fc74c 2px; */
}

#header #logo-banner {
    background-image:url('images/NaturalWellbeing_Logo_Banner.png');
    width:955px;
    height:125px;
    background-repeat:no-repeat;
}

#header #logo-banner .awards-logos 
{
	position:absolute;
	right:10px;
	top:42px;
}

#header #logo-banner .awards-logos img {margin-left:10px;}

#header #logo-banner .awards-logos img.qa-logo {height:40px;}
#header #logo-banner .awards-logos img.b-flag {height:25px;}

#header #logo-banner #logo-link
{
	width:350px;
	height:125px;
	cursor:pointer;
}

/*---------------- QA -------------------*/
#header #logo-banner  img.queens {
    float: right;
    height: 63px;
    margin-right: 149px;
    margin-top: 26px;
}

.main_content
{
	width: 955px;
	margin-top:10px;
}

.col-hp-main
{
	width:925px;
	margin-left: 15px;
	margin-right: 15px;
}

/* -------------------- DIV TABLE ---------------------- */

.div-table {display:table;width:615px;}
.div-table-row {display:table-row;height:100px;}
.div-table-cell1, .div-table-cell2 {display:table-cell;}

.div-table .div-table-row .div-table-cell1
{
	width:207px;
	vertical-align:middle;
}

.div-table .div-table-row .div-table-cell1 p
{
	margin:10px;
	padding:5px;
	background-color:green;
	border-radius:10px;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
}

.div-table .div-table-row .div-table-cell2
{
	vertical-align:middle;
	text-align:center;
	width:100px;
}

.div-table .div-table-row .div-table-cell2 img
{
	width:70px;
}

/* -------Top Nav ------- */
ul#menu 
{
    display: table;
	position:relative;
}

ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
	padding:0 0 0 5px;
}

ul#menu ul.sub-menu li
{text-align:left;width: 130px;border-right: 0px;border-left: 0px;border-bottom:0px; padding-left:5px;}

/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
    /* background: #666; */
	padding:5px 0px;
    display:inline-block;
	/* To make whole button clickable */
	width:100%;
}

/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
    /* width: 121px; */
    background-color: #8dc73f;
    text-align: center;
    font-weight: bold;
    border: 1px solid #fff;
    /* float: left; */
    height: 30px;
    line-height: 20px;
    display: table-cell;
	padding: 0px 20px;
}

ul#menu li:hover
{background-color:#638B2C;}

/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 0px;
/* ------- To make drop down menu line up ------- */
    left: -20px;
    width: 100px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

ul#menu .submenu-position
{
	width:100%;
	height:0px;
	position:relative;
}

ul#menu ul.sub-menu.sub-menu-support li {width: 16.99em;}
ul#menu ul.sub-menu.sub-menu-brands li {width: 9.9em;}

ul li.ourbrandcur
{
	cursor:context-menu;
}

.top_banner img
{
	padding:5px 1px;
	width: 953px;
	height:195px;
}

.title_container-hp
{
	border-top: solid #8fc74c 2px;
	padding: 30px 0px 20px 15px;
	text-align: center;
	width:925px;
}

.title_container-hp h2.strap-line, .col2 h2.strap-line {
    font-family: Cambria, Georgia, serif;
    font-style: italic;
    font-size: 21px;
    text-align: center;
}

.title_container-generic, .title_container-thank-you
{
	border-top: solid #8fc74c 2px;
	border-bottom: solid #8fc74c 2px;
	padding: 30px 0px 0px 15px;
	text-align: left;
	margin-bottom:20px;
	min-height:80px;
}

.title_container-thank-you
{
	border-bottom:0;
	margin-bottom:0;
}

.brand-intro-container
{
	height:150px;
	border-top: solid #8fc74c 2px;
	border-bottom: solid #8fc74c 2px;
}

.brand-intro-container img
{
	margin-top:30px
}

/*----------------- BRAND MENU --------------------*/

.col2 .brand-menu div:hover {
    background-color: #8fc74c;
}

.col2 .brand-menu-box, .col2 .brand-menu-box-highlight
{
	width: 278px;
	/* padding:10px; */
	border:1px solid #8fc74c;
	background-color:#DDEEC9;
	margin-bottom:5px;
}

.col2 .brand-menu-box p, .col2 .brand-menu-box-highlight p
{
	padding:0px;
	margin:0px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	width:100%;
	line-height:42px
}

.col2 .brand-menu-box a, .col2 .brand-menu-box-highlight a
{
	text-decoration:none;
	color:#666666;
	display:block;
}

.col2 .brand-menu-box p:hover a, .col2 .brand-menu-box-highlight p:hover a
{
	color:#fff;
}

.col2 div.brand-menu-box-highlight
{
	background-color:#8fc74c;
}

.col2 div.brand-menu-box-highlight a
{
	color:#fff;
}

.col2 p.brand-link {
    text-align: center;
	margin:0px;
	padding:0px
}

/******************* BRAND BOXES HOMEPAGE **********************/

.hp-brand-boxes
{
	margin-bottom:20px;
	height: 100%;
	float: left;
}

.hp-brand-boxes p.center
{
	padding-bottom:0px;
}

.hp-brand-boxes .row1col2 div 
{
    width: 430px;
    float: left;
    border: solid 1px #ffffff;
    height: 380px;
	padding:15px;
}

.hp-brand-boxes .row1col3 div 
{
width: 276px;
float: left;
border: solid 1px #ffffff;
height: 355px;
padding: 15px;
}

.hp-brand-boxes .row1col2 img.brand-image
{
	height:230px;
}

.hp-brand-boxes .row1col3 img.brand-image
{
	width:250px;
}

.hp-brand-boxes p.hp-brand-desc 
{
    padding-bottom:0px;
    margin-bottom: 0px;
	font-weight:bold;
}

.hp-brand-boxes .row1col2 .highlight-box-aw,
.hp-brand-boxes .row1col2 .highlight-box-uk {height:235px;cursor:pointer;}
.hp-brand-boxes .row1col2 .highlight-box-aw img {height:225px;cursor:pointer;}
.hp-brand-boxes .row1col2 .highlight-box-uk img {height:75px;padding-top:45px;}
.hp-brand-boxes .row1col2 .highlight-box-uk .highlight-box-uk p.hp-brand-desc.center 
{
	font-size:15px;font-weight:100;line-height:20px;
}

.hp-brand-boxes .row1col2 .highlight-box-vp {background-color:#CCEFDC;}
.hp-brand-boxes .row1col3 .highlight-box-ph {background-color:#BCCBD5;}
.hp-brand-boxes .row1col2 .highlight-box-vert {background-color:#eaeea2;}
.hp-brand-boxes .row1col3 .highlight-box-vs {background-color:#FFE5E9;width:892px;height:300px;}
.hp-brand-boxes .row1col3 .highlight-box-vs p.hp-brand-desc {width:700px;text-align:center;margin:auto;}
.hp-brand-boxes .row1col3 .highlight-box-monk {background-color:#BFE6F6;}

.hp-brand-boxes .row1col2 .highlight-box-aw:hover,
.hp-brand-boxes .row1col2 .highlight-box-uk:hover,
.hp-brand-boxes .row1col2 .highlight-box-vp:hover,
.hp-brand-boxes .row1col3 .highlight-box-ph:hover,
.hp-brand-boxes .row1col2 .highlight-box-vert:hover,
.hp-brand-boxes .row1col3 .highlight-box-vs:hover,
.hp-brand-boxes .row1col3 .highlight-box-monk:hover{background-color:#efefef;}

.hp-brand-boxes .row1col2 .highlight-box-aw,
.hp-brand-boxes .row1col2 .highlight-box-uk,
.hp-brand-boxes .row1col2 .highlight-box-vp:active,
.hp-brand-boxes .row1col3 .highlight-box-ph:active,
.hp-brand-boxes .row1col2 .highlight-box-vert:active,
.hp-brand-boxes .row1col3 .highlight-box-vs:active,
.hp-brand-boxes .row1col3 .highlight-box-monk:active{background-color:#E6E6E6;}

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

/*------- Queens Award Image ------------*/
.col2 p.qapimg {text-align:center;}
.col2 img.queensawardimg {padding-bottom:0.95em;width:200px;}

/*------- Paragraph Divider for Awards Page ---------*/
.col1 p.pdivider {font-weight:bold;text-align:center;letter-spacing: 9px;}

/*----- Medilink Award Homepage -------*/
img.exp-award {float:right;border:1px solid #999;margin-left:10px;}

/*----- Medilink Award Awards Page --------*/
.medilink-awards {text-align: center;margin-bottom: 15px;}
.medilink-awards img {/* padding: 5px 10px; */margin-bottom: 10px;border: 1px solid #999;margin-right: 10px;}


.col3row2-hp .col1, .col3row2-hp .col2, .col3row2-hp .col3
{
	width: 298px;
	float:left;
	padding: 0px;
	margin:5px;
}

.col3row2-hp .col1 .highlight-box-hp,.col3row2-hp .col2 .highlight-box-hp,.col3row2-hp .col3 .highlight-box-hp, .col3row2-hp .col1 .brand-logos,.col3row2-hp .col2 .brand-logos,.col3row2-hp .col3 .brand-logos
{
	width: 278px;
	margin-bottom:8px;
	padding: 10px;
}

.col3row2-hp .col1 .highlight-box-hp,.col3row2-hp .col2 .highlight-box-hp,.col3row2-hp .col3 .highlight-box-hp
{
	height:200px;
	border:solid 1px #8fc74c;
}

.highlight-box-hp p 
{
    margin-top: 10px;
	text-align:justify;
}

.twocol_container
{
	width:985px;
}

.col1
{
	width: 615px;
	padding:10px 20px;
	float:left;
	margin-right:5px;
}

.col2
{
	width:280px;
	float:left;
	padding:10px 20px 10px 0px;
}

.col2 img
{
	max-width:280px;
}

.company_details
{
	height:260px;
	padding:15px 0px;
	overflow:hidden;
}

.company_details img
{
	margin-bottom:10px;
}

p.img_center
{
	text-align:center;
}

p.introduction-text
{
	margin-top: 0px;
	font-size:17px;
}

.brand-intro-container p.introduction-text
{
	height:65px;
}

.terms
{
	padding:20px;
}

.back_to_top
{
	float:right;
	padding:10px;
}

ul.bullet-list 
{
    margin: 20px 0px 30px 20px;
}

ul.bullet-list li
{
    padding:10px;
    font-size:14px;
	color:#666666;
}

/*-------------- EXPERTISE BUTTONS (MARKETING AND EDUCATION --------------*/
.exp-btns div 
{
    float:left;
    width:150px;
    text-align:center;
    background-color:#8dc73f;
    padding:10px;
    border:1px solid #999;
    font-weight:bold;
}

.exp-btns div a
{
	color:#fff;
	text-decoration:none;
}

.exp-btns div:hover
{
    background-color:#638B2C;
}

.exp-btns div.eb-lft
{
    margin-right:20px;
}

/*-------------- HIGHLIGHT BOX FOR COLUMN 1 MAIN CONTENT -----------------*/

.col1 div.text-box-highlight p
{
    font-size:18px;
    color:#ffffff;
    line-height:20px;
	text-align:center;
}

.col1 div.text-box-highlight
{
    background-color:#000000;
    padding:10px;
    width:410px;
    height:20px;
}

/*------------- CONTACT US DETAILS ----------------------*/

div.contact-us p {
    font-size: 15px;
    margin-bottom:30px
}

div.contact-us .col1 .contact-details {height: 130px;}

div.contact-us p span.cutitle
{
    font-weight:bold;
}

ul ul.sm-brands 
{
    margin-left: 40px;
}

div.highlight-box-hp img {
    opacity: 0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

div.highlight-box-hp img:hover {
    opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

p img.intext-logo
{
	float:right;
	width:100px;
	padding-left:10px;
}

h1 .superscript, h2 .superscript, p .superscript
{
	vertical-align:top;
}

h1 .superscript, h2 .superscript {font-size:12px;}
p .superscript {font-size:7px;}
p.introduction-text .superscript {font-size:9px;}

/*------------------ PH CUSTOM PAGE ---------------------*/

.contact-us .col1 img.conphoto
{
	float:right;
	margin-right:200px;
	width:74px;
}

.brand-intro-container img.ph-photo 
{
    margin-top: 0px;
}

span.quote  
{
    font-style: italic;
}

.moreinfobutton p 
{
    text-align: center;
    padding:10px;
    background-color:#215273;
    color:#fff;
	margin:auto;
    width:250px;
    border-radius:10px;
    box-shadow:2px 2px 4px #666;
	font-weight:bold;
}

.moreinfobutton p a
{
    color:#fff;
	text-decoration:none;
}

div.moreinfotext 
{
    text-align: center;
    width:615px;
}


/*-----------------------------------------------*/
/*---------------- FOOTER -----------------------*/
/*-----------------------------------------------*/

#footer
{
    clear:both;
    color:#888888;
    margin:10px auto;
    text-align: right;
    width: 955px;
	border-top:solid #8fc74c 2px;
	padding-top: 20px;
	height: 70px;
}

#footer .footer-container
{
    height: 70px;
	/*------background-image:url('images/GB_flag.png');-------*/
	background-repeat: no-repeat;
}

#footer .footer-container .footer-text 
{
    width: 955px;
}

#footer p
{
	float:right;
	/* padding-left:10px; */
	/* padding-bottom:0px; */
	padding: 0px 0px 5px 20px;
}

#footer ul.footer-menu
{
	list-style-type:none;
	float:right;
}

#footer ul.footer-menu li
{
	/* display:table-cell; */
	padding-left:15px;
	float: right;
}

/* ----------------------------------------------------------------- */
/* -------------------- BECOME A PARTNER FORM ---------------------- */
/* ----------------------------------------------------------------- */
.bapform 
{
    padding: 5px 15px 15px 15px;
    background-color: #efefef;
    width: 560px;
    border-radius: 10px;
    float:left;
	overflow: hidden;
	margin-bottom: 20px;
	border:1px dashed #999;
}

.bapform form#form
{
	width: 560px;
}

.bapform div.bapfield, .bapform div.bapcheck {
    margin: 15px 0 5px 0;
    vertical-align:middle;
	overflow:hidden;
}

.bapform div.bapfield label {padding:4px 0;}

.bapform div.bapfield label, .bapform div.bapcheck label
{
    float:left;
	width: 280px;
	font-size:15px;
	padding-right:20px;
}

.bapform .bapcheck input 
{
    margin-top: 2px;
}

.bapform .bapcheck div.brands {float:right;width: 260px;}

.bapform .bapbutton 
{
    float: right;
	margin-top:15px;
}

.bapform .bapfield input
{
	height:20px;
	width:250px;
	font-size:15px;
}

.bapform .bapbutton input
{
	height:40px;
	width:100px;
	background-color:#8dc73f;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}

.bapform .bapfield select
{
    font-size: 15px;
	width:250px;
}

.rqfields 
{
    float: left;
    margin-top: 15px;
}

.rqfields p {line-height:40px;padding: 0;margin: 0;}

.bapform label.error {
    color: red;
}

.bapform label.error {
    color: red;
}

.bapfield .und-text 
{
	float:right;
	margin-right:10px;
	margin-top:2px;
	color:#666;
	font-size:13px;
}

.bapform #practitioner-details 
{
    display: none;
}
/*------------------- END ---------------------- */

/*------------------------- BRAND DESCRIPTION ------------------------------*/
/*
.hp-brand-boxes .row1col2 div.hp-brand-desc
{
	width:400px;
}

.hidden>div {
    display:none;
}

.visible>div {
    display:block;
}*/

/*----------------------- TO DISPLAY TEXT FOR CREDIT ACCOUNT -----------------*/
span#cont-txt 
{
    display: block;
	margin-top: 15px;
	float: left;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    width: 100%;
    color:#666;
}