/*  
    Easy Health Website 
	CE / Parallel56  
	09 Feb 2006
*/

@media screen {
	.hidden {
		display: none;	
	}
}

body {
	font: 90%/1.25em Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

img {
	border:none;
}
p {
	margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1 {
	font-size:170%;
	margin:0 0 .5em 0;
}

a {}
a:visited {}
a:hover {}

ul.navigation {
	margin:0;
	padding:0;
	list-style:none;
}


/* Layout */

#easyhealth {
	width:54em;	
	margin:0 auto;
	text-align:left;		
}

div#page {		
	padding:2em;
}

div.header {
	padding-bottom:4em;
}

div#footer {
	margin:4em 0 0 0;
	padding:1em 0 3em 0;
}
div#footer ul.navigation li, ul.header li {
	float:left;
	display:inline;
	padding:0 .75em 0 .75em;
	font-size:85%;
}
div#footer ul.navigation li.firstnode, ul.header li.firstnode {padding-left:0;}
div#footer ul.navigation li.lastnode, ul.header li.lastnode {border-right:none;}

div#footer ul.navigation li a, ul.header li a {
	text-decoration:none;	
}
div#footer ul.navigation li a:hover, ul.header li a:hover {color:#ACCBE2; text-decoration: underline;}
div#footer ul.navigation li.current a, ul.header li.current a {color:#3E87BB;font-weight: bold;}


img.mainLogo {float:left;}
ul.header {
	float:right;
	margin-top:-1em;
}
ul.header li {border:none;padding-right:.25em;padding-left:0;}
ul.header li a {padding:9px 35px 9px 0;}
* html ul.header li a {position:relative;}
ul.header li.firstnode a {padding-right:0;}

div.mainContent {
	float:left;
	width:100%;
}
div.sideContent {
	float:left;
	width:25%;
	margin-right:4%;
}


/* IE's strange inability to select items by class when added thru Javascript/DOM manipulation... */
* html div.featuresWrapper div#feature1TopLeft,
* html div.featuresWrapper div#feature1TopRight,
* html div.featuresWrapper div#feature1BottomLeft,
* html div.featuresWrapper div#feature1BottomRight, 
* html div.featuresWrapper div#feature2TopLeft,
* html div.featuresWrapper div#feature2TopRight,
* html div.featuresWrapper div#feature2BottomLeft,
* html div.featuresWrapper div#feature2BottomRight, 
* html div.featuresWrapper div#feature3TopLeft,
* html div.featuresWrapper div#feature3TopRight,
* html div.featuresWrapper div#feature3BottomLeft,
* html div.featuresWrapper div#feature3BottomRight, 
* html div.featuresWrapper div#feature4TopLeft,
* html div.featuresWrapper div#feature4TopRight,
* html div.featuresWrapper div#feature4BottomLeft,
* html div.featuresWrapper div#feature4BottomRight, 
* html div.featuresWrapper div#feature5TopLeft,
* html div.featuresWrapper div#feature5TopRight,
* html div.featuresWrapper div#feature5BottomLeft,
* html div.featuresWrapper div#feature5BottomRight, 
* html div.featuresWrapper div#feature6TopLeft,
* html div.featuresWrapper div#feature6TopRight,
* html div.featuresWrapper div#feature6BottomLeft,
* html div.featuresWrapper div#feature6BottomRight {height: 14em;}

