/* 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;}

h1 {
	color: #0099FF;
	font-size: 200%;
	font-weight: normal;
	margin: -5px 0 10px 0;
}

/*  core styles have been removed as they are applied by the core style sheet */


/* Header
============================== */

#header {
	background: #fff;
	border-bottom: 0px solid #c9e0ee;
	height: 68px;
	margin: 0 20px 50px 20px;
	_margin: 0 20px 30px 20px; /* Targets IE 6 and below only */
	padding: 20px 0 0 0;
}

#site_name {
	float: right;
	margin-top:5px;
	margin-bottom:0;
	padding-bottom:0;
}

#header img {
	margin-left: 0;
	padding: 0;
}

#logo	{float:left;}

/* Container div
============================= */
#container {
	width: 995px;
	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: left;
	position:relative;
	margin: 0 0 0 0;
	padding: 0 20px 0 24px;
	width: 598px; /* IE5.5 width */
	w\idth: 556px; /* IE6 & Moz correct width */
	background: #FFF;
	border-top: 0px solid #C9E0EE;
}

/* hide from IE */
html>body>#container>#maincontent  {
	margin-bottom: 20px; 
}

/* Crumbtrail
============================= */

#maincontent  #crumb {
	font-size: 0.9em;
	margin: -35px 0 20px 0;
	padding: 0 0 0 0;
	position:relative;
}
#maincontent  #crumb ul {list-style:none;}
#maincontent  #crumb li { display:inline;background:none; }
#maincontent  #crumb a:link, #maincontent  #crumb a:visited { text-decoration:none; color:#333333; padding:0 0 0 0;}
#maincontent  #crumb a:hover { text-decoration:underline; padding:0 0 0 0; }

/* Left Nav
============================= */

h2#websitetitle {
	color: #0099FF;
	font-weight:bold;
	font-size:110%;
	border:none;
	margin: 0 0 5px 35px;
	text-decoration: none;
}

h2#websitetitle a {
	color: #0099FF;
	font-weight:bold;
	text-decoration: none;
}

h2#websitetitle a:hover {
	text-decoration: underline;
}

#leftnav {
	width: 190px;
	float: left;
	position:relative;
	padding: 0;
	border: 0;
	margin: 0;
	background: #FFF;
	border-right: 0px solid #c9e0ee;
	border-bottom: 1px solid #fff;
}

#leftnav ul {
	position:relative;
	border-top: 1px solid #c9e0ee; 
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-right: 1px solid #c9e0ee;
}

#leftnav li {
	border-left: 1px solid #c9e0ee;
	border-bottom: 1px solid #c9e0ee; 
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 3px 0 5px 15px;
	font-size: 0.9em;
	line-height: 115%;
	margin: 0;
}

#leftnav li.levelone {
	border-left: 1px solid #c9e0ee;
	border-bottom: 1px solid #c9e0ee; 
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left:26px;
}

#leftnav li.leveloneactive {
	border-left: 1px solid #c9e0ee;
	border-bottom: 1px solid #c9e0ee; 
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left:26px;
	font-weight: bold;
}

#leftnav li.leveltwo {
	padding-left: 44px;
	background-repeat: no-repeat;
	background-position: 15px 6px;
}

#leftnav li.leveltwoactive {
	padding-left: 44px;
	background:  url(leveltwoactive.gif);
	background-repeat: no-repeat;
	background-position: 28px 4px;
	font-weight: bold;
}

#leftnav .topborder {
	border-top: 0px solid #C9E0EE; 
}

#leftnav a, 
#leftnav a:hover, 
#leftnav a:visited {
	color: #333;
	text-decoration: none;
}

#leftnav a:hover{
	text-decoration: underline;
}

#leftnav .active {background-color: #E6F5FF;}

/* Facilities Finder
============================== */

#facilities_finder form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#facilities_finder form select {
	width:150px;
	margin: 0 0 0 0px;
	font-size:75%;
	*font-size: 90%; /* Targeting IE7, IE6 & IE5.5 */
	color: #333333;
}
#facilities_finder form input {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:75%;
	*font-size: 90%; /* Targeting IE7, IE6 & IE5.5 */
	color: #333333;
}
#facilities_finder label, #facilities_finder p, #facilities_finder form table {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#facilities_finder, #register {
	position:relative;
	border: 1px solid #C9E0EE;
	padding: 0px 0 5px 0px;
	margin:  20px 0 5px 20px;
}
#facilities_finder h2, #register h2 {
	background-color: #50B1F5;
}

#facilities_finder h2, #register h2 {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 100%;
	font-weight:bold;
	padding: 4px 0 4px 10px;
	margin: 0 0 0 0;
}

#register p {
	padding: 5px 0 3px 10px;
	margin: 0 0 0 0;
}

#register ul {
	list-style: none;
	margin-top: 0.5em;
	margin-left: 1em;
	padding: 0 0 0 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}
#register li  {
	background: url(blue_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding: 0 0 0 15px;
	margin: 0 0 0 0px;
}

