﻿#slideshow {position:relative;height:290px;width:475px;z-index:0}
#slideshow div {position:absolute;top:0;left:0;opacity:0;height: 290px;background-color: #FFF;}
#slideshow div.active {z-index:10;opacity:1.0}
#slideshow div.last-active {z-index:9}
#slideshow div img {height:290px;display:block;border:0;float:left;margin:0;padding:0;border:0}
#slideshow p{float:left;padding:0}
#slideshow p{margin-bottom:0;font-size:2.8em;line-height:120%;line-height:70%;color:#9a2812;font-family:Georgia, "Times New Roman", Times, serif;position:absolute;left:0;bottom:18px;background:url(/images/schoolzone/slideshow-caption.png) 0 0 repeat;width:460px}
#slideshow a {text-decoration:none;}

#slideshowsubsection {position:relative;height:290px;width:475px;z-index:0}
#slideshowsubsection div {position:absolute;top:0;left:0;z-index:0;opacity:0;height: 290px;background-color: #FFF;}
#slideshowsubsection div.active {z-index:10;opacity:1.0}

#slideshowsubsection div img {height:290px;display:block;border:0;float:left;margin:0;padding:0;border:0}
#slideshowsubsection p{float:left;padding:0}
#slideshowsubsection p{margin-bottom:0;font-size:2.8em;line-height:120%;line-height:70%;color:#9a2812;font-family:Georgia, "Times New Roman", Times, serif;position:absolute;left:0;bottom:18px;background:url(/images/schoolzone/slideshow-caption.png) 0 0 repeat;width:460px}
#slideshowsubsection a {text-decoration:none;}


/*carousel*/
#carousel 
{
    height: 290px;
    overflow: hidden;
    position: relative;
    width: 475px;
}


* + html #carousel
{ z-index:-1;}

* + html #carousel p
{ font: 26px Goudy Old ;}

#carousel p
{
    background: url("/images/panadol/panadol_heading1.png") repeat-x scroll 0 0 transparent;
    color: #005FAF;
    font: 28px Goudy Old ;
    font-weight:normal;
    left: 0;
    padding-left: 15px;
    position: absolute;
    text-decoration: none;
    text-transform:uppercase;
    height:38px;
}

#carousel .subtitle 
{
    bottom: 21px;
    color: #005FAF;
    font: 24px Goudy Old ;
    font-weight:normal;
    left: 0;
    padding-left: 15px;
    position: absolute;
    text-decoration: none;
    text-transform:capitalize;
}

#carousel .paginate ul
{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	list-style:none;
	background:#FFF;
	padding:2px 0 2px 2px;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
}

#carousel .paginate ul li 
{
	float:left;
	padding:0;
	margin:0 0 0 2px;
}

#carousel .paginate ul li a 
{
	padding:4px 10px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#carousel .paginate ul li.cyantab 
{
	background:#bfedf1;
}

#carousel .paginate ul li.darkcyantab 
{
background:#8DDDE8;
}

#carousel .paginate ul li.bluetab 
{
	background:#88AADD;
}

#carousel .paginate ul li  a.active
{
	background:#FFF;
	color:#005faf;
}

/*subnavigation*/

.hMenu{
    background: none repeat scroll 0 0 #E8EDF8;
    height: 50px;
	margin: -8px 0 0 3px;
    position: relative;
    width: 960px;
}

.hMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.hMenu li {
    float: left;
    margin-top: 15px;
    position: relative;
    text-transform:uppercase;
}

.hMenu li a {
    color: #005FAF;
    float: left;
    font-family: Arial;
    font-size: 12px;
    padding: 4px 11px 3px;
    font-weight:normal;
    color:#231f20;
}


.hMenu li a.active 
{
    color: #005FAF;
    float: left;
    font-family: Arial;
    font-size: 12px;
    padding: 4px 11px 3px;
    font-weight:normal;
    color:#231f20;
    text-decoration:underline;
}

.hMenu li span
{
    font-size: 15px;
}

.hMenu li a span
{
    font-size: 13px!important;
}

/* Article list*/
.lstArticle {
    float: right;
    width: 476px;
}

h3.articlehead {
    color: #005FAF;
    font-family: Georgia,Serif;
    font-size: 20px;
    height: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 5px;
}

.lstArticle .intro {
    font-family: Trebuchet MS;
    font-size: 13px;
    line-height: 15px;
    margin-left: 7px;
    margin-right: 7px;
    padding-right: 7px;
}

#ArticleList .index {
    float: left;
    padding-bottom: 0;
    padding-left: 5px;
    padding-top: 5px;
    width: 220px;
}

#ArticleList .index ul {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}

#ArticleList .index li {
    background: url("/images/panadol/bullet-familyhealth.gif") no-repeat scroll 0 7px transparent;
    color: #1268B3;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 3px 0 0 14px;
    text-decoration: none;
}
#ArticleList ul li, #ArticleList ul li a {
    color: #1268B3;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0;
}

/* For Child artcle/recipes/activities*/

#rightcol {
    float: right;
    width: 299px;
}

#main-inner ul li {
    background: url("/images/panadol/bullet-familyhealth.gif") no-repeat scroll 0 7px transparent!important;
}

#content .box ul li {
	background: url("/images/panadol/bullet-familyhealth.gif") no-repeat scroll 0 7px transparent!important;
}

.header {
    background: none!important;
    padding: 0!important;
}

.conditionscontent {
    border-left: 4px solid #E8EAED;
    width:295px!important;
}

.breadcrumb 
{
	font:11px "Trebuchet MS",Arial,Helvetica,sans-serif!important;
	/*padding:0px!important;*/
	margin: 10px 0 0 0;
	background:none;	
}

ul.familyhealthnavsub 
{ z-index :2000!important;
}


.populararticle .info p {
    width: 160px!important;
}

.subfeatureDiv
{
	z-index:0;
}

* + html .subfeatureDiv
{
	z-index:-1;
}