html, body, #container {
	min-height: 100%; /*Sets the min height to the
						height of the viewport.*/
	height: 100%; /*Effectively, this is min height
					for IE5+/Win, since IE wrongly expands
					an element to enclose its content.
					This mis-behavior screws up modern  
					browsers*/
	margin: 0;
	padding: 0;
	}

.hd { position:relative; background: url(../images/chrome/logo_bar.jpg) repeat-x left 36px; height:125px; width:900px; }
.hd_fr { position:relative; background: url(../images/chrome/logo_bar_fr.jpg) repeat-x left 36px; height:125px; width:900px; }
.btnMenu { width:900px; }

ul.btnMenu li { 
	float:left; 
	display:inline; 
	width:150px; 
	height:36px; 
	line-height:36px;
	background: url(../images/chrome/button_bg_off.jpg) no-repeat top left;
}

ul.btnMenu li a {
	display:block;
	text-align:center;
	width:149px; 
	height:35px; 
	line-height:36px;
	background: url(../images/chrome/button_bg_off.jpg) no-repeat top left; 
	text-decoration:none;
	color:#fff;
	font-family: Verdana;
	font-weight:bold;
	font-size:12px;
	font-style:italic;
}

ul.btnMenu li a:hover {
	border: 1px solid #fff;
	width:148px;
}

html>body #container {
	height: auto; /*this undoes the IE hack, hiding it
					from IE using the child selector*/
	}

#container {
	position: absolute;
	top: 0;
	left: 0;
	background:#900 url(../images/chrome/main_pg_bg.gif) repeat-y center top;
	width:100%;
	}

#main {
	height: auto;
	padding: 0;
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	min-height: 750px;
	margin: 0 auto;
	background-color:#fff;
	padding-bottom:150px;
	}
	
#left_side {float:left; width:675px;}
#right_side {float:right; width:210px;}
span.txt { display:none; }
.btnTVAd { display:block; height:90px; width:420px; }

.popup { background: url(../images/pages/home/GAVISCON-ENG-BUTTON.gif) no-repeat transparent; height:90px; margin:1em auto; position:relative; width:420px; }
.popup_fr { background: url(../images/pages/home/GAVISCON-FRE-BUTTON.gif) no-repeat transparent; height:90px; margin:1em auto; position:relative; width:420px; }


/* Hide from IE5-Mac. Only IE-Win sees this. \*/
* html #main 
{
	height: 100%;
}
/* End hide from IE5-Mac */

#footerwrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	}

#footer {
	margin:0 auto;
	padding-top:70px;
	width:900px;
	background-color:#fff;
}

.ft {
	text-align:center;
	vertical-align:bottom;
	color:#b2b2b2;
	font-size:9px;
	font-weight:bold;
	padding:10px;	
	}
.ft a, .ft a:link, .ft a:visited, .ft a:hover, .ft:active { color:#b2b2b2; }

ul#textNav li { 
	display:inline;
	border-right:1px solid #b2b2b2;
}

ul#textNav li.last, .home ul#textNav li.last { border-right:none; }

ul#textNav li a {
	padding:0 10px;
	width:130px;
	color:#b2b2b2;
	font-family: Verdana;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

.home #main 
{
	background:transparent url(../images/chrome/top_down_grad.gif) repeat-x left top;
}

.home #footerwrap 
{
	z-index:-100;
}

.home #footer 
{
	background-color: #900;
}

.home .ft, .home .ft a, .home .ft a:link, .home .ft a:visited, .home .ft a:hover, .home .ft:active
{
	color:#d16969;
}
	
.home ul#textNav li 
{
	border-right:1px solid #d16969;
}

.home ul#textNav li a 
{
	color:#d16969;
}

a.logoLink 
{
	position:absolute;
	top:52px;
	right:76px;
	display:block;
	width:182px;
	height:85px;
}
.home a.logoLink:hover, .home .hd_fr a.logoLink:hover 
{
	background-image:none;
}
a.logoLink:hover 
{
	background: url(../images/chrome/gav_title_over.jpg) no-repeat left top; 
}
.hd_fr a.logoLink:hover
{
	top:51px;
	width:227px;
	right:68px;
	z-index:500;
	background: url(../images/chrome/gav_title_over_fr.jpg) no-repeat left top; 
}

em { font-style:italic; }

.copy_content { position:relative; padding: 0 27px 0 33px;  }

.copy_content .col { float:left; width:250px; margin:0 18px; }

.bd { text-align:left; }

.bd h2 { color:#ee3f30; font-weight:bold; margin:.5em 0; font-size:16px; }

strong { font-weight:bold; }

sup { font-size:.75em; font-weight:bold; }

.copy_content li { margin-left:1.2em; }

.copy_content a, .copy_content a:visited, .copy_content a:active, .copy_content a:hover, .copy_content a:link { color:#000; font-weight:bold; }

.copy_content ul li { list-style-type:disc; }

.copy_content ol li { list-style-type:decimal; margin-left:2em; }

.copy_content div#legal_notes { clear:both;margin:10px;font-size:10px; }

#lg_col, #lg_col .col 
{ display:inline; }
.flavours 
{
	color:#ec1c24;font-style:italic;
}

h2.prod_title { font-size:14px;color:#ec1c24;font-weight:bold; }

dfn { font-weight:bold; color:#ea1c24; }

.prodtitle { float:left; }

.docrecbadge { float:right; margin-right:80px; }

.blubold { font-weight:bold; }

span.hCard span { float:left; width:180px; display:block; }
span.hCard span strong { color: #ec1c24; }

.clearfix:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;	
}
.clearfix { display:inline-block }
/* Hide from IE Mac \*/
	.clearfix { display:block }
/* End hide from IE Mac */