﻿/* Start of GSK international stylesheet */

/* Main page styles - please leave */
*{
margin:0;	
padding:0;
font-family:Arial, Helvetica, Sans-serif;
color:#404041;
}
body{
font-size:0.7em;
margin:0;
padding:0;
background-color:#ffffff;
}
html{
height: 100%; /* Required */
}

/* Background body */
.bodybg1col{
/*background-image: url(../images/bg1.jpg);*/
}
.bodybg2col{
background-image: url(../images/bg2.jpg);
}
.bodybg3col{
background-image: url(../images/bg3.jpg);
}
.bodybg3colhp{
background-image: url(../images/bg3homepage.jpg);
}
#container{
width:760px;
height:100%;
min-height:100%;
z-index:-200; 
}
/*for mozilla as IE treats height as min-height */
* html #container{
height:100%;
} 

/* Colors */
.white{
color:#ffffff;
}
.grey{
color:#EFEDEC;
}

#banner{
	width:760px;
	float:left;
	height:257px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:url(../images/banners/index_banner.jpg);
}

/* GSK logo */
#logo{
position: absolute; 
top: 184px; /* original 154px */ 
left:595px;
z-index: 5; 
}

/* Headings */
/* Home page only, large orange text */
h1{
color: #FF6600;
font-size: 36px;
}
/* Home page only, medium grey text */
h2{
	color: #9C9691;
	font-size: 22px;
	font-weight: bold;
}
h3{
font-size:14px;
color:#000;
padding-bottom:5px;
}
h4{
font-size:12px;
color:#91867e;
padding-bottom:8px;
}
h5{
font-size: 12px;
color:#000;
padding-bottom:5px;
}
h5 a{
font-size:12px;
color:#000000;
padding-bottom:1px;
}

/* Main navigation */
/*
#content-navigation{ 
position: absolute; 
top:0px;
left:30px;
width:150px;
z-index: 5; 
}
html > body #content-navigation{
clear:both;
top:45px;
left:40px;
}
#content-navigation ul li img{
clear:all;
float:left;
z-index: 5; 
}
#content-navigation ul li{
clear:all;
float:left;
z-index: 5; 
} */

/* Content and landing page navigation */
ul.menu-left li{
width: 140px;	
text-align:left;
list-style: none;
float:left;
}
ul.menu-left li a{
float:left;
color:#404041;
}
ul.menu-left .nav1{
padding: 5px 0 0 30px;
}
ul.menu-left .nav2{
padding: 2px 0 0 35px;
}
ul.menu-left .nav3{
padding: 2px 0 0 37px;
}
ul.menu-left .nav4{
padding: 2px 0 0 39px;
}
ul.menu-left li ul li a{
float:left;
}
ul.menu-left li ul li ul li a{
float:left;
}
ul.menu-left li a{
float:left;
padding: 0 0 0 30px;
}
ul.menu-left ul{ 
position: relative;
float:left;
width:100%;
padding: 0 0 2px 6px;
}
ul.menu-left ul ul{ 
position: relative;
width:100%;
font-size:10px;
padding: 0 0 5px 3px;
}
ul.menu-left li .nav1:hover{
color:#F55A1C;
text-decoration:none;
background-image: url(../images/activeLink-arrow.gif);
background-position: 10px center;
background-repeat: no-repeat;
}
ul.menu-left li .nav2:hover{
color:#F55A1C;
text-decoration:none;
background-image: url(../images/activeLink-arrow.gif);
background-position: 10px center;
background-repeat: no-repeat;
}
ul.menu-left li .nav3:hover{
color:#F55A1C;
text-decoration:none;
background-image: url(../images/activeLink-arrow.gif);
background-position: 10px center;
background-repeat: no-repeat;
}
ul.menu-left li .nav4:hover{
color:#F55A1C;
text-decoration:none;
background-image: url(../images/activeLink-arrow.gif);
background-position: 10px center;
background-repeat: no-repeat;
}
ul.menu-left li .nav-title{
color:#F55A1C;
font-weight: bold;
padding-bottom: 2px;
font-size:14px;
}
ul.menu-left li .nav-1{
color:#F55A1C;
padding: 5px 0 0 30px;
text-decoration:none;
}
ul.menu-left .nav-2{
padding: 2px 0 0 35px;
color:#F55A1C;
}
ul.menu-left .nav-3{
padding: 2px 0 0 37px;
color:#F55A1C;
}
ul.menu-left .nav-4{
padding: 2px 0 0 39px;
color:#F55A1C;
}

/* Paragraphs */
p{
padding:0 0 8px 0;
}

/* Hyperlinks */
a{
text-decoration: none;
color:#3297b9;
}
a:hover{
text-decoration: none;
color:#f55a1c;	
}
a em{
color:#3297B9;
}
a:hover em{
color:#f55a1c;
}
.content-right a:hover{
text-decoration:none;
color:#f55a1c;
}

/* Images */
img{
border:0;
}

/* Lists */
ul.Links{
list-style: none;
}
ul.Links li{
padding:3px 0 0 5px;
}
ul.Links-blue{
list-style: none;
color:#ffffff;
}
ul.Links-blue li{
padding: 4px 0 0 5px;
color:#ffffff;
}
ul.Links-blue a{
color:#ffffff;
}
ul.Links-blue a:hover{
color:#ffffff;
text-decoration:underline;
}

