@charset "utf-8";
/* Master style sheet created on 24/01/11 */
/* Master IMRC3 adapted on 21/09/11 */

@media screen {
	/* All screen styles to go between these braces */
	
	/* reset the desired elements for best control */

a, abbr, acronym, address, area, b, bdo, big, blockquote, body, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1,h2, h3, h4, h5, h6,
hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small,
span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

focus {
	outline: 0;
}

/*************/
/* end reset */
/*************/


body {
	font-family: Arial, sans-serif;
	font-size: small;
	background: #CCC;
}

h1 {
	clear: right;
}

/*h2, h3 {
	color: #09C;
	font-size: 340%;
	margin: 0 0 0;
}*/

h3 {
	font-size: 110%;
	margin: 5px 0 14px;
}

h4 {
	color: #000;
	font-size: 100%;
}

#crosschannel h2, #personalisation h2, #email h2, #operations h2, #interactive h2, #cmo h2, 
#digital h2, #social h2, #mobile h2 {
	font-size: 150%;
	margin: 0 0 10px 15px;
}

/*
#crosschannel h2 { color: #917 ; }
#website h2 { color: #80B539 ; }
#email h2 { color: #F36F21 ; }
#operations h2 { color: #FA1; }
#interactive h2 { color: #09C; }
*/

#interactive #panel-header h2 { color: #00B2EF; }
#crosschannel #panel-header h2 { color: #008ABF; }
#email #panel-header h2 { color: #00649D; }
#personalisation #panel-header h2 { color: #00A6A0; }
#digital #panel-header h2 { color: #008A52; }
#social #panel-header h2 { color: #17AF4B; }
#mobile #panel-header h2 { color: #8CC63F; }

#container {
	width: 980px;
	margin: 0 auto;
	padding: 1px 0 0;
	position: relative;
}

#masthead {
	height: 107px;
	position: relative;
}

/*#masthead h1 {
	width: 619px;
	height: 37px;
	position: absolute;
	left: 214px;
	top: 54px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: transparent url(../images/title3.jpg) no-repeat;
}

#img_us #stage h1, #ebook #stage h1, #stage h1 {
	width: 700px;
	height: 50px;
	position: absolute;
	left: 190px;
	top: 50px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: transparent url(../images/title_us.png) no-repeat;}*/


/*#img_fr #stage h1, #ebook #stage h1, #stage h1 {
	width: 750px;
	height: 50px;
	position: absolute;
	left: 190px;
	top: 50px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: transparent url(../images/title_fr.png) no-repeat;
}

#img_de #stage h1, #cmo_de #stage h1, #resourceDE #stage h1, 
.DEDE #stage h1 {
	background-image: url(../images/title_de.png);
}

#stage h1 {
	background-image: url(../images/title_en.png);
}

.ENUS #stage h1 {
	background-image: url(../images/title_us.png);
}*/

/*# Language page title background image styles #*/

/*.ENGB #stage h1 {
	background-image: url(../images/titleresource_en.jpg);
}

#img_uk #stage h1 {
	background-image: url(../images/titlehome_en.jpg);
}*/

/*.FRFR #stage h1 {
	background-image: url(../images/title_fr.png);
}

#img_frr #stage h1 {
	background-image: url(../images/titleresource_fr.jpg);
}

.ESES #stage h1 {
	background-image: url(../images/title_es.png);
}

.ZHCN #stage h1 {
	background-image: url(../images/title_cn.png);
}*/

/*# NEW language page title image styles #*/
.ENUS #title-resource { background-image: url(/images/imrc3_titleresource_us.png); }
.ENUS #title-home { background-image: url(/images/imrc3_title_us.png); }
.ENGB #title-resource { background-image: url(/images/imrc3_titleresource_en.jpg); }
.ENGB #title-home { background-image: url(/images/imrc3_title_en.png); }
.DEDE #title-resource { background-image: url(/images/imrc3_titleresource_de.png); }
.DEDE #title-home { background-image: url(/images/imrc3_title_de.png); }
.ESES #title-resource { background-image: url(/images/imrc3_titleresource_es.jpg); }
.ESES #title-home { background-image: url(/images/imrc3_title_es.png); }
.ZHCN #title-resource { background-image: url(/images/imrc3_titleresource_cn.jpg); }
.ZHCN #title-home { background-image: url(/images/imrc3_title_cn.png); }
.FRFR #title-resource { background-image: url(/images/imrc3_titleresource_fr.jpg); }
.FRFR #title-home { background-image: url(/images/imrc3_title_fr.png); }
.ENUS #title-resource, .ENGB #title-resource, .DEDE #title-resource, .ESES #title-resource, 
.ESES #title-resource, .ZHCN #title-resource, .FRFR #title-resource { position: relative; z-index: 2; background-repeat: no-repeat; text-indent: -9999px; margin: 26px 0 0 179px; } 


