/* http://www.gsk.com/ CSS */
/* Corporate Communications */

/* General styles */

* {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
margin: 0;
padding: 0;
}
body {
background: url(/common/img/centered-background-760px.png) repeat-y 50% 0 #fff;
font-size: 70%;
margin: 0 auto;
}
html {
height: 100%;
}

a {
text-decoration: none;
color: #3297B9;
}
a:hover {
text-decoration: none;
color: #f55a1c;
}
blockquote {
border-left: 1px solid #3297B9;
margin: 0 0 8px 16px;
padding: 0 6px;
}
code, pre {
font-family: Monaco, "Courier New", Courier, monospace;
}
hr {
border: 0;
height: 1px;
color: #CBCACA;
background-color: #CBCACA;
margin: 8px 0;
width: 150px;
}
img {
border: 0;
}
ins {
text-decoration: none;
}
p {
color: #404041;
padding: 0 0 8px 0;
}

.strongblue, .strongbluequote, .strongbluequotesmall {
font-weight: bold; /* use <strong> */
}
.strongbluequote {
font-size: 1.1em;
}
.small, .fontsmall {
font-size: .9em;
}

/* Body background images */
.bodybg1col {
background: url(/common/img/centered-background-760px-1col.png) repeat-y 50% 0 #fff;
}
.bodybg2col {
background: url(/common/img/centered-background-760px-2col.png) repeat-y 50% 0 #fff;
}
.bodybg3col, .bodybg3col1 {
background: url(/common/img/centered-background-760px-3col.png) repeat-y 50% 0 #fff;
}
body.wide {
background: url(/common/img/centered-background-980px.png) repeat-y 50% 0 #fff;
}

#contener {
height: 100%;
margin: 0 auto;
min-height: 100%;
width: 760px;
}
body.wide #contener {
width: 980px;
}

#content-top {
background: #fff;
width: 760px;
}

/* Lists! */
ul.content-text {
list-style: url(/common/img/bullet-blue.gif) disc;
padding: 4px 6px 4px 14px;
}
.content-text li {
padding: 0 0 4px 0;
}

ul.content-text-ital {
list-style: url(/common/img/bullet-blue.gif) disc;
padding: 4px 6px 4px 14px;
margin-right: 40px;
}
.content-text-ital li {
padding: 0 0 4px 0;
}


ul.content-text ul{
list-style: url(/common/img/bullet-blue.gif) disc;
padding: 4px 6px 4px 24px;
}
ul.content-page li {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
width: 320px;
}
/* Lists of links */
.content-center ul.Links {
list-style: none;
padding: 0;
}
ul.Links li {
background: url(/common/img/arrow-big.gif) 0 .7em no-repeat;
list-style: none;
padding: 3px 0 0 5px;
}
ul.Links1 li {
background: url(/common/img/arrow-big.gif) 0 .7em no-repeat;
list-style: none;
padding: 3px 0 15px 5px;
}
/* White links, used in the blue bar */
ul.Links-blue li {
background: url(/common/img/arrow-big-white.gif) 0 .5em no-repeat;
color: #fff;
list-style: none;
padding: 2px 0 0 5px;
}
ul.Links-blue a {
color: #fff;
}
ul.Links-blue a:hover {
color: #fff;
text-decoration: underline;
}
/* Numbered lists */
ol {
margin: 8px 0;
padding: 0 0 0 24px;
}

/* Headings */
h1 {
color: #f60;
font-size: 2.3em;
margin: 4px 0;
}
h2 {
color: #000;
font-size: 1.3em;
margin: 6px 0;
}
h3 {
color: #333;
font-size: 1.1em;
margin: 3px 0;
}
h4 {
font-size: 1em;
}
.investors-orange {
color: #f60;
font-size: 1.3em;
font-weight: bold;
}
.box-title {
color: #008EA5;
font-size: 2.3em;
font-weight: bold;
margin: 4px 0 0 4px;
}
.box-title-small {
color: #333;
font-size: 1.3em;
margin: 4px 0 0 4px;
}

/* Hidden Elements */
.hidden {
display:none;
}

/* Clear */
.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

/* Floats */
.floatLeft {
float: left;
}
.floatRight {
float: right;
}

/* Tables */
td, th {
padding: 4px 8px 2px;
}
th {
font-weight: normal;
}
.content-center table tr td {
padding-bottom: 3px;
}