/* Spacers */
.space{
clear:both;
height:20px;
background-color:#ffffff;
width:100%;	
}
.spaceline{
clear:both;
width:100%;	
}
.space-left{
width:24px;
float: left;
}
.space-left-bottom{
width:350px;
float: left;
height:auto;
background-color: #FFFFFF;
}
.space-left-bottom-home {
width:350px;
float: left;
height:auto;
background:#ffffff;
}

/* Padding */
.Padding{
padding: 0 5px 0 9px;
width:auto;
}
.padding-none{
padding: 0 0 0 0;
}
.Padding-right{
padding: 5px 5px 5px 5px;
width:auto;
}

/* Left Content areas */
/* added */
.clearboth{
clear:both;
height:1px;
font-size:1px;
}
.content-blue{
background:#3398B9;
clear:both;
}
/* ... added */
.content-left{
width:165px;
float: left;
z-index: 2; 
}
.content-left-bottom{
width:374px;
float: left;
z-index: 2; 
}
.content-left-blue-landing {
width:584px;
float: left;
background:#3398B9;
}   
.content-center{
width:418px;
float: left;
z-index: 2; 
min-height:300px;
} 
.content-center-left{
float: left;
width:209px;
z-index: 2; 
}
.content-right{
width:177px;
float: left;
}
.content-right a{
color:#3297B9;
}
.content-right-blue-landing {
	width:176px;
	float: left;
	background: #3398B9;
}   
.content-center-bottom{
width:209px;
float: left;
z-index: 2; 
} 
#content-navigation{
	position: absolute;
	top:8px;
	width: 25%;
	z-index: 2;
	padding: 0px 0px 10px 0px;
	float: left;
	left: 15px;
}
html>body #content-navigation{
	position: absolute;
	top:5px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 5px;
}
#content-navigation ul {
	margin: 0px;
	padding: 0px;
}
#content-navigation ul li img{
	clear: both;
	float: left;
	z-index: 2;
	padding: 0px;
}
#content-navigation ul li{
	clear: both;
	float: left;
	z-index: 2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px; 
	list-style-type: none;
	width: 100%;
}
#content-navigation ul li a, #content-navigation ul li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00em; 
	font-weight: normal;
	color: #91867e;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
}
html>body #content-navigation ul li a, #content-navigation ul li a:visited{
	padding: 0px 0px 0px 17px; 
}

#content-navigation ul li a:hover, #content-navigation ul li a:active{
color: #f55a1c;
background-image: url(../images/activeLink-arrow.gif);
background-position: left center;
background-repeat: no-repeat;
}

/* Right module sections */
.content-right-info {
width:160px;
background-color:#EFEDEC;
border-top: 1px #ffffff solid;
border-bottom: 1px #C8C2BE solid;
}

/* Footer */
#menu_footer{
position:relative;
clear:both;
border-top:20px solid white;
background:#EFEEEC; 
width:760px;
height:100px;
margin: 0;
padding-top:10px;
}
#menu_footer em{
background: #EFEEEC; 
}
#menu_footer p{
background: #EFEEEC; 
padding-left:26px;
font-size:0.9em;
}
#menu_footer a{
color:#91867E;	
text-decoration:none;
font-size:0.9em;
}
#menu_footer a:hover{
color:#F55A1C;	
text-decoration:underline;
}

/* Search box */
#Search {
	position:absolute;
	left:590px;
	top:12px;
	width:164px;
	height:42px;
	z-index:6;
}

/* Forms */
form{
margin:0;
padding:0;
}
option, select, input{
font-family: Arial, Helvetica, Sans-serif;
color:#000000; 
font-size:11px;
margin:3px;
}
textarea {
width:200px;
font-family: Arial, Helvetica, Sans-serif;
color:#000000; 
font-size:11px;
margin:3px;
}

#pandemic {
	width:190px;
	height:272px;
	background:url(../images/pandemicka-chripka/v-bckgrd-flu-box-2.jpg) no-repeat left center;
	margin:0 auto;
	
}



#pandemic p {
	padding-left:15px;
}

.pp {
		width:234px;
}

#pandemic h2 {
	color:#FF6600;
	padding:20px 15px 10px 15px;
}
.flu-image1 {
float:left;
padding-right:25px;
padding-top:15px;
width:130px;
}

.delsi {
	width:160px;
}

#pandemic2 {
	width:400x;
	height:200px;
	background:url(../images/pandemicka-chripka/flu-center-bckgrd-400.jpg) no-repeat left center;
}

#pandemic2 p {
	width:200px;
	padding-left:10px;
	padding-top:10px;
}

#tag-cloud {
background:#3398B9;
height:110px;
padding:0 15px 0 20px;
margin:0px 0px 0px 0px;
}
ul.tag-cloud-content {
margin:0px 0px 0px 0px;
padding:15px 0px 0px 0px;
text-align:center;
height:105px;
}
ul.tag-cloud-content li {
color:#FFFFFF;
display:inline;
line-height:34px;
padding:0 3px;
}
ul.tag-cloud-content li.t1 {
font-size:31px;
font-weight:bold;
}
ul.tag-cloud-content li.t2 {
font-size:26px;
font-weight:bold;
}
ul.tag-cloud-content li.t3 {
font-size:24px;
font-weight:bold;
}
ul.tag-cloud-content li.t4 {
font-size:20px;
}
ul.tag-cloud-content li.t5 {
font-size:16px;
}
ul.tag-cloud-content li a {
color:#FFFFFF;
text-decoration:none;
}
ul.tag-cloud-content li a:hover {
color:#FF6600;
}



/* End of GSK international stylesheet */