/* End language page title background image styles */

#logo {
	margin-left: 20px;
	width: 170px;
}

.shareLink {
	float: left;
	margin: 3px 0 0;
}

/*
#stage {
	width: 980px;
	height: 530px;
	padding: 20px 0 0;
	background: transparent url(../images/home_bckgd3.jpg) no-repeat;
	position: relative;
	overflow: scroll;
}*/
/*
#stage {
	width: 980px;
	height: 638px;
	padding: 20px 0 0;
	background: #000 url(../images/newhome_bckgd.jpg) no-repeat;
	background: #000 url(../images/newhome_bckgd1.jpg) no-repeat;
	position: relative;
	overflow: scroll;
}
*/

#crosschannel #stage, #personalisation #stage, #email #stage, #operations #stage, #interactive #stage,
#digital #stage, #social #stage, #mobile #stage {
	background: #FFF url(../images/static_bckgd.gif) no-repeat right 62px;
}

#homeNav {
	width: 160px;
	float: left;
	margin: 49px 0 0;
}

#homeNav li {
	margin: 0 0 5px;
}

#homeNav li a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#homeNav li a:hover {
	color: #FFF;	
}

#homeNav li#LI_interactive a span.imageTop, #homeNav li#LI_crosschannel a span.imageTop, #homeNav li#LI_website a span.imageTop, 
#homeNav li#LI_email a span.imageTop, #homeNav li#LI_operations a span.imageTop {
	display: block;
	height: 9px;
	background: transparent url(../images/btn_base_top.png) no-repeat -75px top;
}

#homeNav li#LI_interactive a span.imageBot, #homeNav li#LI_crosschannel a span.imageBot, #homeNav li#LI_website a span.imageBot, 
#homeNav li#LI_email a span.imageBot, #homeNav li#LI_operations a span.imageBot {
	display: block;
	padding: 0 18px 10px 10px;
	background: transparent url(../images/btn_base_bot.png) no-repeat -75px bottom;
}

#homeNav li#LI_interactive a:hover span.imageTop { background: transparent url(../images/btn_01top.png) no-repeat right top; }
#homeNav li#LI_interactive a:hover span.imageBot { background: transparent url(../images/btn_01bot.png) no-repeat right bottom; }
#homeNav li#LI_crosschannel a:hover span.imageTop { background: transparent url(../images/btn_02top.png) no-repeat right top; }
#homeNav li#LI_crosschannel a:hover span.imageBot { background: transparent url(../images/btn_02bot.png) no-repeat right bottom; }
#homeNav li#LI_email a:hover span.imageTop { background: transparent url(../images/btn_03top.png) no-repeat right top; }
#homeNav li#LI_email a:hover span.imageBot { background: transparent url(../images/btn_03bot.png) no-repeat right bottom; }
#homeNav li#LI_operations a:hover span.imageTop { background: transparent url(../images/btn_04top.png) no-repeat right top; }
#homeNav li#LI_operations a:hover span.imageBot { background: transparent url(../images/btn_04bot.png) no-repeat right bottom; }
#homeNav li#LI_website a:hover span.imageTop { background: transparent url(../images/btn_05top.png) no-repeat right top; }
#homeNav li#LI_website a:hover span.imageBot { background: transparent url(../images/btn_05bot.png) no-repeat right bottom; }

#interactive #homeNav li#LI_interactive a span.imageTop { background: transparent url(../images/btn_01top.png) no-repeat right top; }
#interactive #homeNav li#LI_interactive a span.imageBot { color: #FFF; background: transparent url(../images/btn_01bot.png) no-repeat right bottom; }
#crosschannel #homeNav li#LI_crosschannel a span.imageTop { background: transparent url(../images/btn_02top.png) no-repeat right top; }
#crosschannel #homeNav li#LI_crosschannel a span.imageBot { color: #FFF; background: transparent url(../images/btn_02bot.png) no-repeat right bottom; }
#email #homeNav li#LI_email a span.imageTop { background: transparent url(../images/btn_03top.png) no-repeat right top; }
#email #homeNav li#LI_email a span.imageBot { color: #FFF; background: transparent url(../images/btn_03bot.png) no-repeat right bottom; }
#operations #homeNav li#LI_operations a span.imageTop { background: transparent url(../images/btn_04top.png) no-repeat right top; }
#operations #homeNav li#LI_operations a span.imageBot { color: #FFF; background: transparent url(../images/btn_04bot.png) no-repeat right bottom; }
#website #homeNav li#LI_website a span.imageTop { background: transparent url(../images/btn_05top.png) no-repeat right top; }
#website #homeNav li#LI_website a span.imageBot { color: #FFF; background: transparent url(../images/btn_05bot.png) no-repeat right bottom; }