#register li a  {
	color: #0099FF !important;
	line-height: 1.7em;
	text-decoration:none;
}


/* Members footer
============================= */
#membersfooter	{
	height: 127px; 
	padding-top: 0px;
	border-top: 0px solid #c9e0ee;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 10px;
	margin-top:0px;
	clear: both;
	background: url(img_footer_garden.gif);
	background-repeat: no-repeat;
}

#membersfooter p {
	margin: 105px 20px 0 0;
	color: #FFF;
	font-size: 0.9em;
	margin-right: 0;
}

#membersfooter a,#footer  a:hover,#footer a:visited {
	color:#FFF;
	text-decoration:none;
}


#membersfooter a:hover {
	text-decoration:underline;
}

/* footer
============================= */
#footer	{
	height: 50px; 
	padding-top: 10px;
	border-top: 1px solid #C9E0EE;
	margin-left: 20px;
	margin-right: 20px;
	margin-top:20px;
	clear: both;
}

#footer p {
	color: #0099FF;
	font-size: 0.9em;
	margin-right: 0;
}

#footer a,#footer  a:hover,#footer a:visited {
	color:#09F;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* Homepage boxes  
============================== */

img.curveadjustment {
	position:absolute;
	margin: -1px 0 0 -1px;
}

img.characters {
	float: right;
	position:relative;
	margin: 10px 0px 0px 0px;
	padding:0 0 0 0;
}

p.doubleimagefloat {
	float:right;
	margin:0 0 0 15px;
}
	
table#keycontent td {
	width:48%;
	margin: 0 0 0 0;
	padding: 5px 5px 10px 0;
	background-image: url(solution_small.gif);
	background-repeat: no-repeat;
	background-position: top left; 
	border-right: 1px solid #C9E0EE;
	border-bottom: 1px solid #C9E0EE;
	height: 180px;
}

table#keycontent td.space {
	width:2%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:none;
	border:0;
	height: 5px;
}

table#keycontent td h2 {
	padding: 3px 0 3px 10px;
	margin: 0px 0px 0px 0px;
}

table#keycontent td h2 a {
	color: #0099FF !important;
	text-decoration:none;
	font-size: 160%;
	font-weight:normal;
}

table#keycontent td h2 a:hover {
	text-decoration:underline;
}

table#keycontent td ul {
	list-style: none;
	margin-top: 0.5em;
	margin-left: 1em;
	padding: 0 0 10px 0px;

}
table#keycontent td li {
	background: url(blue_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding: 0 0 0 15px;
}

table#keycontent td li.more {
	margin: 10px 0 0 0;
}

table#keycontent td li a {
	color: #0099FF;
	line-height: 1.7em;
	margin: 0 0 0 0px;
	text-decoration:none;
}

table#keycontent td li a:hover {
	text-decoration:underline;
}

#maincontent .process {
	margin: 0 0 0 0;
	padding: 5px 5px 10px 0;
	background-image: url(solution.gif);
	background-repeat: no-repeat;
	background-position: top left; 
	border-right: 1px solid #C9E0EE;
	border-bottom: 1px solid #C9E0EE;

}

 #maincontent .process h3 {
	padding: 8px 0 3px 10px;
	margin: 0px 0px 0px 0px;
}

#maincontent .process ul {
	list-style: none;
	margin-top: 0.5em;
	margin-left: 1em;
	padding: 0 0 10px 0px;
	text-align:left;
}

#maincontent .process li {
	background: url(blue_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	line-height: 1.7em;
	padding: 0 0 0 15px;
	margin: 0 0 0 0px;
	text-decoration:none;
}

 #maincontent .process p {
 	padding: 0 0 0 15px;
	margin: 0 0 10px 0px;
	text-align:left;
 }
 
#maincontent ul {
	list-style-type: square;
	margin: 0.5em 0 0 14px;
	padding: 0 0 0 0px;
}

#maincontent ul.linklist {
	list-style: none;
	margin: 0.5em 0 0 0px;
	padding: 0 0 0 0px;
}

#maincontent ul li {
	line-height: 1.7em;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	text-decoration: none;
	background: none;
	position:relative;
}

#maincontent ul.linklist li {
	line-height: 1.7em;
	padding: 0 0 0 18px;
	margin: 0 0 0 0px;
	text-decoration: none;
	background: url(blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#maincontent li a {
	color: #0099FF;
	line-height: 1.7em;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	text-decoration: none;
}

#maincontent li a:hover, #maincontent p a:hover {
	text-decoration: underline;
}

#maincontent p.jumptotop, #maincontent p.backtonews {
	text-align:right;
	padding: 0 0 0 18px;
	margin: 0 0 0 0px;
	text-decoration: none;
	background: url(blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 480px 4px;
}

#maincontent p.backtonews {
	background-position: 410px 4px;
}

#maincontent p.jumptotop a, #maincontent p.backtonews a {
	color: #0099FF;
	line-height: 1.7em;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	text-decoration: none;
}