* html div.primaryNavigation div#feature1TopLeft,
* html div.primaryNavigation div#feature1TopRight,
* html div.primaryNavigation div#feature1BottomLeft,
* html div.primaryNavigation div#feature1BottomRight, 
* html div.primaryNavigation div#feature2TopLeft,
* html div.primaryNavigation div#feature2TopRight,
* html div.primaryNavigation div#feature2BottomLeft,
* html div.primaryNavigation div#feature2BottomRight, 
* html div.primaryNavigation div#feature3TopLeft,
* html div.primaryNavigation div#feature3TopRight,
* html div.primaryNavigation div#feature3BottomLeft,
* html div.primaryNavigation div#feature3BottomRight, 
* html div.primaryNavigation div#feature4TopLeft,
* html div.primaryNavigation div#feature4TopRight,
* html div.primaryNavigation div#feature4BottomLeft,
* html div.primaryNavigation div#feature4BottomRight, 
* html div.primaryNavigation div#feature5TopLeft,
* html div.primaryNavigation div#feature5TopRight,
* html div.primaryNavigation div#feature5BottomLeft,
* html div.primaryNavigation div#feature5BottomRight, 
* html div.primaryNavigation div#feature6TopLeft,
* html div.primaryNavigation div#feature6TopRight,
* html div.primaryNavigation div#feature6BottomLeft,
* html div.primaryNavigation div#feature6BottomRight {height: 8em;}
/* Thanks IE! */


#pageBody img{
	float:left;
	margin: 1.3em 10px 5px 0;
}

/**********************  Listing Navigation  ******************/
div#tabCollection ul#tabOptions {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#tabCollection.jsIsOn ul#tabOptions {
	border-bottom-width: 0.75em;
	border-bottom-style: solid;
	padding: 0.5em;
	padding-left: 0;
	font-size: 90%;
}

div#tabCollection ul#tabOptions li {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0.35em;
	padding-left: 10px;
}

div#tabCollection.jsIsOn ul#tabOptions li {
	display: inline;
	margin-right: 0.25em;
	background-color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div#tabCollection.jsIsOn ul#tabOptions li.current {
	/*  I want to put this on, but it causes style issues in IE - sorry users of javascript with images
		turned off :( 
	background-color: #1A206D;*/
}

div#tabCollection.jsIsOn ul#tabOptions li a {
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0.5em 1.5em 0.5em 1em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

div#tabCollection.jsIsOn div.tabbable p { margin: 1em 0 0 0; }
div#tabCollection.jsIsOn div.tabbable p.heading { margin-top: 0; }


div.featuresWrapper, div.primaryNavigation {
	margin-bottom:2em;
}

div.primaryNavigation {
	margin:0 0 1em 0;
}

/******************** TABS **********************/

    #tabs {
      clear: both;
      min-height: 35px;
      width:90%;
      background:#F2F4FF;
      font-size:93%;
      line-height:normal;
      }
      html>body #tabs
      {
		height: auto;}
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

/********************   Search Functions *******************/
div.searchForm{
	text-align:left;
}
#headerSearch {	
	margin:0;
	padding:0;
	position:relative;
	top:40px;
	left:-210px;
	width: 270px;
	text-align:left;
}

#headerSearch legend{
	display:none;
}

#headerSearch .row,
#headerSearch .submitrow{
	float:left;
	margin-right:3px;
}

#headerSearch .submitrow{
	font-weight:bold;
}

#headerSearch .row{
	width:178px;
}

#headerSearch input
{
	width:108px;
}

#headerSearch .submitrow,
#headerSearch .submitrow input{
	float:left;
	width:40px;
}

#headerSearch label,
#headerSearch .formElement{
	display:block;
	float:left;
	width:50px;
}

div.searchResultRow{
	width:645px;
	background-color:#EEF0FD;
	border:1px #C7C7C7 solid;
	margin-bottom: 12px;
	padding: 9px 22px 25px 22px;
	position:relative;
}

div.searchResultRow a{
	position:absolute;
	right:22px;
	top: 10px;
}

div.searchResultRow .button{
	float:right;
	display:block;
	clear:right;
	padding:0;
	margin:0;
}

/********************   END: Search Functions *******************/

div.feature h2 {font-size:100%;padding:.75em;margin:0;}
div.feature p {padding:.75em;margin:0;}

div.feature a {
	text-decoration:none;
	display:block;
}