/*
#welcomePanelHolder {
	width: 790px;
	margin: 49px 0 0 190px;
	position: relative;
}

#welcomePanel {
	width: 548px;
	position: relative;
	z-index: 1000;
}

#welcomePanelContent {
	background: transparent url(../images/panel_home.png) no-repeat left bottom;
	padding: 0 15px 15px;
	min-height: 230px;
}

#welcomePanelContent p {
	margin-bottom: 15px;
}

#welcomePanelTop {
	height: 9px;
	background: url(../images/panel_home.png) no-repeat left top;
	font-size: 1%;
}*/

#ebookClicker {
	position: absolute;
	left: 119px;
	bottom: 0;
	height: 242px;
	width: 344px;
}

#iphoneClicker {
	position: absolute;
	left: 600px;
	bottom: 0;
	height: 156px;
	width: 182px;
}

#masterPanelHolder {
	width: 799px;
	height: 560px;
	overflow: hidden;
	margin: 10px 0 0 181px;
	position: relative;
}

#masterPanel {
	width: 590px;
	height: 535px;
	overflow: hidden;
	margin: 0;
	position: relative;
	z-index: 5000;
	background-color: #E1E1E1;
	padding: 1px 0 0;
}

#returnHome {
	font-size: 86%;
	text-align: right;
	background-color: #E1E1E1;
	z-index: 50;
	width: 195px;
	overflow: auto;
	float: right;
margin: 8px 10px 0;
}
#returnHome P {
	padding: 0 5px 5px;
}

#returnHome a {
	color: #000;
	text-decoration: none;
}

#returnHome img {
	vertical-align: -4px;
}

#masterPanelContent {
	background: #E1E1E1;
	padding: 10px 0 0;
	height: 550px;
}

#mainScroller {
	margin: 0 8px 0 15px;
	height: 483px;
	overflow-y: scroll;
	width: 567px;
}

#resourcePanel {
	width: 549px;
	margin: 0;
	overflow: hidden;
	background: transparent url(../images/resource_panel_bckgd.gif) repeat-y;
}

/*# Panel Header #*/

#resourcePanelHeader {
    background: transparent url(/images/panel_header2.jpg) repeat-x ;
    overflow: auto;
    padding: 5px 0;
    border: 1px solid #BABABA;
    border-bottom-width: 0;
}

#resourcePanelHeader h3 {
    color: #000;
    font-size: 100%;
    margin: 0;
    padding: 2px 15px;
    width: 70%;
}

.panelHeaderLink { 
    display: inline-block; 
    float: right; 
    /*width: 30%;*/
    text-align: right; 
    margin: 0 10px 0 0;    
    color: #00649D;
    font-weight: bold;
    text-decoration: none;
}

#buttonPanel {
	float: left;
	width: 176px;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	height: 276px;
}

#buttonPanel ul {
	
}

#buttonPanel li {
	background: transparent url(../images/btn_bckgd.jpg) repeat-x 0 50%;
}

#buttonPanel a {
	display: block;
	padding: 15px;
	border-top: 1px solid #B0B0B0;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

#buttonPanel a:hover {
	color: #FFF;
}

#resourceScroller {
	width: 369px;
	/*height: 460px;*/
	float: left;
	/*overflow-y: scroll;*/
	border-top: 1px solid #B0B0B0;
	/*border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;*/
	background: #FFF;
}

#cmo #resourceScroller {
	width: 547px;
	float: none;
	/*height: 460px;
	overflow-y: scroll;*/
	border-left: 1px solid #CCC;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #CCC;
	background: #FFF;
}

li.last {
	border-bottom: 1px solid #B0B0B0;
}

#interactive #buttonPanel a:hover { background: transparent url(../images/btn_resource01.jpg) repeat-x right 50%; }
#interactive #buttonPanel li.selected a { color: #FFF; background: transparent url(../images/btn_resource01.jpg) repeat-x right 50%; }
#crosschannel #buttonPanel a:hover { background: transparent url(../images/btn_resource02.jpg) repeat-x right 50%; }
#crosschannel #buttonPanel li.selected a { color: #FFF; background: transparent url(../images/btn_resource02.jpg) repeat-x right 50%; }
#email #buttonPanel a:hover { background: transparent url(../images/btn_resource03.jpg) repeat-x right 50%; }
#email #buttonPanel li.selected a { color: #FFF; background: transparent url(../images/btn_resource03.jpg) repeat-x right 50%; }
#operations #buttonPanel a:hover { background: transparent url(../images/btn_resource04.jpg) repeat-x right 50%; }
#operations #buttonPanel li.selected a { color: #FFF; background: transparent url(../images/btn_resource04.jpg) repeat-x right 50%; }
#website #buttonPanel a:hover { background: transparent url(../images/btn_resource05.jpg) repeat-x right 50%; }
#website #buttonPanel li.selected a { color: #FFF; background: transparent url(../images/btn_resource05.jpg) repeat-x right 50%; }