/* Forms */
input, option, select {
font-size: 1em;
padding-left: 3px;
}
input.inputsub, input.inputsubgrey {
background-color: #fff;
border: 1px solid #000;
color: #000;
margin: 0 0 3px 0;
}
select {
width: 125px;
}

.space, .spaceline, .space-blue {
clear: both;
}
.space {
background: #fff;
height: 15px;
width: 100%;
}
.spaceline {
width: 100%;
}
.space-left {
float: left;
width: 24px;
}
.space-left-bottom {
float: left;
width: 350px;
}

/* Hide the skip navigation links using absolute positioning */
#skip-nav {
left: -1000px;
position: absolute;
z-index: 1000;
}
#skip-nav a {
display: block;
text-indent: -5000px;
}

/* Banner image */
#flash-pict { 
background: #fff;
height: 216px;
width: 760px;
}

/* Logo */
#logo, #logo-small, #ar-logo-small {
float: right;
margin: -62px 7px 0 0;
position: relative;
z-index: 2;
}

/* Search box */
#content-search {
clear: both;
float: right;
margin: -211px 5px 0 0;
position: relative;
width: 165px;
z-index: 2;
}
#content-search ul li {
line-height: 1.3em;
list-style: none;
}
#content-search a {
background: url(/common/img/arrow-find.gif) no-repeat 0 3px;
color: #fff;
padding-left: 12px;
text-shadow: 0 0 6px #333;
}
#content-search a:hover {
text-decoration: underline;
}
#content-search input[type="text"] {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 2px 0 3px 10px;
padding: 2px 3px;
width: 110px;
}

/* Top left navigation */
#content-navigation {
height: 216px;
position: absolute;
top: 0;
z-index: 2;
}
#content-navigation ul {
padding-top: 3px;
}
#content-navigation ul li {
line-height: 1.15em;
list-style: none;
}
#content-navigation ul li a {
color: #404041;
margin-left: 12px;
padding-left: 20px;
}
#content-navigation ul li a:hover, #content-navigation ul li.selected a {
background: url(/common/img/arrow-find.gif) no-repeat 0 3px;
}

/* Navigation breadcrumbs */
ul.crumbs {
list-style: none;
white-space: nowrap;
font-size: .9em; 
padding: 0 0 10px 0;
}
ul.crumbs li {
float: left;
}
ul.crumbs li a {
background: url(/common/img/crumbs-lv1.gif) 0 .5em no-repeat;
padding: 0 5px;
color: #91867e;
}
ul.crumbs li a:hover, li.lvoff {
background: url(/common/img/crumbs-lv1-on.gif) 0 .5em no-repeat;
padding: 0 5px;
color: #f60;
}

/* Left navigation */
ul.menu-left ul {
float: left;
padding: 0 0 2px 6px;
}
ul.menu-left ul ul { 
font-size: .9em;
padding: 0 0 5px 3px;
}
ul.menu-left li {
float: left;
list-style: none;
width: 135px;
}
ul.menu-left li a {
color: #404041;
float: left;
padding: 0 0 0 30px;
}
ul.menu-left .nav1 {
padding: 5px 0 0 30px;
}
ul.menu-left .nav2 {
background: url(/common/img/pict-lv2-off.gif) 0 .6em no-repeat;
padding: 2px 0 0 35px;
}
ul.menu-left .nav3 {
background: url(/common/img/pict-lv3-off.gif) 0 .6em no-repeat;
padding: 2px 0 0 37px;
}
ul.menu-left .nav4 {
background: url(/common/img/pict-lv3-off.gif) 0 .6em no-repeat;
padding: 2px 0 0 39px;
}
ul.menu-left .nav5 {
background: url(/common/img/pict-lv3-off.gif) 0 .6em no-repeat;
padding: 2px 0 0 41px;
}
/* .nav#:hover */
ul.menu-left li .nav1:hover {
background: url(/common/img/pict_nav.gif) 0 .8em no-repeat;
color: #f55a1c;
text-decoration: none;
}
ul.menu-left .nav2:hover {
background: url(/common/img/pict-lv2.gif) 0 .6em no-repeat;
color: #f55a1c;
text-decoration: none;
}
ul.menu-left .nav3:hover, ul.menu-left .nav4:hover, ul.menu-left .nav5:hover {
background: url(/common/img/pict-lv3.gif) 0 .6em no-repeat;
color: #f55a1c;
text-decoration: none;
}
/* .nav-# */
ul.menu-left li .nav-1 {
background: url(/common/img/pict_nav.gif) 0 .8em no-repeat;
color: #f55a1c;
padding: 5px 0 0 30px;
text-decoration: none;
}
ul.menu-left .nav-2 {
background: url(/common/img/pict-lv2.gif) 0 .6em no-repeat;
color: #f55a1c;
padding: 2px 0 0 35px;
}
ul.menu-left .nav-3, ul.menu-left .nav-4, ul.menu-left .nav-5 {
color: #f55a1c;
background: url(/common/img/pict-lv3.gif) 0 .6em no-repeat;
}
ul.menu-left .nav-3 {
padding: 2px 0 0 37px;
}
ul.menu-left .nav-4 {
padding: 2px 0 0 39px;
}
ul.menu-left .nav-5 {
padding: 2px 0 0 41px;
}