div.feature a:hover {text-decoration: underline;}

div.feature {position:relative;}
div.feature .soundicon {
	position:absolute;
	right:.5em;
	bottom:.5em;
}



div.featuresWrapper div.feature, div.featuresWrapper div.featurecorner {
	min-height:14em;
}
* html div.featuresWrapper div.feature {height:14em;}

div.featuresWrapper div.feature h2 {min-height:2.75em;padding:.5em .75em 0 .75em;margin-bottom:0;}
* html div.featuresWrapper div.feature h2 {height:2.75em;}


div.feature div.imgViewPort {
	width:90%;
	height:5em;
	overflow:hidden;
	text-align:center;	
	margin-left:5%;
}
div.feature div.imgViewPort img {
	
}

div.primaryNavigation  div.feature, div.primaryNavigation  div.featurecorner {
	min-height:8em;
}
* html div.primaryNavigation  div.feature {height:8em;}

div.primaryNavigation  div.feature h2 {min-height:4em;padding:.25em .5em 0 .5em;margin-bottom:0;}
* html div.primaryNavigation  div.feature h2 {height:4em;}


div.primaryNavigation div.feature div.imgViewPort {
	height:2.5em;
}
div.primaryNavigation div.feature div.imgViewPort img {
	
}

div.primaryNavigation div.feature {
	float: left;
	width: 16%;
	margin-right:.33em;
	display:inline;	
}
div.primaryNavigation div#feature6 {
	margin-right:0;	
}

div.block1 {
	float: left;
	width: 30%;
	margin-right:4.75%;	
}

div.block2 {
	float: left;
	width: 30%;
	margin-right:4.75%;	
}
div.block3 {
	float: left;
	width: 30%;	
}


/* A-Z links */

div#browseAZ {width:83%;}

div#browseAZ ul.azLinks {
	margin:0;
	padding:0;
	list-style:none;
}
div#browseAZ ul.azLinks li {
	display:inline;
	float:left;	
	margin:.25em 0 0 .25em;	
	text-align:center;
}
div#browseAZ ul.azLinks li a {
	display:block;
	width:1.25em;
	height:1.25em;
	padding:.25em;
	text-decoration:none;
}


div#browseAZ ul.azLinks li.midway {
	clear:left;
}

div.browseHeading {
	padding-bottom:.833em;
	margin: 3em 0 1em 0;
}

div.browseHeading h2{
	font-size:170%;
	padding:.3em .5em .3em .5em;
	display:inline;
}

/* Listing Items */
div.listingItem {
	margin:0 0 1em 0;
}
div.listingItem p.info {float:left;margin:0;width:87.75%;}
div.listingItem p.heading {font-size:130%;}
div.listingItem p *
{	
	position:relative;	
}
div.pageItem p * {	
	vertical-align:middle;
	margin: .5em 1em .5em .5em;
}

div.listingItem p img.go {position:absolute;top:0;right:0;width: 50px;height: 50px;}

div.listingItem p a {
	margin: 0;
	text-decoration:none;
	display:block;
	width:100%;
	color: #000;
}

div.listingItem p img {width:75px;height:75px;}

div.listingItem div.mp3Player {
	text-align: right;
	margin-top: 1.25em;
	margin-right: 0.65em;
}

div.listingItem span.block {
	width:22em;
	display:block;
	color: #000;
	font-weight: normal;
}

div.listingItem span {
	color: #E11300;
	font-weight: bold;
}
/*div.mp3Player {
	margin-right: 1.15em;
	text-align: right;
}*/
/*
div.mp3Relative{
	position: relative;
	float: right;
}

div.mp3Relativehome div.mp3PlayerPage {
	top: -0.2em;
}

div.mp3PlayerPage {
	position: absolute;
	top: -1em;
	right: 0;
}*/

*:first-child+html {} * html {} div.mp3Heading {padding-bottom: 1em;}
html>/**/body div.mp3Heading {padding-bottom: 0;}