#interactive #buttonPanel li, #crosschannel #buttonPanel li, #email #buttonPanel li, #personalisation #buttonPanel li, 
#digital #buttonPanel li, #social #buttonPanel li, #mobile #buttonPanel li { background: url(/images/btn_bckgd.jpg) repeat-x 0 50%; }
#interactive #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -158px; }
#interactive #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -158px; }
#crosschannel #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -277px; }
#crosschannel #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -277px; }
#email #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -398px; }
#email #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -398px; }
#personalisation #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -518px; }
#personalisation #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -518px; }
#digital #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -638px; }
#digital #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -638px; }
#social #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -758px; }
#social #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -758px; }
#mobile #buttonPanel a:hover { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -878px; }
#mobile #buttonPanel li.selected a { color: #FFF; background: url(/images/sprite_btns_vert2.jpg) repeat-x -18px -878px; }
#interactive #viewports, #crosschannel #viewports, #email #viewports, #personalisation #viewports, 
#digital #viewports, #social #viewports, #mobile #viewports { display: none; }
#resourceList {
	
}

#resourceList li {
	padding: 8px 5px 8px 70px;
	min-height: 47px;
	border-bottom: 1px solid #CCCCCC;
}

#resourceList li.iconExternal {
	background: url(../images/icon_external2.png) no-repeat 24px 11px;
}

#resourceList li.iconVideo {
	background: url(../images/icon_video2.png) no-repeat 24px 11px;
}

#resourceList li.iconDocument {
	background: url(../images/icon_doc.png) no-repeat 24px 11px;
}

#resourceList li.iconEkit {
	background: url(../images/icon_ekit.png) no-repeat 15px 7px;
}

#resourceList li.iconWebinar {
	background: url(../images/icon_webinar.png) no-repeat 24px 7px;
}

#resourceList li.alt {
	background-color: #E3E3E3;
}

#resourceList a {
	text-decoration: none;
	color: #00649D;
	font-weight: bold;
}

#resourceList a:hover {
	text-decoration: underline;	
}

/*# Feature element styles #*/
/* this was video feature */

.featureBlock {
	margin: 0;
	padding: 8px 0 15px;
	overflow: auto;
	width: 549px;
}

.featureHolder {
	float: right;
	width: 204px;
	overflow: hidden;
	height: 137px;
	/*border-right: 1px solid #CCC;*/
}

.featureImage {
	/*border: 1px solid #CCC;*/
	width: 204px;
}

.featureImage a {
	position: relative;
}

.featureImage a span {
	display: none;
	width: 204px;
	height: 24px;
	color: #FFF;
	background: transparent url(../images/link_bckgd.png) repeat;
}

.featureImage a:hover span {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	padding: 6px 0 0;
}

.featureText {
	float: left;
	width: 330px;
}

.featureText a {
	text-decoration: none;
	color: #00649D;
	font-weight: bold;
}

.featureText a:hover {
	text-decoration: underline;
}

.featureText .featureTitle {
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
}
.featureTitle a { color: #000; }

.featureText p { 
	margin: 0 0 8px 0;
	color: #000;
	font-weight: normal;
} 

/* End video elements */

#footer {
	margin: 6px 0 0;
}

#footer p {
	text-align: right;
	font-size: 86%;
}

/*****************/
/*# Form Styles #*/

#overlay {
	width: 980px;
	height: 658px;
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	opacity: .7;
	z-index: 5005;
}

#formContainer {
	top: 40px;
	padding: 8px 15px 15px;
	width: 370px;
	/*border: 2px solid #09C;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;*/
	background: #FFF;
	position: absolute;
	left: 290px;
	z-index: 5050;
}

.frmTitle {
	color: #666;
	font-weight: bold;
	font-size: 110%;
	padding: 0 0 6px 0;
	margin: 8px 0 12px;
	border-bottom: 1px solid #009BCE;
}

.frmIbmPreAmble {
	color: #666;
	padding: 0;	
	margin: 8px 0;
	font-size: smaller;
}