ul.menu-left li a.navtitle, ul.menu-left li a.nav-title {
color: #f55a1c;
font-weight: bold;
padding-bottom: 2px;
font-size: 1.25em;
}
/* Selected navigation title */
ul.menu-left li a.nav-title {
background: url(/common/img/pict_nav.gif) 0 .3em no-repeat;
}

/* Content */
.modulefloatcentercol2 {
float: left;
width: 380px;
}
.content-left {
width: 165px;
float: left;
min-height: 300px;
}
/* Central column of content */
.content-center {
float: left;
min-height: 515px;
width: 418px;
}
.content-center .content-chunk {
border-bottom: 1px dotted #ccc;
margin-bottom: 18px;
padding-bottom: 12px;
}
.content-center .content-chunk.last {
border-bottom: none;
}
.content-center .link-box {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #F2F1EF;
display: block;
margin: 6px 0;
padding: 6px;
/* Overflow nicely: */
overflow: hidden;
white-space: nowrap;
width: 97%;
}
.content-center .link-box img {
padding-right: 6px;
vertical-align: middle;
}
.content-center a.link-box:hover {
background: #DDD;
}
.content-center .link-box.long-text img {
float: left;
}
.content-center .link-box.long-text span {
float: right;
margin-top: 15px;
width: 293px;
}

/* Content: two columns */
.content-center div.left-column, .content-center div.right-column {
width: 48%;
}
.content-center div.left-column {
float: left;
}
.content-center div.right-column {
float: right;
margin-left: 12px;
}

.content-center-left, .content-center-right, .content-center-bottom {
float: left;
width: 209px;
}
.content-center-right.thin {
width:177px;
}
.content-center-col1 {
float: left;
width: 595px;
}

/* Temporarily to hide '^ Back to top' links */
a[href="#top"], .content-center img[src="/common/img/arrow-top.gif"] {
display: none;
}

/* Right-hand column */
.content-right {
float: left;
width: 177px;
}

/* Padding classes */
.Padding {
padding: 0 5px 0 9px;
}
.Padding1 {
padding: 10px 20px 5px 25px;
}
.Padding2 {padding: 0 5px 0 30px;} /* only on collaborations/index.htm */
.padding-left {
padding: 0 3px 0 30px;
}
div.pad10LeftRight {
padding: 0 10px;
}
/* Right hand module padding */
.Padding-right {
padding: 5px;
}
.Padding-right1, .Padding-right2 {
padding: 5px 5px 5px 10px;
}

/* Right hand module */
.content-modulefloat {
float: left;
width: 132px;
padding-top: 6px;
}
.content-modulefloat-blue {
float: left;
width: 140px;
}
.modulefloat {
float: left;
}
.arrow, .arrowcenter {
float: left;
width: 5px;
}
.arrowcenter {
margin: 4px 0 0 0;
}
.content-right-link img.arrow, .content-right-info img.arrow {
margin: 5px 0 0 0;
}
.content-right-contact, .content-right-info, .content-right-link, .content-right-col {
width: 160px;
}
.content-right-contact {
border-top: 1px #c8c2be solid;
border-bottom: 1px #c8c2be solid;
}
.content-right-info {
background-color: #efedec;
border-top: 1px #fff solid;
border-bottom: 1px #c8c2be solid;
}
.content-right-link {
border-top: 1px #c8c2be solid;
border-bottom: 1px #c8c2be solid;
}
.content-right-link-bottom {
border-bottom: 1px #c8c2be solid;
}
.content-right-col {
background-color: #efedec;
border-bottom: 1px #c8c2be solid;
}

