html,body {margin:0;
padding:0;}

body {font: 62.5% arial,sans-serif;
text-align:center;
background: #000 url(../../images/intouch/bricks_bg.jpg) repeat-y top center;}

div#outer {text-align:left;
width:770px;
margin:0 auto;
background-color: #ffffff;}

/* -- General tags -- */

a {text-decoration: none;
color: #d21a4d;}

a:hover {text-decoration: underline}

ul, ol, li {list-style-type: none;
list-style:none;}

#lcdlogo, #intouch_logo, img#gsk_logo {position: absolute;
margin: 0em;
padding: 0em;}

#lcdlogo {margin: 16px 0px 16px 14px;
padding: 0px;}

#intouch_logo {top: 28px;
left: 180px;}

img#gsk_logo {top: 42px;
left: 580px;}

/* -- Content areas -- */

#header {position:relative;
height:156px;
background-color: #ffffff;
background-repeat: no-repeat;}

div#content {float:right;
width:574px;
padding-right: 15px;
font-size: 1.4em;
line-height: 1.3em;}

div#navigation {background: #ffffff;
width:130px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 6px;}

div#extra {background: #ffffff;
float:left;
padding-left: 6px;
clear:left;
width:150px}

#extra img {border: 0}

div#footer {clear: both;
width:100%;}

/* -- Top links and accessibility -- */

#toplinks {float: right;
width: 600px;}

#toplinks ul, #toplinks li {margin: 0;
list-style: none;
padding-top: 3px;
padding-left: 0em;
padding-bottom: 0em;
padding-right: 0em;}

#toplinks li {float: right}

#toplinks li a {display: block;
color: #99938a;
font-weight: bold;
padding: 1px 5px 3px 5px;
font-size: 1.1em;
text-decoration: none}

#toplinks li a:hover {background-color: #99938a;
color: #fff}

#toplinks li a.toplinkimage:hover {color: #fff;
background-color: #ffffff}

#toplinks li#skipnav {width:0;
height:0;
overflow:hidden;}

/* -- END Top links and accessibility -- */

/* -- Left side navigation -- */

#navcontainer {width: 128px;
border: 1px #cecdc8 solid;
margin: 0px 0px 10px 0px}

#navigation h2 {font-size: 1.3em;
color: #99938a;
padding: 4px 4px 4px 4px;
width: 120px;
background-color: #ffffff;
margin: 0;}

#navcontainer h2 {font-size: 1.4em;
color: #c30e55;
padding: 4px 6px 4px 6px;
width: 116px;
background-color: #ffffff;
margin: 0;
border-bottom: 1px #cecdc8 solid;}

#navcontainer ul {margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;}

#navcontainer ul.namedmenu {}

#navcontainer li {margin: 0 0 1px 0;}

#navcontainer a {display: block;
padding: 4px 15px 4px 15px;
color: #c30e55;
text-decoration: none;
font-size: 1.4em;}

#navcontainer li.itemstyle {background: #F5F5F5 url(../../images/rebrand/red_arrow.gif) no-repeat 4px 7px;}

#navcontainer li.selecteditemstyle {background: #F5F5F5 url(../../images/rebrand/red_square.gif) no-repeat 4px 8px;}

#navcontainer a:hover {color: #56003a;
text-decoration: underline;}

#navcontainer ul ul li {margin: 0 0 1px 0;
padding: 0;}

#navcontainer ul ul a {display: block;
padding: 4px 5px 4px 26px;
color: #c30e55;
text-decoration: none;}

#navcontainer ul ul li.selectedsubitemstyle a {background: #ffffff url(../../images/rebrand/red_square.gif) no-repeat 14px 8px;}

#navcontainer ul ul li.subitemstyle a {background: #ffffff url(../../images/rebrand/red_arrow.gif) no-repeat 14px 7px;}

#navcontainer ul ul a:hover {color: #56003a;}

/* -- END Left side navigation -- */

/* -- Navigation crumbs -- */

div.crumb {display: block;
margin: 0 0 10px 0;
font-size: 0.9em;
color: #c30e55;}

div.crumb a:link, div.crumb a:active, div.crumb a:visited {color: #c30e55;}

/* -- END Navigation crumbs -- */

/* -- Main content styling -- */

#content h1 {font-size: 1.2em;
color: #74004c;
padding: 0;
margin: 0em;}

#content .intro {font-weight: bold;}

#content h2 {font-size: 1.2em;
font-weight: bold;
color: #74004c;}

#content h3 {font-size: 1em;
margin: 0 0 8px 0;
padding: 2px 0 2px 0;}

#content ul {margin: 0;
padding: 0;}

#content ul li {margin: 0 0 0.2em;
padding: 0;
list-style: none;
background: url(../../../images/intouch/blob.gif) no-repeat left 0.2em;
padding-left: 18px}

span.highlight {font-size: 1.1em;
font-weight: bold;
color: #aa0056;}

div#resource_results table {display: none;}

div.webblerpaging a {margin-left: 10px;}

div.webblerpaging a.current {font-weight: bold;}

.intouch_resource {width: 540px;
border: 1px #c2c2c2 solid;
padding: 6px;
margin-bottom: 10px}

.intouch_resource h4 {color: #aa0056;
margin: 0 0 10px 0}

p.intouch_phone, p.intouch_email, p.intouch_web {padding-left: 22px;
margin: 0 0 6px 0}

p.intouch_phone {background: url(../../images/intouch/telephone.png) no-repeat left center;}

p.intouch_email {background: url(../../images/intouch/email.png) no-repeat left center;}

p.intouch_web {background: url(../../images/intouch/world.png) no-repeat left center;}

/* -- END main content styling -- */

#newsbanner {float: right;
margin: 0 0 10px 12px;}

/* Quote box */

#quoteblock {
width: 180px;
background-color: #74004c;
color: #ffffff;
padding: 1px 0 1px 0;
float: right;
margin: 0 0 10px 12px;}

#quote {margin: 10px 6px 0 6px;
font-size: 1.1em;
display: block;}

#quotefrom {margin: 10px 6px 10px 6px;
font-size: 1.2em;
font-weight: bold;
color: #dfa4ba;
display: block;}

/* -- End quote box -- */

div.attachmentlist {background-color: #f5f5f5;
padding: 0px 10px 10px 10px;
border: solid 1px #c8c5bd;}

.attachmentlist a {font-weight: bold;
display: block;
padding: 3px 3px 3px 10px;
text-align: left;}

.attachmentlist .attachmentformat {font-weight: bold;
color: #333333;
padding: 1px 3px 5px 10px;
text-align: left;}

/* -- END right side bar -- */

div#footer p {margin:0;
padding: 0px 10px 1px 10px;
color: #99938a;
font-size: 1em;}

/* SITEMAP */

div.branchmap {font-weight:bold;
margin: 0px}

div.branchmapItem {margin: 0 0 0 0;
list-style: disc}

ul.leafmap li {font-weight:normal;
padding-bottom: 3px;
margin: 0 0 0 0px;
list-style: circle}

/* IMAGE TABLE PADDING */

table.documentimage,
table.documentimage_left {padding: 0 10px 10px 0}

table.documentimage_centre {padding: 10px 0 10px 0}

table.documentimage_right {padding: 0 0 8px 10px}

td.imagecaption {font-size: 1em;
line-height: 1.2em;
color: #74004c;}