#maincontent p.bullet {
	padding: 0 0 0px 18px;
	margin: 0 0 0 0px;
	text-decoration: none;
	background: url(blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#maincontent p.bullet a {
	color: #0099FF;
	line-height: 1.7em;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	text-decoration: none;
}

#maincontent p.bullet a:hover {
	text-decoration: underline;
}

#maincontent .process p.bullet {
	margin: 0 0 0 15px;
}

h2.special  {
	color:#0099FF;
	font-size:150%;
	margin-top:10px;
	font-weight:normal;
}

td h2.special {
	margin-top:0px;
}

#maincontent a {
	color: #0099FF;
	text-decoration:none;
}

#maincontent a:hover {
	color: #0099FF;
	text-decoration:underline;
}

/* Promoboxes
============================== */

#promoboxes {
	float: left; 
	position: relative;
	margin: -33px 0 0 -1px;
	padding: 0 18px 0 0px;
	_padding: 0 14px 0 0px; /* Targets IE 6 and below only */
	width: 185px;
	background: #FFF;
}

#promoboxes div {
	width: 185px;
	position: relative;
	border: 1px solid #C9E0EE;
	margin: 10px 0px 10px 0px;
	padding: 0 0 0 0;
}

#promoboxes div h2 {
	margin: 0 0 10px 0;
	padding: 4px 0px 4px 10px;
	background-color: #50B1F5;
}

#promoboxes div h2 a {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 70%;
	font-weight:bold;
}

#promoboxes div h2 a:hover {
	text-decoration:underline;
}

#promoboxes div ul {
	list-style: none;
	margin: 0.5em 0 0.5em 1em;
	padding: 0 0 0 0;
	border: 1px solid #FFF;
	position:relative;
}

#promoboxes div ul li {
	background: url(blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
}

#promoboxes div ul li a {
	color: #0099FF;
	line-height: 1.7em;
	padding: 0 0 0 0;
	margin: 0 0 0 0px;
	text-decoration:none;
	font-size: 90%;
}

#promoboxes div ul li a:hover {
	text-decoration:underline;
}

#promoboxes div p.special {
	text-align:center;
}

#promoboxes div p.special strong {
	font-size: 150%;
}

/* other bits
============================== */

img {
	border:0;
}

.right {
	float: right;
}

.left {
	float: left;
}

.intro_para {margin-top:0;padding-top: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;
	background-color: #C9E0EE;
	height: 1px;
	padding: 0 0 0 0;
	margin: 10px 0 10px 0;
	border: 0;
	clear: right;
}

.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;}

table { margin: 10px 0 10px 0; }

p { margin: 10px 0 10px 0; }

/* Members Offers
============================== */

table#offers {
	width:100%;
	margin-top: 10px;
}

table#offers th {
	background-color: #FFF;
	font-weight:bold;
}

table#offers td.bupaprice {
	background-color: #D0E3F2;
	font-weight:bold;
} 

table#offers td, table#offers th {
	border-bottom: 1px solid #D0E3F2;
}


/* Sitemap
============================== */

ul#sitemap { margin:0; padding:0; }
ul#sitemap ul { margin:0 0 0 0; padding:0 0 0 15px; }
ul#sitemap ul ul { margin:0 0 0 0; padding:0 0 0 30px; }
ul#sitemap li { list-style: none; }
ul#sitemap li li {
	background: url(blue_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	position:relative;
}

ul#sitemap li li li {
	list-style: square;
	background:none;
}

ul#sitemap li a {
	color: #0099FF;
	font-weight:bold;
	font-size:140%;
}

ul#sitemap li li a {
	font-weight:bold;
	color: #0099FF;
	font-size:110%;
	margin: 0 0 0 16px;
}

ul#sitemap li li li a {
	font-weight:normal;
	color: #0099FF;
	font-size:100%;
	margin: 0 0 0 0px;
}

img.familygraphic, img.offersgraphic {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	float:right;
}

img.familymessage {
	margin: 6px 0 8px 0;
	padding: 0 0 0 0;
}

h2.offersjavascriptbug {
	margin-bottom:0 !important;
}
.pdf_box{
	border: 1px solid #50B1F5;
	padding: 0px 10px;
	line-height: 1em;
	padding-right: 55px;
	background-color: #E6F5FF;
	background-image: url(pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
.termandconbox{
	border: 1px solid #50B1F5;
	padding: 10px;
	line-height: 1em;
	text-align: left;
	

}
.orderbymainbox {
	background-color: #E6F5FF;
	width: 530px;
	padding: 5px;
		border: 1px solid #C9E0EE;
}
.box1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 95%;
	font-weight: bold;
	color: #50B1F5;
	height: auto;
	display: inline;
	margin-right: 5px;
}
.box2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
margin-right: 20px;
	float: left;
	height: auto;
		display: inline;
	
}
.pagecountbox {
background-color: #E6F5FF;
	height: 20px;
	width: 535px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 10px;
	color: #FFFFFF;
	border: 1px solid #C9E0EE;
	font-size: 120%;
	font-weight: bold;
	color: #50B1F5;
}