/* Footer */
#menu_footer {
background: #efeeec;
border-top: 8px solid #fff;
clear: both;
font-size: .9em;
margin: 0 auto;
padding: 8px 26px;
position: relative;
width: 708px;
}
body.wide #menu_footer {
width: 928px;
}
#menu_footer a {
color: #91867e;
}
#menu_footer a:hover {
color: #f55a1c;
text-decoration: underline;
}

/* Colour
   Class names should _not_ reference appearance (colour): do not add any more */
.orange {
color: #f60;
}
.black {
color: #404041;
}
.greyheader {
background: #efeeec;
background: -moz-linear-gradient(top, #f9f9f9, #dedede);
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dedede));
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #333;
padding: 6px 8px;
text-align: left;
}
.blackheader {
background: #000;
color: #fff;
padding: 6px 8px;
font-weight: bold;
}
/* Investis stock */
.blackNum, .blackNum1 {
color: #000;
float: left;
font-size: 1.45em;
font-weight: bold;
}
.blackNum1 {
padding-right: 12px;
}
.greenNum {
color: #00a650;
font-size: 1.3em;
float: right;
padding-top: 1px;
}
.green {
color: #00a650;
}
.white {
color: #fff;
}
.grey {
color: #efedec;
}
.greylight {
color: #c8c2be;
}

/* Table */
.menu-table, .menu-table:hover, .menu-table-off {
float: left;
font-weight: bold;
padding: 5px 25px 5px 9px;
}
.menu-table {
background: url(/common/img/table-right-off.gif) no-repeat right top;
border-left: 1px solid #c8c2be;
color: #91867e;
}
.menu-table:hover, .menu-table-off {
background: #f60 url(/common/img/table-right-on.gif) no-repeat right top;
border-left: 1px solid #f60;
color: #fff;
}

ul.Ultable, ul.UltableBig {
border-bottom: 1px solid #c8c2be;
float: left;
list-style: none;
padding: 0;
}
ul.Ultable {
width: 99%;
}
ul.UltableBig {
width: 99%;
}
ul.Ultable li, ul.UltableBig li {
list-style-type: none;
padding-right: 2px;
float: left;
}
ul.Ultable li a:hover, ul.UltableBig li a:hover {
color: #fff;
}
#Table2, #Table3, #Table4, #Table5 {
display: none;
}

/* Table header */
.TableDownload {
text-align: left;
width: 400px;
}
.TableDownload a {
background: url(/common/img/arrow-big.gif) 0 .4em no-repeat;
padding: 0 0 0 5px;
}
.TableDownload .Padding a {
background: none;
padding: 0;
}
.TableDownload a.invisible {
visibility: hidden;
}
.TableDownload .Padding {
padding: 10px 5px;
}
.TableDownload .col1, .TableDownload .col2, .TableDownload .col3 {
background: #efedec;
width: 170px;
}
.TableDownload .col2, .TableDownload .col3 {
width: 114px;
}
.TableDownload th {
height: 25px;
padding: 0 0 0 10px;
}
.TableDownload td {
height: 25px;
margin: 0;
padding: 0;
}
.TableDownload .right {
text-align: right;
padding-right: 10px;
}
.TableDownload .lign {
border-top: 1px solid #c8c2be;
border-bottom: 1px solid #c8c2be;
height: 25px;
}
.TableDownload .lign-end {
border-bottom: 1px solid #c8c2be;
height: 25px;
}

.menu-table1, .menu-table1:hover, .menu-table1-off {
float: left;
font-weight: bold;
padding: 5px 25px 5px 9px;
}
.menu-table1 {
background: url(/common/img/table-right-off1.gif) no-repeat right top;
border-left: 1px solid #c8c2be;
color: #91867e;
}
.menu-table1:hover, .menu-table1-off {
background: #f60 url(/common/img/table-right-on.gif) no-repeat right top;
border-left: 1px solid #f60;
color: #fff;
}

/* Positioning */
.left, .imleft {
float: left;
padding-right: 5px;
}
.right, .right1 {
float: right;
padding-left: 10px;
}

/* Keyboard shortcuts e.g. /accessibility.htm */
code.keyboard {
background: #e7e7e7;
padding: 1px 4px;
}

/* Highlighted box on a page */
div.highlighted-box {
background: #f6f6f6;
margin: 6px 3px;
padding: 6px;
}
div.highlighted-box p {
padding: 4px 0;
}