.frmIbmAfterAmble, .frmIbmAfterAmble a  {
	color: #666;
	 margin: 8px 0 20px;
	font-size: smaller;
}
.frmIbmAfterAmble a { color: #09C; }
label {
	display: inline-block;
	color: #FFF;
	padding: 0 0 4px 0;
	cursor: pointer;
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	text-align: right;
	vertical-align: middle;
}

.simpleText {
	margin: 0 0 6px 0;
}

.simpleText input {
	width: 234px;
	color: #666;
	font-family: Arial, san-serif;
	font-size: small;
	vertical-align: middle;
border: 1px solid #CCC;
padding: 2px;
}

.simpleText label { padding: 0; vertical-align: middle; color: #000; }

.simpleSelect {
	text-align: right;
	margin: 8px 0;
	overflow: auto;
	background: none;
}
.simpleSelect label { color: #000; }
.simpleCbx { padding: 0 0 0 100px; vertical-align: middle; }

.simpleCbx label {
	float: none;
	text-align: left;
	overflow: auto;
	width: 220px;
	margin: 3px 0 0;
	vertical-align: middle;
	color: #666;
}

.simpleCbx input { margin: 0 5px 0 0; vertical-align: middle; }

.simpleSelect select {
	width: 200px;
	margin: 0;
	float: left;
	color: #000;
}

.optin {
	margin: 0;
	font-size: smaller;
}

.btnHolder {
	text-align: left;
	padding: 0 0 0 130px;
}

.btnSubmit {
	height: 24px;
	width: 112px;
	background: #009BCE;
	color: #FFF;
	border: none;
	padding: 0 0 2px 0;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.closeWindow, .closePreview {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 11px;
	right: 15px;
	background: transparent url(../images/btn_close2.gif) no-repeat;
	z-index: 500;
}

.closePreview {
	background: transparent url(../images/btn_close_w.gif) no-repeat;
	z-index: 2500;
	right: 20px;
}

.closeWindow a, .closePreview a {
	display: block;
	width: 17px;
	height: 17px;
	text-transform: uppercase;
	text-indent: -9999px;
}

/*# Video Container #*/
#videoContainer {
	top: 50px;
	padding: 25px 25px 25px 25px;
	width: 930px;
	/*height: 410px;*/
	background: #FFF;
	position: absolute;
	left: 0px;
	z-index: 5050;
	/*border: 2px solid #09C;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;	
	border-radius: 12px;*/

}

/*# Video Container #*/
#videoHostedContainer {
	background: none repeat scroll 0 0 #fff;
	
	height: 500px;
	left: 226px;
	padding: 35px;
	position: absolute;
	top: 22px;
	width: 550px;
	z-index: 5050;
	border: 2px solid #09C;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

/*# Video Wide Screen Container #*/


#videoHostedWideScreenContainer, #videoHostedWideSContainer {
	background: none repeat scroll 0 0 #fff;	
	/*height: 550px;*/
	left: 0px;
	padding: 15px;
	position: absolute;
	top: 14px;
	width: 950px;
	z-index: 5050;
	/*border: 2px solid #09C;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;*/
}


/*# Megazine page #*/

.swfHolder {
    position: relative;
    z-index: 1400;
    padding: 0 150px;
	
}
#linksHolder {
    bottom: 25px;
    left: 240px;
    position: absolute;
    text-align: center;
    width: 500px;
    z-index: 1500;
}

#linksHolder div {
    background: none repeat scroll 0 0 #009BCE;
    display: inline-block;
    padding: 8px;
    width: 220px;
}
#downloadEbook {
    margin-right: 10px;
}

#downloadEbook a, #exitEbook a {
    color: #FFFFFF;
	text-decoration: none;
}

#downloadEbook a:hover, #exitEbook a:hover {
	text-decoration: underline;
}

#downloadEbook a img {
	margin-right: 6px;
	vertical-align: 1px;
}

#overlayEbook {
	width: 980px;
	height: 660px;
	position: absolute;
	background: transparent url(../images/overlay_bckgd.png) repeat;
	top: 0;
	left: 0;
	z-index: 50;
	padding: 0;
}

.hidden {
	display: none;
}

/*.interactive h2, .crosschannel h2, .website h2, .email h2, .operations h2 { font-size: 240%; }
.interactive h2, .interactive h3 { color: #09C; }
.crosschannel h2, .crosschannel h3 { color: #917;}
.website h2, .website h3 { color: #80B539; }
.email h2, .email h3 { color: #F36F21; }
.operations h2, .operations h3 { color: #FA1; }*/

.buttonInfo ul {
	margin: 15px 0 15px 18px;
	list-style: disc;
}

.buttonInfo li {
	color: #000;
	margin: 0 0 5px;
}

/*# Updates IMRC2 - added 220611 #*/
#promoPanel {
	position: relative;
	padding: 1px 15px 15px;
	width: 518px;
	background: transparent url(../images/subpanel.png) no-repeat left bottom;
}

#promoPanel h3, #promoPanel p {
	color: #333;
}
#promoPanel h3 {
	font-size: 136%;
}


#promoPanel a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#promoPanel a:hover {
	text-decoration: underline;
}

