/* main tags / general classes
============================== */

body {
	border-top: 0;
	height: 100%;
	margin: 0;
	background-color: #f2faff;
	/* text-align to center content in IE 5.5 */
	text-align: center;
}

.right { float:right; }

/*  core styles have been removed as they are applied by the core style sheet */

/* header
============================== */

#header {
	background: #fff;
	border-bottom: 1px solid #c9e0ee;
	height: 68px;
	margin: 0 20px 20px 20px;
	padding: 20px 0 0 0;
}

#site_name {
	float: right;
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

#header img {
	margin-left: 0;
	padding: 0;
}

#logo	{ float:left; }

#header #languagechoice {
	float:right;
	clear:both; 
	padding: 0 0 0 0;
	margin:5px 16px 0 0;
	position:absolute;
	top: 60px;
	margin-left: 637px;
/*	font-size:88%; */
	font-size:94%;
}

/* Container div
============================= */
#container {
	width: 760px;
	margin: 0 auto;
	border-left: 1px solid #c9e0ee;
	border-right: 1px solid #c9e0ee; 
	background: #fff;
	height: 100%;
	/* text-align left for IE 5.5 (see body style above) */
	text-align: left;
}

/* Main content div
============================= */

#maincontent {
	float: right;
	margin-top:0;
	margin-left: -1px;
	padding: 0 20px 0 20px;
	width: 598px; /* IE5.5 width */
	w\idth: 559px; /* IE6 & Moz correct width */
	background: #fff;
	border-left: 1px solid #c9e0ee;
}

/* hide from IE */
html>body>#container>#maincontent  {
	margin-bottom: 20px; 
}

/* Crumbtrail
============================= */

#crumb { font-size: 0.9em; margin:0; padding:0;}
#crumb ul { list-style:none; }
#crumb li { display:inline; }
#crumb a:link, #crumb a:visited { text-decoration:none; }
#crumb a:hover { text-decoration:underline; }

/* Left Nav
============================= */

#leftnav {
	width: 160px;
	float: left;
	padding:0;
	border: 0;
	margin:0;
	background: #fff;
	border-right: 1px solid #c9e0ee;
	border-bottom: 1px solid #fff;
}

#leftnav ul {
	border-top: 1px solid #c9e0ee; 
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-right: 0;
}

#leftnav li {
	border-left: 1px solid #c9e0ee;
	border-bottom: 1px solid #c9e0ee; 
	background: url(/common/images/bullets/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 3px 0 5px 15px;
	font-size: 0.9em;
	line-height: 115%;
	margin: 0;
}

#leftnav .noborder {
	border:none;
	background: url(/common/images/bullets/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left: 26px;
}

#leftnav .topborder {
	border-top: 1px solid #c9e0ee; 
}

#leftnav a,  #leftnav a:hover,  #leftnav a:visited {
	color: #333;
	text-decoration: none;
}

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

#leftnav .china_selected		{ background: #F8FFDA; }
#leftnav .about_bupa_selected	{ background: #DCF3F3; }
#leftnav .events_selected		{ background: #F4F4DE; }
#leftnav .team_selected			{ background: #FFF0D3; }
#leftnav .health_info_selected	{ background: #ECE6EE; }
#leftnav .about_bupa_selected 	{ background: #F8E4E3; }

#leftnav .contact_details {
	background-image:none;
 	background-color: #efefef;
	padding: 5px 5px 5px 3px;
	margin-left:0px;
	margin-top:0;
	margin-bottom:0;
	font-size: 0.9em;
	border-right: 0;
	border-left: 1px solid #c9e0ee;
	line-height:1.2em;
}

#leftnav #contact .padding2 { font-weight:bold; line-height:2em; }

#leftnav #contact .padding3 { line-height:3em; }

#leftnav .home { background-color: #f2fce3; }

/* footer
============================= */

#footer {
            padding-top: 5px;
            margin: 5px 20px;
            border-top: 1px solid #C9E0EE;
            clear: both;
            font-size: 0.9em;
}

#footer ul {
            list-style: none;
            text-align: right;
            margin: 0;
            padding: 0;
}
 
#footer ul li {
            display: inline;
}

#footer a, #footer a:visited {
            color: #09F;
            text-decoration: none;
            border-right: 1px solid #09f !important;
            padding: 0 7px 0 5px;
            margin: 0;
}

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

#footer a.nopipe {
            border-right: 0 !important;
}

/* boxes homepage 
============================== */


h2 a, h2 a:visited, h2 a:hover {
	color: #333333;
	text-decoration: underline;
}


.about_bupa {
	background-color: #F8E4E3;
	background-image: url(/common/images/corners/pink_corner.gif);
	border-right: solid 15px #fff;
	border-bottom: solid 15px #fff;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 5px;
	padding-top: 0;
	margin-top:5px;
}