div.mp3Heading h1,
div.mp3Heading div,
div.mp3Relativehome p,
div.mp3Relativehome div {
	float: left;
}

div.mp3Relativehome div.mp3Relative {
	position: relative;
}

div.mp3Relativehome div.mp3Relative div.mp3PlayerPage {
	position: absolute;
	top: -.5em;
	right: -2em;
}

div.mp3Heading h1,
div.mp3Relativehome p {
	margin-right: 10px;
}

p.listingSound {
	width:12%;
	float:right;
	text-align:center;
	margin:0;
}
div.listingItem p.listingSound img {margin:.5em 0 .5em 0;}


div.listingItem.details p.info {width:84.75%;}
div.listingItem.details p a {padding:.5em;}
div.listingItem.details p img {height:auto;}
div.listingItem.details p img.go {margin: .5em 1em .5em .5em;}

div.listingItem.details img.itemImage {margin: .5em 0 .5em .5em;float:left;}
div.listingItem.details p.image {float:left;/*width:72.5%;*/width: 65%;}
* html div.listingItem.details p.image {margin-bottom:1.5em;}

/* Side content nav */
div.sideContent h2 {
	font-size:100%;	
	padding: 0 0 .5em .5em;	
}

div.sideContent ul.navigation li {
	padding:.5em 0 .5em .5em;
}

div.sideContent ul.navigation li a {text-decoration:none;}
div.sideContent ul.navigation li a:hover {text-decoration:none;}
div.sideContent ul.navigation li.current a {font-weight:bold;}

div.sideContent ul.navigation li.current ul.subnav li a {font-weight:normal;}

div.sideContent ul.navigation li ul.subnav {
	margin:.5em 0 0 0;
	border:none;	
}

div.sideContent ul.navigation li ul.subnav li {
	border:none;
	padding:0 0 .5em 1.5em;
	background-position: 2px .5em;
}

div.sideContent ul.navigation li ul.subnav li.lastnode {padding-bottom:0;}
div.sideContent ul.navigation li ul.subnav li a:hover {text-decoration:none;}


/* Back link */

div.backLink {position: relative;}

div.backLink a {
	text-decoration:none;
	padding:.5em 0 .5em 38px;
	margin:1.5em 0 0 0;
	display:block;
	position: relative;
	width:65px;
}

div.topLink a {
	text-decoration:none;
	padding:.5em 0 .5em 38px;
	margin:0;
	display:block;
}


/* Site map items */

div.sitemapitem, div#usefulpages {
	float: left;
	width: 24%;
	margin:0 1.25% 0 0;
	padding-bottom: 2em;
	height:12em;
	min-height:12em;
}

div.sitemapblock {margin-bottom:2em;}

div.sitemapblock ul.header li.no2 a,
div.sitemapblock ul.header li.no3 a,
div.sitemapblock ul.header li.no4 a {background: none;}

div.sitemapblock ul.header li {
	background: transparent url(../../images/header_li.gif) no-repeat 100% 65%;
	margin-right: 0;
	padding-right: 0;
}

div.sitemapblock ul.header li.lastnode {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

div.sitemapitem, div#usefulpages {
	float: left;
	width: 24%;
	margin:0 1.25% 0 0;
	padding-bottom: 2em;
	height:12em;
	min-height:12em;
}
html>body div.sitemapitem { height: auto; }
html>body div#usefulpages { height: auto; }

div.noMargin {
	margin:0;
}

div.sitemapitem ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.sitemapitem ul li {
	font-size: 100%;
	font-weight:bold;
}

div#usefulpages p.heading{
	font-size: 100%;
	font-weight:bold;
	margin-top: .5em;
	margin-bottom: .75em;
	padding: 0 0 .5em 0;
}

div#usefulpages ul li {
	background-position: .25em .75em;
	padding-left:1em;
}