#promoPanel .promoLink, #popPanel .promoLink {
	width: 25px;
	height: 25px;
	position: absolute;
	background: url(../images/linkarrow.png) no-repeat;
}

.promoLink a {
	width: 25px;
	height: 25px;
	text-transform: capitalize;
	text-indent: -9999px;
	display: block;
}

#popPanel {
	position: absolute;
	top: 0;
	left: 327px;
	z-index: 500;
	width: 211px;
	overflow: hidden;
}

#popPanelTop {
	height: 9px;
	background: url(../images/poppanel_home.png) no-repeat left top;
}

#popPanelContent {
	background: url(../images/poppanel_home.png) no-repeat left bottom;
	padding: 0 0 10px;
}

#popPanelContent p {
	color: #FFF;
	font-size: 86%;
	margin: 0 16px 10px 22px; 
}

#promoPanel .promoLink {
	top: 10px;
	right: 10px;
}

#popPanel .promoLink {
	bottom: 10px;
	right: 10px;
}

.pollLink a {
	color: #fff;
	text-decoration: none;
}

.pollLink a:hover {
	text-decoration: underline;
}


#popPanelContent .question { margin: 0 16px 8px 22px; color: #FFF; font-weight: bold; font-size: 120%; line-height: 130%; }
#popPanelContent .pollLink { margin: 0 16px 3px 22px; color: #FFF; font-weight: bold; font-size: 100%; line-height: 130%; }

#masterPanelHolder #popPanel {
	left: 499px;
	width: 138px;
}

#masterPanelHolder #popPanelContent {
	background: url(../images/poppanel_sub.png) no-repeat right bottom;
}
#masterPanelHolder #popPanelTop {
	background: url(../images/poppanel_sub.png) no-repeat right top;
}

#masterPanelHolder .pollLink { margin-right: 30px}

#overlayNew { position: absolute; left: 0; top: 0; width: 980px; height: 658px; opacity: .7; background: #000; z-index: 5000; }
#pollHolder { width: 548px; position: absolute; z-index: 5000; left: 190px; top: 50px; }
#pollContent {
	padding: 15px 20px;
	/*background: url(../images/poll_bckgd.png) no-repeat left top;*/
	background: #FFF;
	overflow: auto;
}
#pollContent h2 { font-size: 140%; font-weight: normal; margin: 0 140px 10px 0; }
#pollBot { background: url(../images/poll_bckgd.png) no-repeat left bottom; height: 12px; font-size: 1%; }
#answersAll, #barGraphAll { width: 50%; float: left; }
.instruct { font-size: 86%; margin-bottom: 10px; }
#pollContent label { color: #666; }
#answersAll { margin-top: 15px; border-top: 1px solid #CCC; }
#closePoll {
  background: url("../images/btn_close2.gif") no-repeat scroll 100% 4% transparent;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 45px;
}
#closePoll a {
  color: #666666;
  display: block;
  font-size: 86%;
  height: 16px;
  text-decoration: none;
  width: 45px;
}
/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; border-bottom: 1px solid #CCC; }
.simpleCbx .custom-checkbox, .simpleCbx .custom-radio { border: none; }  	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 100%;
	padding-right: 1em;
	line-height: 130%;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}
.custom-checkbox label {
	background: url(../images/checkbox.gif) no-repeat; 
}

.custom-radio label { 
	background: url(../images/radiobutton.gif) no-repeat; 
}
.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}

.custom-radio, .custom-checkbox {
	width: 50%;
	float:left;
}
.simpleCbx .custom-radio, .simpleCbx .custom-checkbox {
	width: 60%;
}

#bar01, #bar02, #bar03, #bar04, #bar05 {  }
.percentText { float: left; }

.pollItem { clear: left; }

.barCol {
	float: left; 
	height: 22px; 
	margin: 5px 0 0 10px;
	background: url(../images/barblue_left.jpg) no-repeat;
}

.barInner { height: 22px; background: url(../images/barblue_right.jpg) no-repeat right top; }
.selected { background: url(../images/barpurple_left.jpg) no-repeat; }
.selected .barInner { height: 22px; background: url(../images/barpurple_right.jpg) no-repeat right top; }
.percentText { margin: 7px 0 0 3px; }
.first {
	border-top: 1px solid #CCC; padding-top: 8px;
}
#thePoll { overflow: auto; margin: 10px 0 0 0;}

#pollContent label {
	width: 228px;
}

/*.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}*/
#cmoCorner { position: absolute; right: 0; bottom: 0; width: 203px; height: 111px; background: url(/images/cmocorner_en.png) no-repeat; }
.DesignMode #welcomePanelHolder { margin: 0; }
#centreCols { overflow: auto; margin-bottom: 8px; }
.cols { float: left; }
.lCol { width: 260px; }
.rCol { width: 272px; text-align: right; }
.mLeft { margin-right: 18px; }
#cmo .rCol { width: 250px; }
#interactive #cmoCorner, #crosschannel #cmoCorner, #email #cmoCorner, 
#website #cmoCorner { display: none; }
#cmo #stage { background: #FFF url(../images/cmo_corner_bckgd.png) no-repeat 0 1px; }
#cmo #cmoCorner { background-image: url(../images/homecorner_en.png); }