.team h2, .events h2, .health_info h2, .about_bupa h2, .community h2  {
	padding: 5px 0 0 20px; 
	margin: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

.about_bupa h2 {
	background-image: url(/common/images/bullets/bullet_pink.gif);
}

.team h2 {
	background-image: url(/common/images/bullets/bullet_orange.gif);
}

.community h2 {
	background-image: url(/common/images/bullets/bullet_blue.gif);
}

.events h2 {
	background-image: url(/common/images/bullets/bullet_beige.gif);
}

.health_info h2 {
	background-image: url(/common/images/bullets/bullet_purple.gif);
}

.team h2 a, .health_info h2 a,  .green_box h2 a,  .events h2 a,  .brown_box h2 a, .about_bupa h2 a, .community h2 a {
	padding-left: 8px; 
	margin: 0;
	font-size:0.7em;
	color:#333333;
}

.team p, .health_info p, .green_box p, .events p, .brown_box p, .about_bupa p, .community p {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:5px;
	margin-top: 5px;
}

.action {
	margin-bottom: 10px;
	margin-top:0px;
	padding-top:0;
}

.team {
	background-color:#FFF0D3;
	background-image: url(/common/images/corners/orange_corner.gif);
	border-right: solid 15px #fff;
	border-bottom: solid 15px #fff;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 5px;
	padding-top: 0;
	margin-top:5px;
}

.events {
	background-color:#F4F4DE;
	background-image: url(/common/images/corners/beige_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:5px;
	padding-top:0;
	border-bottom: solid 15px #fff;
}

.events ul {
	margin:5px 0 0 26px;
	padding: 0 0 0 0;
}

.health_info {
	background-color:#ECE6EE;
	background-image: url(/common/images/corners/purple_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:5px;
	padding-top:0;
	border-bottom: solid 15px #fff;
}

.community {
	background-color: #DEEAF2;
	background-image: url(/common/images/corners/light_blue_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:5px;
	padding-top:0;
	border-bottom: solid 15px #fff;
}

/* highlight boxes
============================== */

.highlightbox_china {
	background-color: #F8FFDA;
	margin: 5px 0px 15px 0px;
	padding:0px 0px 10px 0px;
}

.highlightbox_china ul {
	margin: 15px 15px 0px 15px;
	padding:15px 15px 0px 15px;
}

.highlightbox_china ul li {
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}


/* other bits
============================== */

img {
	border:0;
}

.right {
	float: right;
}


.left {
	float: left;
}

.intro_para {margin-top:0;padding-top:0;}

.mainimg {
	float: right;
	padding:0 5px 8px 10px;
	margin:0;
}


.smalltext {font-size:0.9em;}

table.data {border-collapse:collapse;margin-top:20px; margin-bottom:5px;}
.data td {font-size:.9em; padding:3px 15px; border:1px solid #cccccc;}
.data th {font-size:.9em; padding:3px 15px;font-weight:bold;background:#e0edcc;}

hr {
	color: #c9e0ee;
	height: 1px;
	padding: 0;
	margin:0;
	border: 0;
	clear: right;
}

.clearfloats {
		display: block;
		clear: both;
		margin-top:5px;
	}
	
.error {
	color: #ff3333;
	}
	
/* used on some tds of forms to give space between chunks of text */

.toppadding  {
	padding-top: 15px;
	vertical-align:bottom;
}
	
.center {display:block; margin-left:auto; margin-right:auto;}

/* Tables
============================== */

tr {vertical-align:top;}

/* Next steps menu images

=============================================== */

div.nextsteps {
	background-color:#F2FCE3;
	padding: 1px 15px 15px 15px;
	clear: both;
	margin-top: 1em;
}

.nextsteps h2	{
	margin-top: .5em;
}

.nextsteps ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.nextsteps li {
	margin-left:0px;
	padding:3px 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.nextsteps li a, .nextsteps li a:hover, .nextsteps li a:visited {
/*	color:#55702D; */
	color:#333333;
	text-decoration:underline;

}

.nextsteps .search { /* magnify glass icon */
	background-image: url(/common/images/bullets/bullet_search.gif);
}

.nextsteps .info { /* i icon */
	background-image: url(/common/images/bullets/bullet_information.gif);
}

.nextsteps .email { /* letter icon */
	background-image: url(/common/images/bullets/bullet_email.gif);
}

.nextsteps .phone { /* phone icon */
	background-image: url(/common/images/bullets/bullet_phone.gif);
}

.nextsteps .download { /* phone icon */
	background-image: url(/common/images/bullets/bullet_download.gif);
}

.nextsteps .read { /* phone icon */
	background-image: url(/common/images/bullets/bullet_read.gif);
}


/* pdf lists
============================== */

.pdfs {
	list-style:none;
	font-size: 0.9em;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
.pdfs li {
	margin-left:0px;
	font-size: 1.1em;
	padding:3px 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-image: url(/common/images/icons/icn_pdf_sm.gif);
	}
	
.pdfs a:hover {text-decoration:underline;}
.pdfs a:visited, .pdfs a:link  {text-decoration:none;}

/* right column on factsheets list page */

#factsheetsrightcol	{
	width: 250px;
	float: right;
	text-align: right;
}

#factsheetsrightcol p	{
	margin-top: 2em;
}

#factsheetsleftcol	{
	width: 250px;
	float: left;
}

/* removes margin from lists that sit next to images */

ul.content	{
	margin-left: 1.2em;
}


#chinesehomepageintro	{
	width: 260px;
}

#chinesehomepageintro p	{
	margin-bottom: 2em;
}