/*------------------------------------------------------------------------------------------------------*/
/*							DO NOT TOUCH THE SETTING BETWEEN THESE FRAMES! 								*/
/*------------------------------------------------------------------------------------------------------*/

/* This makes sure all pages use the same font-family, padding and margin */
* {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
}

html {
	height: 100%;
}

/* This renders the nice background, backgroundcolor, plus defines the font-size and font-color of the complete site */
body {
	font-size: 11px; 
	background-color: #f4f4f4;
	color: #0c2233;
	text-align: center;
}

/* Defines the width and placement of the actual page setup */
#container {
	background: #fff url("/images/common/contentbg.gif") repeat-y top;
	margin: 0 auto;
	padding: 0;
	width: 1000px;	
	text-align: left;
}

/* possition the complete page content correct */
#page {
	width: 950px;	
	margin: 0 0 0 25px; 
}

/* renders the nice top dropshadow */
#top {
	background: #f4f4f4 url('/images/common/header.gif') no-repeat top left;
	display: block;
	height: 35px;
}

/* Defines the actual text area of the page */
#content {
	float: left;
	width: 950px; 
	background-color: #fff;
	margin-top: 1em;
}

#maincontent
{
float: left;
width: 665px;
margin: 0;
min-height: 400px;		/* these 3 lines will fix the content - works in IE6/7/FF */
height: auto !important;
height: 400px;
}

#maincontentfull
{
float: left;
width: 950px;
margin: 0;
min-height: 400px;		/* these 3 lines will fix the content - works in IE6/7/FF */
height: auto !important;
height: 400px;
}


#rightcontent
{
margin-left: 675px;
max-width: 25em;
}

/* renders the nice bottom dropshadow */
#bottom {
	clear: both;
	background: #f4f4f4 url('/images/common/footer.gif') no-repeat top left;
	height: 39px;
}

/*------------------------------------------------------------------------------------------------------*/

/* Defines how paragraph <p></p> are displayed */
#content p {
	padding: 0 0 .7em 0;
}

/* Defines how <strong></strong> fonts are rendered */
#content strong {
	font-weight: bold;
}	

/* Defines how h3 fonts are rendered */
#content h3 {
	padding: 0 0 .5em 0;
}	


/* Float elements to the right - usually used for inline images in text */
#content .floatright {
	float: right;
	margin: 0 0 2px 10px;
}

/* Float elements to the left - usually used for inline images in text */
#content .floatleft {
	float: left;
	margin: 0 10px 2px 0;
}


/* Float elements to the right - used outline float */
#content .floatrightclear {
	float: right;
	clear: right;
	margin: 0 0 2px 10px;
}

/* Float elements to the left - used outline float */
#content .floatleftclear {
	float: left;
	clear: left;
	margin: 0 10px 2px 0;
}

/* Want a nice border on the image? Use this class - etc.: <img src="" class="border"> */
#content img.border {
	border: 1px solid #291b59;
}
/* no border needed - use this class inside etc. tables */
#content img.noborder {
	border: 0;
}

/* class for showing content inside a light blue box according to GSK color */
#content .lyseblaaboxheader {
	clear: both;
	color: #000;
	padding: .4em 1em .2em 1em;
	background-color: #5cd4ee;
	border-bottom: 4px solid #fff;
	width: 400px;
}

#content .lyseblaaboxcontent {
	clear: both;
	color: #000;
	padding: 1em;
	background-color: #99e4f4;
	width: 400px;
}

/* draws a lightblue border around the product pictures - children and adult section */
#content .blueborder {
	border: 1px solid #5cd4ee;
}

/* "lift" the image up a bit to have the layout look like the GSK brochure */
#content .productpictureposition {
	margin-bottom: 62px;
}

/* This class is only displayed when the css is disabled - hence etc. when browsing the site with a PDA, screen reader and so on */
.access	{
	display: none;
}


/*NEWS*/

.news {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background-color: #fafafa;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.news h3 {
	border-bottom: 1px solid #dedede;
	margin-bottom: 3px;
	margin-top: 3px;
}