#cmo #mainScroller h2 {
    font-size: 180%;
    margin: 7px 0 10px 26px;
}
#cmo #centreCols {
	padding-left: 0;
	margin-bottom: 15px;
}
#cmo .mLeft {
  margin-right: 22px;
}
#cmo .lCol {
    width: 275px;
}

#piechartHolder {
	float: left;
	margin: -200px 0 0 0;
}

.rCol p {
	margin: 15px 0;
}

.rCol p img {
	vertical-align: -4px;
	margin-right: 5px;
}

.rCol a {
  color: #0099CC;
  font-weight: bold;
  text-decoration: none;
}

.rCol a:hover {
	text-decoration: underline;
}

/*# IMRC3 Styles new #*/
#stage {
	margin: 0 auto;
	width: 980px;
	height: 658px;
	position: relative;
	overflow: hidden;
}
#header { height: 62px; position: relative; z-index: 5; background: url(/images/header_bckgd.jpg) repeat-x; }
#main-nav-panel {
	position: absolute;
	left: 0;
	top: 90px;
    z-index: 55;
	width: 166px;
}
#home-nav li {
	width: 162px;
	height: 40px;
	background: url(/images/sprite_btns_vert.jpg) no-repeat -12px -60px;
	margin: 0 0 5px;
}

#home-nav a {
	display: block;
	width: 142px;
	height: 37px;
	padding: 3px 10px 0 10px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#home-nav a:hover { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 100px; }

#home-nav #LI_personalisation a, #home-nav #LI_social a { padding-top: 0; line-height: 40px; height: 40px; }

#home-nav #LI_interactive a:hover { background-position: 0 -180px; }
#home-nav #LI_crosschannel a:hover { background-position: 0 -300px; }
#home-nav #LI_email a:hover { background-position: 0 -420px; }
#home-nav #LI_personalisation a:hover { background-position: 0 -540px; }
#home-nav #LI_digital a:hover { background-position: 0 -660px; }
#home-nav #LI_social a:hover { background-position: 0 -780px; }
#home-nav #LI_mobile a:hover { background-position: 0 -900px; }

#interactive #LI_interactive a { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -180px; }
#crosschannel #LI_crosschannel a { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -300px; }
#email #LI_email a{ color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -420px; }
#personalisation #LI_personalisation a { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -540px; }
#digital #LI_digital a { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -660px; }
#social #LI_social a { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -780px; }
#mobile #LI_mobile a { color: #FFF; background: url(/images/sprite_btns_vert.jpg) no-repeat 0 -900px; }

#viewports {
	position: absolute;
	background-color:#FFF;
	width: 980px;
	height: 658px;
	margin: 0 auto;
	z-index: 1;
}

#welcome-panel {
	width: 554px;
	position: absolute;
	top: 80px;
	left: 167px;
	z-index: 15;
	background: transparent url(/images/transbckgd.png) repeat;
	padding: 10px 14px 10px 20px;
	height: 574px;
}

#welcome-panel h1 { 
	height: 70px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	text-indent: -9999px;	
}
#welcome-panel h2 {
	margin: 10px 0;
font-size: 150%;
}
#welcome-panel h3 {
	margin: 10px 0;
	color: #000;
}
#welcome-panel p {
	margin: 10px 0;
}
#centreCols .lCol p { margin-top: 0; }
#panel-star { height: 0; width: 0; overflow: hidden; }
			
.cir1 { background: url(/images/circle02.png) no-repeat; left: 660px; top: 270px; }
.cir2 { background: url(/images/circle01b.png) no-repeat; left: 780px; top: 300px; }
.cir3 { background: url(/images/circle03b.png) no-repeat; left: 795px; top: 50px; }
#star { position: absolute; top: -10px; left: -10px; z-index: 500; }

#promo-panel {
	clear: both;
	position: relative;
	margin: 20px 0 0 10px;
	width: 540px;
}
#promo-panel-top {
	background: transparent url(/images/blue_panel.png) no-repeat;
	font-size: 1%;
	height: 10px;
}
/*# EN US Pink #*/
.ENUS #promo-panel-top, .ENGB #promo-panel-top { background-image: url(/images/pink_panel.png); }
.ENUS #panel-panel-content, .ENGB #panel-panel-content { background-image: url(/images/pink_panel.png); }
#panel-panel-content {
	padding: 1px 30px 6px 50px;
	background: transparent url(/images/blue_panel.png) no-repeat left bottom;
}

