html
	{background:#fff url("/wellnessprogramme/common/images/pageBg.png") 0 0 repeat-x;}

body
	{color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:76%;}

#bupaContent
	{width:940px;
	margin:0 auto;}

h1
	{font-size:2em;
	line-height:1.1;
	margin:0 0 10px;}

h2
	{font-size:1.5em;
	font-weight:normal;
	line-height:1.35;
	margin-bottom:10px;
	clear:both;}

h3
	{font-size:1.2em;
	line-height:1.35;
	margin-bottom:10px;}

p
	{line-height:1.35;
	margin:0 0 15px;}

a
	{color:#1e4c79;
	text-decoration:none;}

a:hover
	{text-decoration:underline;}

li
	{margin:5px 0;}

sup
	{font-size:0.65em;}

/*--------------------------------------------------- skiplink and home */

a#skiplink
	{position:absolute;
	top:0;
	left:9px;
	z-index:1000;
	display:block;
	width:100px;
	text-indent:-9999px;
	font-size:0.9em;
	text-decoration:none;
	padding:3px 5px 3px 17px;}

a#skiplink:focus,
a#skiplink:active
	{text-indent:0;
	background:#fff url("/wellnessprogramme/common/images/icons/iconsArrows.png") -3px -255px no-repeat;
	color:#1e4c79;
	outline:0;
	border:1px solid #d9d9d9;}

a#home
	{position:absolute;
	top:15px;
	left:10px;
	z-index:100;
	display:block;
	text-indent:-99999px;
	height:90px;
	width:190px;}

/*--------------------------------------------------- header */

#bupaHeader
	{position:relative;
	min-height:120px;
	background:url("/wellnessprogramme/common/images/header/hdrBg.png") 0 0 no-repeat;
	padding-top:15px;}

#bupaHeader ul,
#bupaHeader ul li
	{float:left;}

#bupaHeader ul li
	{margin:0;}

#bupaHeader ul li a:hover
	{text-decoration:none;}

/*-----------------generic links menu*/

ul#genLinks
	{margin-left:200px;}

ul#internalLinks
	{float:right;}

ul#genLinks li,
ul#internalLinks li
	{font-size:11px;
	padding:0 6px;
	border-right:1px solid #ddd;
	margin-top:-5px;}

ul#genLinks li.last,
ul#internalLinks li.last
	{border:0;}

ul#genLinks li a,
ul#internalLinks li a
	{color:#036;}

ul#genLinks li a:hover,
ul#internalLinks li a:hover
	{color:#09f;}

/*----------------- sections top nav menu*/

ul#topNav			/* -positioned off #bupaheader */
	{position:absolute;
	top:34px;
	right:0px;
	min-width:730px;
	height:60px;}

ul#topNav li
	{float:left;
	width:105px;
	height:52px;
	background:url("/wellnessprogramme/common/images/header/topNavDivider.png") 100% 50% no-repeat;
	text-align:center;
	padding-top:8px;}

body#section_home ul#topNav li#home,
body#section_on_health ul#topNav li#on_health,
body#section_mng_health ul#topNav li#mng_health
	{background:url("/wellnessprogramme/common/images/header/topNavBg.png") 100% 100% no-repeat;} /*---- current page*/

ul#topNav li:hover
	{background:url("/wellnessprogramme/common/images/header/topNavBg.png") 0 -60px no-repeat;}

ul#topNav li a
	{display:block;
	width:70px;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	font-size:12px;
	line-height:1.2;
	margin:5px auto 0;}

/*---------------------------------------------------------------------------- extra options*/

#bupaHeader div#extraOptions
	{position:absolute;
	top:103px;
	left:32px;
	width:704px;}

body.globalHome div#bupaHeader div#extraOptions
	{left:32px;
	width:704px;}

#bupaHeader div#extraOptions span
	{float:left;
	display:block;
	height:23px;
	background:url("/wellnessprogramme/common/images/header/miniButton.png") 0 0 no-repeat;
	margin-right:5px;}

#bupaHeader div#extraOptions > span:hover
	{background:url("/wellnessprogramme/common/images/header/miniButton.png") 0 -24px no-repeat;}

#bupaHeader div#extraOptions a,
#bupaHeader div#extraOptions p
	{float:left;
	line-height:20px;
	font-size:0.9em;}

#bupaHeader div#extraOptions a:hover
	{color:#09f;
	text-decoration:none;}

#bupaHeader div#extraOptions span a.miniButton
	{min-width:50px;
	background:url("/wellnessprogramme/common/images/header/miniButton.png") 100% 0 no-repeat;
	padding:0 25px 3px 0;
	margin-left:10px;}

#bupaHeader div#extraOptions span > a.miniButton:hover
	{background:url("/wellnessprogramme/common/images/header/miniButton.png") 100% -24px no-repeat;}

/* Country indicator */

#bupaHeader div#extraOptions ul#countryIndicator
	{width:173px;
	color:#666;}

#bupaHeader div#extraOptions ul#countryIndicator li
	{float:left;
	line-height:20px;}

#bupaHeader div#extraOptions ul#countryIndicator li.first
	{font-size:0.9em;
	line-height:1;
	padding-right:7px;
	border-right:1px solid #ddd;
	margin:0.4em 7px 0 0;}

#bupaHeader div#extraOptions ul#countryIndicator li a:hover
	{color:#1e4c79;
	text-decoration:underline;}

/*--------------------------------------------------- left nav universal */

#sub_nav
	{float:left;
	width:220px;
	min-height:230px;
	background:url("/wellnessprogramme/common/images/sub_nav/subNav.png") 10px 0 no-repeat;
	padding-top:2px;
	border-right:1px solid #dbe0e9;
	margin:20px 18px 0 0;}

#sub_nav li
	{width:221px;
	background:url("/wellnessprogramme/common/images/sub_nav/navItems.png") 0 0 no-repeat;
	margin:-5px -1px 0 0;}

#sub_nav .open,
#sub_nav .current,
#sub_nav .current ul,
#sub_nav .parent
	{display:block;
	width:220px;
	border:0;}

#sub_nav #section
	{background:none;
	width:220px;
	min-height:0;
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0 15px 10px;
	border:0;
	margin:0;}

#sub_nav #section a
	{background:none;
	padding:0;}

#sub_nav #section a:hover
	{color:#333;}

#sub_nav .current ul
	{margin-top:6px;}

#sub_nav li a
	{display:block;
	background:url("/wellnessprogramme/common/images/sub_nav/navArrows.png") 10px 50% no-repeat;
	color:#333;
	line-height:1.2;}

#sub_nav li a:hover,
#sub_nav .current ul li a:hover
	{color:#fff;
	text-decoration:none;}

#sub_nav .current a:hover
	{color:#333;}

/*---------------------------------------------------- level two*/

#sub_nav > li,
#sub_nav > li.parent:hover
	{background-position:0 0;
	font-size:1.1em;
	border-bottom:1px solid #a4a4a4;}

#sub_nav > li.parent:hover
	{border:0;}

#sub_nav > li.current,
#sub_nav > li.current:hover
	{background-position:-508px 0;
	min-height:45px;}

#sub_nav > li:hover
	{background-position:-256px 0;}

#sub_nav > li > a
	{background-position:10px 50%;
	font-weight:bold;
	padding:10px 30px 10px 20px;}

#sub_nav > li > a:hover
	{background-position:-219px 50%;}

#sub_nav > li.current > a
	{background-position:10px 1em;
	padding:12px 30px 8px 20px;}

#sub_nav > li.current > a:hover
	{background-position:10px 1em;}

#sub_nav > li.parent > a,
#sub_nav > li.parent > a:hover
	{background-position:-442px 50%;
	color:#333;}

/*---------------------------------------------------- level three*/

#sub_nav > li > ul > li
	{background-position:-769px 0;
	font-size:1em;
	border:0;}

#sub_nav > li > ul > li.current,
#sub_nav > li > ul > li.current:hover
	{width:230px;
	/*background-position:-1024px 0;*/}

#sub_nav > li > ul > li:hover
	{background-position:-256px 0;}

#sub_nav > li > ul > li a,
#sub_nav > li > ul > li.current a:hover
	{background-position:-688px 50%;
	padding:10px 0 10px 30px;}

#sub_nav > li > ul > li a:hover
	{background-position:-925px 50%;}

#sub_nav li.last {
border-bottom:1px solid #ccc;
	
/*--------------------------------------------------- main content */

#bupaMainContent
	{float:right;}

/*---------------- forms */

form input.text,
form select,
form textarea
	{color:#333;
	padding:1px 2px 3px 2px;
	border:0;
	border-top:2px solid #eee;
	border-left:2px solid #eee;
	outline:1px solid #aaa;}

form textarea
	{font-family:Arial,Helvetica,sans-serif;}

form input.text:focus,
form input.text:active,
form select:focus,
form select:active,
form textarea:focus,
form textarea:active
	{background:#efefef;
	border:0;
	border-top:2px solid #eee;
	border-left:2px solid #eee;
	outline:1px solid #aaa;}

/*---------------- submit button */

form label.button
	{min-width:100px;
	background:url("/wellnessprogramme/common/images/submit.png") 0 0 no-repeat;
	padding:0 0 0 5px;
	margin:0;}

form label.button,
form input.submit
	{float:left;}

form label.button:hover
	{background:url("/wellnessprogramme/common/images/submit.png") 0 100% no-repeat;}

form input.submit
	{display:block;
	min-width:100px;
	height:41px;
	background:url("/wellnessprogramme/common/images/submit.png") 100% 0 no-repeat;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	border:0;
	padding:0 30px 5px 0;
	margin:0;}

form input.submit:hover
	{background:url("/wellnessprogramme/common/images/submit.png") 100% 100% no-repeat;}

/*--------------------------------------------------- footer */

div#bupaFooter
	{clear:both;
	background:#175388 url("/wellnessprogramme/common/images/footer/footerTop.png") 0 0 repeat-x;
	margin:20px 0 0;}

div#bupaFooter h4
	{font-size:12px;}

div#bupaFooter,
div#bupaFooter a
	{color:#fff;}

div#bupaFooter ul#footerMain
	{position:relative;
	width:940px;
	overflow:auto;
	margin:0 auto;}

div.ftrThin
	{min-height:82px;}

div.ftrThin ul li
	{float:left;
	width:140px;
	background:url("/wellnessprogramme/common/images/icons/iconsArrows.png") -8px -255px no-repeat;
	line-height:1.4;
	padding-left:12px;
	margin:8px 0 0;}

div.ftrThin ul li#copyright
	{float:right;
	width:95px;
	text-align:right;}
