/* 
	Actimel default.aspx styles;
	graphico.co.uk 
*/

/* default headers */
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h1,h2,h3 { margin: 1em 0; }

h1, h2, h3, h4, h5, h6 ,strong { font-weight:bold;  }

abbr,acronym 
{
	border-bottom: 1px dotted #000;
	cursor: help;
}
 
em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}

blockquote, ul, ol, dl 
{
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

ol, ul, dl 
{
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}

ol li 
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

ul li 
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

dl dd 
{
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th,td 
{
	/*borders and padding to make the table readable*/
	border: 1px solid #000;
	padding: .5em;
}

th 
{
	/*distinguishing table headers from data cells*/
	font-weight: bold;
	text-align: center;
}

caption 
{
	/*coordinated marking to match cell's padding*/
	margin-bottom: .5em;
	/*centered so it doesn't blend in to other content*/
	text-align: center;
}

p, fieldset, table 
{
	/*so things don't run into each other*/
	margin-bottom:1em;
}

.invisible { display: none; }

/* Hide content for visual users. E.g. skip links	*/
.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* Can't hide legends cross browser with negative text indent */
legend.hide
{
	font-size: 0.005em;
	visibility: hidden;
}

fieldset
{
	border: 0;	
}

/* Used to space an ellipse nicely */
.ellipse { letter-spacing: -0.15em; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* Generic Levin image replacement -  
   http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
}

.replace span
{
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/ 
}


/* default label styles */
label, .label, input, .input
{
	display: block;
	float: left;
	margin: 2px 0 3px 0;
	clear: left;	
}

label, .label { font-weight: bold; }

.input input, .input label 
{
	display: inline;
	float: none;
	margin: 0;
}   

input.submit { clear: left; }    

/*	For evil CMSs */
u { text-decoration: none; }

/*	Site Default Styles		*/
body
{
	font: 62.5% Arial,Verdana, Helvetica, sans-serif;
	text-align: center;
	min-width: 900px;
}

#wrap 
{
  font-size: 1em;
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

.col 
{
  float: left;
  margin-right: 10px;
}

/*
	Actimel specific;
*/

#home #siteInformation,
#home #wrapContent
{ background: none; }

#home #pageContent { border: none; }

#home #wrapContent { 
	width: 959px; 
	padding-top: 0; 
}

#home .panels { padding-bottom: 8px; }

#home #flmain { 
	width: 700px; 
	margin-left:0;
	background: none;
}

#home #flmain .noFlash	{ 
	background: url(../../SiteImages/div-main.jpg) left top no-repeat; 
}

#home .aside { width: 255px; }

#home .panel { 
	float: left; 
}

#home .news { 
	background: url(../../SiteImages/div-panels3.jpg) left top no-repeat; 
}

#home .help { 

	width: 429px;
	background: none;
}

#home .help .cta a
{
    position:absolute;
    left:162px;
   top:160px;
   width: 152px;
   display: block;
   height: 20px;
   text-indent: -9999em;
}

#home .help .cta a:hover
{
    background: none !important;
}

#home .live { 
	background: url(../../SiteImages/efsaBG.jpg) left top no-repeat; 
} 

#home .live .cta a
{
    position:absolute;
    bottom:45px;
    left:162px;
    text-indent: -9999em;
    width: 70px;
    height: 20px;
}

#home .live .cta a:hover
{
    background-color: transparent !important;
}

#home .panel .gutter { 
	position: relative;
	min-height: 193px;
}

#home .flavour .gutter { 
	background: url(../../SiteImages/div-panels2.jpg) left bottom no-repeat;
	padding: 0 0 0 20px;
}

#home .news .gutter { 
	background: url(../../SiteImages/div-panels4.jpg) left bottom no-repeat;
}

#home .live .gutter { 
	background: none;
}

#home .help .gutter { 
	background: none;
}

#home .flavour .gutter { 
	padding-left: 95px;
}

#home .aside { 
	background: url(../../SiteImages/div-asideSignUp.jpg) left top no-repeat;
	margin-top: 21px;
}

#home .aside .gutter { 
	min-height: 248px;
}

#primaryContent .flavour .figure {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 0;
}

#primaryContent .flavour .figure img {
	margin: 0;
}

#home .panel .desc p { 
	margin-bottom: 0;
	padding-left: 4px;
	margin: 0 0 5px 0;
}

#home .panel.live .desc p { 

}

#home .aside .desc p { 
	margin: 0 0 10px 0;
	padding-left: 0;
}

#home p { 
	color: #0959a3;
}

#home .cta{
}

#home .panel p.cta { 
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: auto;
}

#home .aside .desc { 
	padding-left: 11px;
}

#home .flavour .desc { 
	width: auto;
	right: 5px;
}

.flavour, .news, .live { width: 265px; }

#home #flmain .gutter { 
	padding: 0;
	background: none;
	min-height: 287px;
}

#home #flmain .desc { 
	width: auto;
	bottom:21px;
   left:221px;
	padding: 0;
	margin: 0;
}

#home #flmain .desc p { 
    padding: 0;
    margin: 0;
}

#home #flmain .desc p.cta a
{
    bottom:23px;
    display:block;
    height:20px;
    left:221px;
    margin:0;
    padding:0;
    position:absolute;
    text-indent:-9999em;
    width:133px
}

#home #flmain .desc p.cta a:hover
{
    background:none !important;
}

#home h1{
	background: url(../../SiteImages/h1-txtHow.png) left top no-repeat;
	text-indent: -999em; 
	height: 85px;
	width: 436px;
	margin-top: 0;
	margin-bottom: 0.5em;	
}

#home h3 { 
	text-indent: -999em; 
	margin: 0;
	height: 64px;
}

#home h3#txtBSI { 
	background: url(../../SiteImages/h3-txtBSI.png) left top no-repeat;
	width: 213px;
	height: 44px;
}

#home h3#txtFlavours { 
	background: url(../../SiteImages/h3-txtFlavours.png) left top no-repeat;
	width: 165px;
	margin-bottom: 2em;
}

#home h3#txtNews { 
	background: url(../../SiteImages/h3-txtNews.png) left top no-repeat;
	width: 171px;
}

#home h3#txtLive { 
	
}

#home h3#txtHelp { 
	background: url(../../SiteImages/h3-txtHelp.png) left top no-repeat;
	width: 220px;
}

#primaryNav {
	padding: 0 0 6px 0;
}

#home #flHelp
{
    background:url(../../SiteImages/fabulousFlavoursBG.jpg) 0 0 no-repeat;
    width: 427px;
    height: 192px;
}
    

#home #primaryContent { width: auto; }

.last { margin-right: 0; }