#promo-panel h3 { color: #FFF; font-weight: bold; font-size: 140%; margin-top: 0; }
#promo-panel p { color: #FFF; }
#promo-panel a { color: #FFF; font-weight: bold; }

.interactive h2 {  color: #00B2EF; }
.crosschannel h2 { color: #008ABF; }
.email h2 { color: #00649D; }
.personalisation h2 { color: #00A6A0; }
.digital h2 { color: #008A52; }
.social h2 { color: #17AF4B; }
.mobile h2 { color: #8CC63F; }
.interactive { background: transparent url(/images/icon_int.png) no-repeat 100% 10px; }
.crosschannel { background: transparent url(/images/icon_cro.png) no-repeat 100% 10px; }
.email { background: transparent url(/images/icon_ema.png) no-repeat 100% 10px; }
.personalisation { background: transparent url(/images/icon_per.png) no-repeat 100% 10px; }
.digital { background: transparent url(/images/icon_dig.png) no-repeat 100% 10px; }
.social { background: transparent url(/images/icon_soc.png) no-repeat 100% 10px; }
.mobile { background: transparent url(/images/icon_mob.png) no-repeat 100% 10px; }
.buttonInfo { padding-right: 180px; margin-bottom: 30px; min-height: 289px; }
/*# New poll styles #*/
#circle-lrg { width: 171px; height: 203px; padding: 50px 16px 0; position: absolute; top: 300px; right: 15px; background: url(/images/pcircle_lrg.png) no-repeat; z-index: 500; }
#circle-lrg .poll-title { font-weight: bold; font-size: 16px; margin-bottom: 5px; }
#circle-lrg p { color: #000;text-align: center; font-weight: bold; }
#circle-sml { width: 134px; height: 134px; position: absolute; top: 455px; right: 15px; background: url(/images/pcircle_sml.png) no-repeat; z-index: 501; }
#circle-sml #circle-sml-inner { width: 104px; height: 104px; padding: 14px; position: relative; }
#circle-sml p { color: #FFF; font-weight: bold; font-size: 18px; text-align: center; padding-top: 10px; }
.DEDE #circle-sml p { padding-top: 0;} 
#circle-sml a { color: #FFF; text-align: center; text-decoration: none; }
#circle-sml a:hover { text-decoration: underline; }
#circle-sml a.poll-link { position: absolute; bottom: 8px; left: 47px ; display: block; width: 41px; height: 41px; margin: 15px auto 0; background: transparent url(/images/btn_poll.png) no-repeat; text-indent: -9999px; }
#interactive #circle-lrg, #crosschannel #circle-lrg, #email #circle-lrg, 
#personalisation #circle-lrg, #digital #circle-lrg, #social #circle-lrg, #mobile #circle-lrg { top: 200px; right: 3px; }
#interactive #circle-sml, #crosschannel #circle-sml, #email #circle-sml, 
#personalisation #circle-sml, #digital #circle-sml, #social #circle-sml, #mobile #circle-sml { top: 355px; right: 3px; }
/*# Home CMO styles #*/
#cmo-corner { position: absolute; left: 0; bottom: 0; height: 89px; width: 154px; z-index: 60; background: transparent url(/images/cmo_bckgd_imrc3.png) no-repeat; }
#cmo-bckgd { position: absolute; left: 0; bottom: 0; height: 89px; width: 154px; z-index: 60; background: transparent url(/images/cmo_bckgd_blue_imrc3.png) no-repeat; }
#cmo-corner-link { cursor: pointer; width: 113px; height: 70px; display: block; position: absolute; left: 10px; bottom: 0; color: #333; font-size: 18px; font-weight: bold; background: transparent url(/images/cmo_text.png) no-repeat; z-index: 70; }
#cmo #cmo-corner-link { cursor: pointer; width: 113px; height: 70px; display: block; position: absolute; left: 10px; bottom: 0; color: #333; font-size: 18px; font-weight: bold; background: transparent url(/images/cmo_home_link.png) no-repeat; z-index: 70; }
#cmo #cmo-corner { background-image: url(/images/cmo_bckgd_blue_imrc3.png); }
#cmo #cmo-bckgd { background-image: url(/images/cmo_bckgd_imrc3.png); }
iFrame { display: block; margin: 0 auto; }

/*# French CSS Changes #*/
.FRFR #circle-sml-inner p {
	margin-top: 30px;
	margin-left: -5px;
	font-size: 16px;
}

.FRFR #circle-sml {
	top: 470px;
}

.FRFR #panel-panel-content {
	padding-top: 17px;
}

} /* Closing brace for @media screen styles // Do not delete */

@media print {
	/* All print styles to go between these braces */
	
}