﻿/* CMS-based site/PFIZER UK
*  Design/Site structure/Copy by Corporate Edge
*  global.css
*  Main site structure
*  Author: Lucy Barker, DNA an AvenueA|Razorfish company
*  Start date: 08-01-2007 */

* {margin:0; padding:0;}
body {color:#333; font:70% arial, helvetica, sans-serif; letter-spacing:.05em; background:#e2e2e2 url(../img/bgs/bg_body.gif) repeat-y center; text-align:center;}
input, textarea, select, table {font-size:85%;}
fieldset {border:0; margin-bottom:10px;}
legend {font-weight:bold; padding-bottom:8px; color:#333;}
.legendfix {display: block; width: 520px;}
select {color:#fff;}
img {border:0;}
address {font-style:normal;}

/* Start of Sharepoint Fix*/
.srch-WPBody {border:0 !IMPORTANT; background-color:#fff !IMPORTANT;}
.srch-stats {border:0 !IMPORTANT; background-color:#fff !IMPORTANT;}
/* End of Sharepoint Fix*/

h1 {background:#666; color:#fff; font-size:205%; font-weight:normal; padding:10px 74px 12px 13px;}
	#hub h1 {padding-right:13px;}
	#split h1 {padding-right:200px;}
h2, h2.srch-WPBody.srch-stats {font-size:120% !IMPORTANT; clear:both !IMPORTANT; }
h3 {font-size:100%; clear:both;}
h2, p, address {margin-bottom:18px;}
a {color:#006dcc; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

ul {margin:0 15px 18px 15px; list-style:square;}
li {margin-bottom:0;}
dt, dd {display:inline;}
dl.noscript dd, dl.noscript dt {display:block;} 


/**** basic frame layout ****/
#frame {background:#fff; width:772px; margin:0 auto; text-align:left;} 
#pfizer {margin:0 0 0 24px;}
	#pfizer span {position:absolute; left:-10000px;}
#footer {border-top:solid 1px #f1f1f1; color:#666; text-align:right; padding:10px 6px 10px 10px;}
	#footer dd {text-transform:lowercase;}
	#footer dd.on a {text-decoration:underline;}

#main {margin-bottom:20px;}
#page-content {width:563px;}
#page-content, #left-content, #right-content {float:left;}

#left-content {width:198px;}
	#left-content .search {min-height:50px; margin:0 10px 10px 8px; padding-bottom:4px; background:url(../img/bgs/bg_search.gif) no-repeat top;}
		#left-content .search p {display:inline; font-size:90%; margin:0 0 6px 11px; background:#fff; padding:2px 5px 2px 5px;}
		#left-content .search p img {vertical-align:middle;}
	#left-content dt, #left-content dd {display:block;}

#content {width:504px; margin-top:19px; line-height:150%;}
	#hub #content {width:563px; margin-top:10px;}
	#split #content {width:360px; float:left;}
	#lowerhub #content {width:563px;}
	
	#content img,
	#content .img-with-caption {margin:3px 15px 4px 0; float:left; clear:left;}
	#content .img-with-caption img {margin:0; float:none; clear:none;}
	#content div#top-img img {margin:0 0 12px 0; float:none; clear:both;}

	#content p.large-text {font-size:120%;}
	
	#content table {border:0; margin-bottom:18px; font-size:100%; clear:both;}
	#content thead th {font-weight:bold;}
	#content thead th, #content thead td,
	#content tbody th, #content tbody td {padding:3px 12px;}

	#content table#tbl-medicines tr,
	#content table#tbl-medicines thead th {background:none;}
	#content table#tbl-medicines th,
	#content table#tbl-medicines td {text-align:left; vertical-align:top; padding:8px 0 5px 0; border-bottom:solid 1px #f0f0f0;}
	
	#content table#tbl-medicines thead th {width:33%; padding-top:4px;}
	#content table#tbl-medicines tbody th {font-weight:normal;}
	#content table#tbl-medicines tbody th img {margin:0; float:none; clear:none;}
	#content table#tbl-medicines thead th, 
	#content table#tbl-medicines tbody th.letter {font-size:110%; font-weight:bold; background:0;}
	#content table#tbl-medicines tbody th.letter {padding-top:5px;}
	#content .hidebtm-table {margin:-19px 0 19px 0; height:1px; line-height:1px; background:#fff;}
	
	#content table#tbl-patientgroups tr,
	#content table#tbl-patientgroups thead th {background:none;}
	#content table#tbl-patientgroups th,
	#content table#tbl-patientgroups td {text-align:left; vertical-align:top; padding:8px 0 5px 0; border-bottom:solid 1px #f0f0f0;}
	
	#content table#tbl-patientgroups thead th {width:100%; padding-top:4px;}
	#content table#tbl-patientgroups tbody th {font-weight:normal;}
	#content table#tbl-patientgroups tbody th img {margin:0; float:none; clear:none;}
	#content table#tbl-patientgroups thead th, 
	#content table#tbl-patientgroups tbody th.letter {font-size:110%; font-weight:bold; background:0;}
	#content table#tbl-patientgroups tbody th.letter {padding-top:5px;}
	
	#content .related-links {clear:both;}
		#content .related-links ul {list-style:none; margin:0 0 18px 0;}
		#content .related-links li,
		#content .related-links dd {padding-left:16px; margin:0 0 2px 0;}
		#content .related-links dl, #content .related-links dd {display:block;}
		#content .related-links dl {margin:0 0 18px 0;}	
	#content .back-to-top {clear:both;}
		#content .back-to-top a img {margin-right:6px; float:left;}
		#content .press-release .back-to-top a img.back,
		#content .press-release .back-to-top a img.back-top {margin-right:10px;}
		#content .press-release .first {margin:-4px 0 10px 0;}
		#content .press-release .middle {margin:0 0 13px 0;}
		
	#content .even-rows {display:inline;}
		#content .even-rows h2 {margin:0;}
		#content .even-rows img {margin:0 0 4px 0;}
		#content .even-rows .row {display:inline;}
		#content .even-rows .story {width:179px; margin-bottom:-10px;}
		#content .even-rows .sp {width:10px; float:left;}

			#lower-hub #content .even-rows {clear:both;}
			#lowerhub #content .even-rows .row {min-height:70px;}
	
	#content .freestanding-col {width:186px;}
		#content .freestanding-col h2, #content .freestanding-col h3 {margin:0; padding-top:0;}
		#content .freestanding-col p {margin:0 0 10px 0;}
		#content .freestanding-col img {margin:0; float:none;}
		#content .freestanding-col .minitext-box {margin-bottom:10px;}
		
	#content .locations-txt h2 {margin-bottom:5px;}
	
	#content .imgcol-txt img, #content .imgcol-txt .txt {float:left; clear:none;}
	#content .imgcol-txt .txt {width:245px;}
	#content .imgcol-txt h2 {margin-bottom:0;}
	
	#content .press-release h2 {font-size:140%; font-weight:normal; line-height:132%; margin-bottom:10px;}
		#content .press-release h2 span {font-size:80%;}
		#content .press-release h2.warning {margin:0; color:#f33; font-weight:bold; font-size:100%; text-transform:uppercase;}
		#content .press-release h3 {text-transform:none;}
		#content .press-release .rwitem {margin-bottom:14px; line-height:normal;}
		
	#content .advanced h2 {font-weight:bold;}
	#content .advanced p.type {font-weight:bold; text-transform:uppercase;}
	
	#content #event-calendar .rwitem {border-top:solid 1px #f0f0f0; padding:7px 0;}
		#content #event-calendar .rwitem h2 {margin-bottom:14px;}
		#content #event-calendar .rwitem h3 {text-transform:none;}
	#content #event-calendar dl {margin:0;}
	#content #event-calendar dt, #content #event-calendar dd {display:block; border:0;}
	#content #event-calendar dt {margin-right:4px; float:left; clear:left;}	
	#content #event-calendar .date {width:200px; float:left;}
	#content #event-calendar .details {width:285px; float:right;}
	
	#content .register {margin-top:30px;}
	#content .register h2, #content .register p {margin:0 0 3px 0;}
	
	#content .unregister {border:solid 1px #999; padding:5px; margin-top:36px;}

/* IMAGE DIRECTORY ITEMS */
.rwitem {margin-bottom:3px;}
	.rwitem img {float:left; clear:left;}
	.rwitem h2, .rwitem h3, .rwitem p, .rwitem dl {margin:0;}
	.rwitem h3 {text-transform:uppercase;}
	.rwitem dl {margin-left:-5px;}
	.rwitem dd {letter-spacing:0; padding:0 1px 0 5px; border-left: solid 1px #333;}
	.rwitem .details {width:245px; float:left;}
	.rwitem .details dd {padding-right:5px; float:left;}
	.rwitem .details dd a {padding-left:3px;}
	
.pagination {display:block; color:#333; padding:17px 0 8px 0; clear:both;}
	.pagination dd {padding:0 1px 0 8px; border-left: solid 1px #333;}
	.pagination dd.on, .pagination dd.on a {color:#000 !important;}
	.pagination dd.on a {text-decoration:underline;}

.minitext-box {min-height:113px; border:solid 1px #e3f1f8; padding:9px 0 0 0; margin:0 0 10px 0; text-align:left;}
	.minitext-box h3 {font-size:110%; padding:0 64px 0 10px;}
	.minitext-box p {padding:0 64px 0 10px;}
	
.plain-text {margin-bottom:10px;}
	
.solid-colour {min-height:117px; border:0; color:#fff; padding:0; margin:0 0 10px 0; text-align:left;}
	.solid-colour h3 {font-size:110%; color:#fff; padding:0 10px;}
		.solid-colour h3 a {color:#fff;}
	.solid-colour p {padding:0 10px;}
	.solid-colour img {margin:0; padding:0;}
	.solid-colour img.btm-icon {position:relative; /*top:12px;*/}
	
#content .solid-colour h3,
#right-content .solid-colour h3 {padding:9px 10px 0 10px;}
#mini-flash,
#small-promo {height:152px;}

#right-content {width:187px; margin-top:19px; text-align:right; float:right;}
	#right-content .solid-colour img.btm-icon {top:0;}
	#right-content #col04 .section {text-align:left;}
	#right-content #col04 .section h2 {padding:5px; background:url(../img/bgs/bg_blue_fade.gif) repeat-x top;}
	#right-content #col04 .section h2 a {padding:1px 3px 2px 3px; background:#fff;}
	#right-content #col04 .section h2 span {font-weight:normal; font-size:80%;}
	#right-content #col04 .section img {border:solid 1px #e3f1f8;}
	
#sitemap {position:relative; margin-top:-3px;}
#sitemap h2 {border:solid 1px #f0f0f0; border-left:0; border-right:0; margin:0 0 6px 0; padding:3px;}
#sitemap ul {list-style:none; margin:0 10px 20px 10px; padding:0;}
#sitemap li {margin:3px 0;}
	#sitemap li ul {margin:0 15px;}
#sitemap .col {width:243px;}

#people-profiles {}
	#people-profiles h2 {margin-bottom:0;}
	#people-profiles #content img {margin:3px 0 4px 15px; float:right; clear:right;}
	#people-profiles #content .back-to-top a img {margin:3px 6px 0 0; float:left; clear:left;}
	
#gallery {position:relative; top:-13px;}
#gallery .rwitem {width:126px; float:left;}
#gallery .rwitem h2 {font-size:100%; margin-top:4px;}
#gallery .rwitem h3 {text-transform:none; font-weight:normal;}
#gallery .rwitem h2, #gallery .rwitem h3, #gallery .rwitem p {padding-right:28px;}
#content #gallery img {margin:13px 32px 0 0; float:none; clear:none;}

#split #gallery {top:0; clear:both;}
#split #gallery .rwitem {width:180px;}
#split #gallery .rwitem h2 {font-size:110%;}
#lowerhub #gallery .rwitem {width:187px;}

#maps {margin-bottom:10px;}
#maps .col {width:265px;}
#maps .col h2 {}
#maps .col p {}

#faqs ul, #faqs ol {list-style:none; margin:0 0 10px 0;}
#faqs li {margin:0 0 3px 0;}
#faqs h2 {margin-bottom:0;}

#primary-casestudy {margin-bottom:7px;}
	#primary-casestudy h2 {margin-bottom:0;}
	#primary-casestudy h3 {margin-bottom:17px;}
	#primary-casestudy img {margin:0;}
	#primary-casestudy p {color:#fff; padding:8px 10px 0 190px; margin:0;}
	
#primary-casestudy #quote {background-image:url(../img/bgs/bg_openquotes.gif); background-position:134px 0; background-repeat:no-repeat;}

/* QTVR pop-up styling */
#qtcontent {width:320px;}
	#qtcontent p, #qtcontent ol {margin-top:10px; padding:0 10px;}
	#qtcontent li {margin:10px 0 0 16px;}

/* NAVIGATION */
#nav-global, #nav-primary {text-align:right;}
#nav-global {padding:15px 6px 0 10px; margin-bottom:-2px; text-transform:lowercase;}
	#nav-global dd.on a {text-decoration:underline;}

#nav-primary {padding:2px 10px 7px 10px; font-size:120%; font-weight:bold; letter-spacing:0;}
	#nav-primary dd a {padding:0 9px; white-space:nowrap;}
	#nav-primary dd a:hover, #nav-primary dd a:active, 
	#nav-primary dd.on a {text-decoration:none; padding:0 8px; border:solid 1px #b2d3f0;}

#nav-global dd a,
#footer dd a {border-left:solid 1px #006dcc; padding:0 4px 0 6px;}
#nav-global dd:first-child a, #nav-global dd.f a {border:0;}

#nav-secondary {margin:0 10px; border:solid 1px #ebebeb;}
	#nav-secondary .btm {position:relative; left:-2px; top:1px; height:92px; line-height:1px; background:url(../img/bgs/bg_btm_leftnav.gif) no-repeat bottom left; border-left:solid 1px #fff;}
	#nav-secondary dd {margin-left:7px; padding:6px 4px 6px 4px; border-bottom:solid 1px #ebebeb;}
	#nav-secondary dd.on {font-weight:bold; background:#e5f1fb; border:0;}
	
	#nav-secondary dd dl {position:relative;  border-top:solid 1px #ebebeb; margin:0 -4px; bottom:-6px; font-weight:normal;}
		#nav-secondary dd dl dd {padding:2px 5px 4px 17px; background:#f7fbfe; margin-left:0px;}
		#nav-secondary dd dl dd.on {background:#f7fbfe url(../img/bgs/bg_arrow_leftnav.gif) no-repeat .5em .5em; border-bottom:solid 1px #ebebeb; padding-bottom:4px; margin-bottom:0; font-weight:normal;}
	
	#nav-secondary .no-other-nav dd {font-size:90%; padding:6px 4px; border:0;}
	#nav-secondary .related-view {background:url(../img/bgs/bg_relatedview.gif) repeat-x; margin:0 0 0 7px; padding-top:24px;}
		#nav-secondary .related-view dt {font-weight:bold; margin:0 10px 3px 3px;}
		#nav-secondary .related-view dd {padding:3px 4px; margin-left:0; border:0;}
		#nav-secondary .related-view dd#print {margin-top:10px; visibility:hidden;}
		#nav-secondary .related-view dd#print img,
		#nav-secondary .no-other-nav dd img {background:#006dcc; margin:2px 5px 0 0; float:left;}

#tabbed-buttons {font-size:120%; font-weight:bold; letter-spacing:0; margin:20px 0 22px 0;}
#tabbed-buttons a {color:#fff; padding:6px 8px;}
#tabbed-buttons dd {padding:6px 4px; margin-right:1px; float:left;}
#tabbed-buttons dd.on {position:relative; top:2px; margin-top:-2px; background:#fff;}
	#tabbed-buttons dd.on a {position:relative; top:-1px; color:#000;}

#content #tabbed-buttons {margin:0 0 10px 0; padding:0;}
	#content #tabbed-buttons dd {padding:6px 0;}
	#content #tabbed-buttons a {padding:6px 7px;}

/* FORM STYLING */
#content .search {min-height:50px; margin-bottom:10px; background:url(../img/bgs/bg_jobsearch.gif) no-repeat top;}

#searchbox,
#quicklinks,
#jobsearch {position:relative; left:11px; padding:4px 0 6px 0;}
#quicklinks {top:13px; padding-bottom:2px;}
#jobsearch {padding-top:5px;}

#quicklinks h2,
#jobsearch h2 {font-size:100%; background:#fff; display:inline;}

#searchbox label {display:none;}
#searchbox input {display:inline; max-width:122px; border:solid 1px #ccc; padding:1px 6px 3px 6px;}

#quicklinks select,
#jobsearch select {color:#fff; background:#0065cb; width:126px;}
#jobsearch select {background:#963;}

/* Submit buttons */
input.submit, a.submit {position:relative; top:4px; border:0; padding:0;}
#content .sortby a.submit img,
#content .press-release a.submit img {margin:0; float:none; clear:none;}
#searchbox input.submit, #searchbox a.submit, #searchbox a.submit img {top:6px; padding:0;border:0;}
#searchbox input.submit, #searchbox a.submit img,
#quicklinks input.submit, #quicklinks a.submit img {background:#006dcc; border:solid 1px #fff;}

.sortby {padding:4px 10px 8px 10px;}
	.sortby label {font-weight:bold;}
	.sortby select {color:#fff; font-size:120%; min-width:120px; margin:0 4px;}
	
	.press-release .sortby {margin-bottom:17px; padding:3px 4px 7px 4px;}
	.press-release .sortby select {font-size:120%; margin:0 2px;}
	.advanced .sortby {position:relative; top:-3px;}
	.advanced .sortby p {margin-bottom:8px;}
	
	#event-calendar .sortby {margin-bottom:10px;}
	#event-calendar .sortby label, #event-calendar .sortby select, #event-calendar .sortby input.txt,
	#event-calendar .sortby a {float:left;}
	#event-calendar .sortby .events-form {position:relative; top:2px;}
	#event-calendar .sortby .events-form input.submit {top:2px;}
	#event-calendar .sortby .events-form label {position:relative; top:3px; font-weight:normal;}
	#event-calendar .sortby input.txt {width:115px; font-size:120%;margin:0 8px; padding:2px; border:solid 1px #ccc;}
	
.generic-form {margin-bottom:-18px; line-height:normal;}
.generic-form p {margin-left:1px;}
.generic-form h3 {margin-bottom:4px;}
.generic-form label {display:block; margin:0 0 -9px 1px;}
.generic-form input.txt {width:252px; padding:2px; border:solid 1px #ccc;}
.generic-form select.txt {width:258px;}
.generic-form .rad, 
.generic-form .chk, .generic-form .chk2 {margin:0 10px 0 0; float:left; clear:left;}
.generic-form .rad, .generic-form .chk2 {margin-bottom:10px;}
.generic-form .sel {width:204px; font-size:120%;}
.generic-form textarea {font:100% arial, helvetica, sans-serif;}
.generic-form textarea.txt {width:352px;}
.generic-form .btn-img {margin-right:6px; background:#006dcc;cursor:hand;}
#content .generic-form img.btn-img {margin:0 10px 3px 0; float:none; clear:none;}
.press-release .generic-form {margin-bottom:0;}
.press-release .generic-form h2 label {font-weight:bold; font-size:70%; margin-bottom:-14px;}
.advanced .generic-form label {display:inline;}
.advanced .generic-form input.txt {margin-top:2px;}

/* HUB-PAGE STYLING */
#hub-header {color:#fff;}
	#hub-header h1 {display:inline; line-height:49px;}
	#hub-header .hero-img {width:366px; height:169px; border:solid 3px #666; background:#fff;}
	#hub-header .content {margin-top:-176px;}
	#hub-header .title {width:369px;}
	#hub-header .text {width:192px; line-height:150%;}
		#hub-header .text p {padding:10px 15px 10px 10px; margin:0;}
		
#lowerhub #hub-header {min-height:150px; font-size:110%; background-image:none; padding:10px 0 0 0; margin-bottom:10px;}
	#lowerhub #hub-header img {margin:0; float:left; clear:left;}
	#lowerhub #hub-header p {padding:0 60px 12px 192px;}	
		
#hub-footer {display:block; clear:both;}
	#hub-footer .sp {width:10px; float:left;}
	#hub-footer .span2col-area {width:364px; padding:0;}
	#hub-footer .span2col {width:364px; min-height:103px; border:solid 2px #ff0134; color:#ff0134; padding:7px 0 10px 0;}
		#hub-footer .span2col h3, #hub-footer .span2col p {padding:0 120px 0 10px;}
		#hub-footer .span2col h3 {font-size:160%; line-height:120%; font-weight:normal; display:inline; clear:left;}
		#hub-footer .span2col p {font-size:110%; margin-bottom:0; padding-right:155px;}
		#hub-footer .span2col img {position:relative; top:10px; margin:-7px 0 -10px 0; padding:0; float:right; clear:right;}
	#hub-footer .col {width:186px;}

#hub-footer #arrow {position:absolute; margin-left:320px;}
	#hub-footer #arrow img {top:0; bottom:0; margin:0 10px; float:none; clear:none;}
#hub-footer .solid-colour h3,
#hub-footer .solid-colour img.btm-icon,
#hub-footer .minitext-box, #hub-footer .solid-colour, #hub-footer .solid-colour img {margin:0;}
#hub-footer .solid-colour img.btm-icon {top:0;}

.link-list, #account {display:block; margin-bottom:10px; text-align:left;}
.link-list .heading,
#account .heading {padding:6px; border:solid 1px #e3f1f8; background:#cde6f3 url(../img/bgs/bg_diag.gif) repeat;}
#account .heading {padding-top:7px; text-transform:uppercase; font-size:80%;}
.link-list .heading h2,
#account .heading h2 {display:inline; padding:2px; background:#fff;}

.link-list dd {display:block; padding:8px 14px 8px 8px; border-bottom:solid 1px #e3f1f8; background:url(../img/bgs/bg_arrow_blue.gif) no-repeat 15.45em 1.2em;}		
.link-list dd.on {font-weight:bold; background-color:#f7fbfe;}
.link-list dl.view-more dd {border:0; padding:8px 8px 8px 20px; background:url(../img/bgs/bg_arrow_brown.gif) no-repeat .8em 1.15em;}

.link-list img {margin-right:-10px; float:right; clear:right;}

/* COLOUR REFERENCES */	
.green,
.green img.btm-icon {background:#690;}
.blue,
.blue img.btm-icon {background:#71b8db;}

.brown,
.brown img.btm-icon {background:#963;}
.orange,
.orange img.btm-icon {background:#f60;}
.yellow,
.yellow img.btm-icon {background:#ffb219;}

img.icon-win {background:#006dcc;}
#content img.icon-win {margin-right:0;}

/* fix for safari spacing issue */
#promoQ .green, #promoQ .blue, #promoQ .brown, 
#promoQ .orange, #promoQ .yellow  {border-bottom:solid 1px #fff;}

/* JS pullquote styling */
blockquote.pullquote {width:190px; font-size:110%; margin:0 0 7px 8px; padding:11px; float:right;}
	blockquote.pullquote span {font-weight:bold; font-size:140%;}
	blockquote.pullquote:first-letter {text-transform:uppercase;} 

blockquote.alt {margin:0 8px 7px 0; float:left;}
.pullquote p {margin:0;}
.pullquote p:first-letter {text-transform:uppercase;}

/************************************/
/*** Generic classes & miscellany ***/
/************************************/
/*clear fix taken from http://www.positioniseverything.net/easyclearing.html & adapted for IE7 */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/*end clear fix */

.fl {float:left;}
.fr {float:right;}
.cb {line-height:1px; overflow:hidden; clear:both;}
.jsshow {display:none;}
.hide {position:absolute; left:-10000px;}
.warning {color:#f33;font-weight:bold;}

/*Added FH 04/04/2007 */
.inputmar {margin-left: 23px;}


/* Frazer 13/04/2007 */
.srch-Page{color: #333; font-weight: normal; font-size:1.0em; font-family: arial, helvetica, sans-serif; background-color:#fff; text-align:left;}

#content {margin-top:19px !important;} /*MT added - 12-06-07 - spacing issue*/
#content #press-release .first {margin:-4px 0 10px 0;} /*MT added 12-06-07 - press-release in code an id not class*/