/* Captioned images */
.captioned-image {
padding: 12px;
}
.captioned-image img {
padding-bottom: 6px;
}
.captioned-image p {
font-style: italic;
}

img.dropshadow {
-moz-box-shadow: 3px 3px 6px #666;
-webkit-box-shadow: 3px 3px 6px #666;
box-shadow: 3px 3px 6px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#777777',direction='120',strength='4');
margin: 0 8px 6px 0;
padding: 0 !important;
}

/* Includes - right hand column */
div.include-right {
margin-bottom: 16px;
}
div.include-right h2 {
color: #f60;
margin: 3px 0;
padding: 0;
}
div.include-right h3 {
color: #404041;
padding-bottom: 0;
}
div.include-right img {
padding: 2px 0;
}
div.include-right img.left {
padding: 0 5px 0 0;
}
a.include-right {
background: url(/common/img/pict-arrow-white.gif) no-repeat 0 4px transparent;
padding-left: 6px;
}

div.inc-product-lists {
background: url(/common/img/home/products-background-new9.jpg) top right no-repeat;
height: 220px;
margin-left: -3px;
padding: 12px 8px;
}
div.inc-product-lists h2, div.inc-product-lists select {
margin-bottom: 12px;
}
div.inc-product-lists h3 {
color: #f60;
}

/* Search results */
body.searchresults #contener table.holder div.content-center-col1 p {
border-bottom: 1px solid #eee;
margin-bottom: 12px;
}
body.searchresults #contener table.holder div.content-center-col1 p font[size="-2"] b { /* [PDF], [WMV] */
color: #999;
}
body.searchresults #contener table.holder div.content-center-col1 p a span.l { /* Title link */
color: #3297B9;
font-size: 16px;
}
body.searchresults #contener table.holder div.content-center-col1 p a:hover span.l {
color: #f55a1c;
}
body.searchresults #contener table.holder div.content-center-col1 p span.f { /* Snippet */
color: #000;
font-size: 12px;
}
body.searchresults #contener table.holder div.content-center-col1 p font[size="-2"] { /* URL */
color: #0E774A;
font-size: 12px;
}
body.searchresults #contener table.holder input[type="text"] {
width: 118px;
}

/* Maps by Investis */
body.map ul.crumbs {
margin: 24px;
}
body.map #gsk-map {
text-align: center;
}

/* Corporate Reporting */
.column_one_third {
float: left;
width: 165px;
background: url(/common/img/investors/dotted_line.gif) repeat-y right 0;
padding-left: 10px;
padding-right: 10px;
height: 400px;
}

.column_one_third.first {
padding-left: 0px;
}

.column_one_third.last {
background: none;
width: 174px;
padding-right: 0px;
}

p.title {
color: #F55A1C;
font-size: 1.25em;
font-weight: bold;
padding-bottom: 2px;
}

ul.link_list {
list-style-type: none;
}

ul.link_list li {
padding-bottom: 8px;
}

ul.link_list li a {
color: #83507f;
font-weight: bold;
background: url(/common/img/investors/corporate_reporting_link_arrow.gif) no-repeat 0 5px;
padding-left: 8px;
display: block;
}

ul.link_list li a:hover {
color: #F55A1C;
background-position: 0 -25px;
}

a.purple {
color: #83507f;
font-weight: bold;
}

a.purple:hover {
color: #F55A1C;
}

/* END corporate reporting */


/* Image carousel in blue bar */
/* http://fredhq.com/projects/roundabout/ */

.roundabout-holder {
	height: 123px;
	list-style: none;
	margin: 28px 0 0 42px;
	padding: 0;
	width: 168px;
	margin: 10px 0 0 42px;
}
.roundabout-moveable-item { 
	height: 106px;
	width: 128px;
	cursor: pointer;
	background-color: #f9f9f9;
	border: 1px solid #999;
	box-shadow: 0 0 4px #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0;
	overflow: hidden;
}
.roundabout-moveable-item a:hover {
	color: #3297b9;
}
.roundabout-moveable-item a img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.roundabout-moveable-item a span {
	display: block;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
}
.roundabout-in-focus {
	-webkit-transition: border, background-color 0.2s linear;
	border: 1px solid #3297b9;
	box-shadow: 0 0 4px #3297b9;
	cursor: auto;
}
.roundabout-in-focus:hover {
	background-color: #F7EDE6;
	border: 1px solid #f60;
	box-shadow: 0 0 4px #f60;
}