div#usefulpages ul li a:link,
div#usefulpages ul li a:active,
div#usefulpages ul li a:visited {
	padding: .25em 0;
	display: block;
	width: 100%;
}
html>body div#usefulpages ul li a { width: auto; }


div.sitemapitem ul li a:link,
div.sitemapitem ul li a:active,
div.sitemapitem ul li a:visited {
	display: block;
	width: 100%;
	margin-top: .5em;
	margin-bottom: .75em;
	padding: 0 0 .5em 0;
}
html>body div.sitemapitem ul li a { width: auto; }

div.sitemapitem ul li ul li a:link,
div.sitemapitem ul li ul li a:active,
div.sitemapitem ul li ul li a:visited {
	font-weight:normal;
	border-bottom: 0;
	padding: 0;
	margin: 0;
}

div.sitemapitem ul li ul li {
	border-bottom: 0;
	padding: .25em 0 .25em 1em;
	margin: 0;
	background-position: .25em .75em;
}

div.sitemapitem ul li ul li ul li {
	font-size: 100%;
	padding-left: 1em;
	background: transparent url(../images/sm_li_a_bg.gif) no-repeat left top;
	background-position: .25em .75em;
}

div.sitemapitem a, div#usefulpages a {text-decoration:none;}
div.sitemapitem a:hover, div#usefulpages a:hover {text-decoration:underline;}

div#accessOptions div.colourItem div.squeezer {margin: 0 0.2em;}


/*	Change colours	*/
div#accessOptions div.colourItem {padding-right: 0.1em;}
div#accessOptions div.colourItem a,
div#accessOptions div.sizeItem a  {
	margin: 0 .75em 0 0;
	float: left;
	text-align: center;
	text-decoration: none;
	padding: 1em 0.1em 0.75em 0.1em;
	height: 3em;
	width: 22%;
	border:1px solid #666;
	color: #000;
}

div#accessOptions div.top a {
	margin: 2em .75em 0 0;
}
div#accessOptions div.norightmargin a{margin-right: 0;}

div#accessOptions div.default a{color: #000; padding: 1.5em 0.1em 0.20em 0.1em;}
div#accessOptions div.bow a{color: #000;background-color: #FFF;}
div#accessOptions div.wob a{color: #FFF;background-color: #000;}
div#accessOptions div.boy a{color: #000;background-color: #FFF000;}
div#accessOptions div.yob a{color: #FFF000;background-color: #000;}
div#accessOptions div.bop a{color: #000;background-color: #FFDDDD;}
div#accessOptions div.bob a{color: #000;background-color: #DDDDFF;}

div#accessOptions div.sizeItem a:hover {background-color: #FFF;}
div#accessOptions div.sizeItem a {background-color: #EEF0FE;font-weight: bold;}

div#accessOptions div.smaller a {font-size: 80%; padding: 2.1em 0.1em 0.85em 0.1em;}
div#accessOptions div.normal a {font-size: 100%;padding: 1.6em 0.1em 0.15em 0.1em;}
div#accessOptions div.bigger a {font-size: 110%; padding: 1.4em 0.1em 0em 0.1em;height: 2.92em;}
div#accessOptions div.biggest a {font-size: 140%; padding: 1.0em 0.1em 0em 0em;height: 2.4em;}




/* Generic styles 
-------------------------------------*/
/* 
Faux Clear class - forces a parent element / container
to always render around its children regardless of their
blocking condition  (ie if all children are floating)
*/
.fc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.fc { display: inline-block; }
/* Hides from IE-mac \*/
* html .fc { height: 1%; }
.fc { display: block; }
/* End hide from IE-mac */

div#searchResultRow
{
	float: left;
	width: 100%;
	clear: both;
}

#tabs li.selectednode a span {
	font-weight: bold;
	color: #000;
}


.italicText
{
    font-weight:bold; 
    color:#393993;
}