/* Sections:
--------------------------------------------------------------------------------------------------
===@topLevelContainers - wrapper / page enclosure style
===@headerContainer - header styles
===@mainContentContainer - main content container styles
===@secondaryNavContainer - nav container styles
===@contentContainer - content container styles
===@widgetContainer - widget column styles (currently placed on the right of content container)
===@baseline - general element styles, non specific
===@links - link styles
===@secondaryNavigation - secondary / global nav styles
===@tables -  table styles
===@definitionLists -  definition lists used for image - title - description layouts
===@popUpContainers - div layer styles and transparancies
===@allPurpose - general classes and DIV place holders styles -- contains color classes, and effects classes
===@dashbanner - dash banner and dash container styles
-------------------------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

* {
}

body {
	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    line-height: 1.5;  
	background: #fff;
	margin: 0;
	padding: 0;
}

.holidayBg {
/*	background: #fff url('../../assets/images/structure/holidayBg.jpg') top left repeat-x; */
}

/* ===@allPurpose - All purpose Classes and DIV's START */

.clear {clear: both;}

.clearRight {clear: right;}
.clearLeft {clear: left;}	

.newsTitle {display: block;}

#wrapper.personal .underline, #popUpWrapper .underline, #microSite .underline {
	padding-bottom: 3px; 
	border-bottom: 1px solid #a5be00;
}

#wrapper.aboutUs .underline { 
	padding-bottom: 3px; 
	border-bottom: 1px solid #1a4183;
}

#wrapper.business .underline { 
	padding-bottom: 3px; 
	border-bottom: 1px solid #f48e00;
}

hr {
	clear: both;
	border: none;
	padding: 0;
	margin: 7px 0 2px 0;
	height: 1px;
	color: #e8e8e8;
	background-color: #e8e8e8;
}

sup {font-size: 9px;}

#featuredItem { 
	margin: 10px 0;
	width: auto;
	text-align:center;
}

a img {vertical-align: middle;}

.vertTop {vertical-align: top;}
.vertBottom {vertical-align: bottom;}
.vertMiddle {vertical-align: middle;}

.longListItem {
	display: inline-block; 
	text-indent: 1em;
}

.strong {font-weight: bold;}
.normalText {font-size: 12px; font-weight: normal; line-height: normal;}
.smallText {font-size:10px;}
.largeText {font-size:15px;}
.xLargeText {font-size: 24px;}
.legal {font-size:smaller;}
.titleBold {font-weight: bold;}
.note {font-size: 10px; color: #888;}

.titleBold:after {content: "|";}	

.odd, .white {background-color: #fff;}
.even, .gray {background-color: #e4e4e4;}
.highlight {background-color: #00CCCC;}
.borders {border: 1px solid #d4d4d4;}
.noBorder {border: none !important;}
.noPadding {padding: 0; margin: 0;}
.noMargin {margin: 0 !important;}
.noPad {padding: 0 !important;}
.noHover {cursor: default !important;}
.tightLeft {left: 0;}
.tightRight {right: 0;}
.fullSection {width: 100%;}
.block {display: block !important;}
.pointer {cursor: pointer;}

.moreLink {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#wrapper.segment .moreLink {right: 30px; bottom: 84px;}
body.fr #wrapper.segment .moreLink {right: 20px; bottom: 50px;}

.row {margin: 1em 0;}

.floatRight {float: right !important;}
.floatLeft {float: left !important;}
.right {float: right !important;}
.left {float: left !important;}
.alignRight {text-align: right;}
.center {text-align: center;}
.center2col {width: 68%; margin-left: auto; margin-right: auto;}
.noFloat {float: none !important;}
.spacer30px {float: left; padding-right: 15px !important; padding-left: 15px !important;}

th.tightCenter {
	padding: 0.3em;
	vertical-align: middle;
	text-align: center;
} 

.backTop {
	text-align: right;
	text-transform: uppercase;
	color: #999 !important;
	display: block;
  	padding-right: 15px;
   	background: transparent url('../../assets/images/structure/top-arrow.gif') no-repeat center right;
}	

/* colour classes */
#wrapper.personal span.sectionColor {color: #a5be00;}
#wrapper.aboutUs span.sectionColor {color: #1a4183;}
#wrapper.business span.sectionColor {color: #f48e00;}

.blue {color: #325597;}

.greenBorder {border-color: #A5BE00;}
.blueBorder {border-color: #1A4183;}
.orangeBorder {border-color: #F48E00;}

.blueBold { 
	font-weight: bold;
	color: #325597;
}

.whiteBkg {background: #fff;}

.whiteText {
	color: #fff;
	font-weight: normal;
}

.boldWhiteText {
	color: #fff;
	font-weight: bold;
}
/* colour classes end */

/* message div's (errors, success, info, etc) styles START */
.message {
	display: block;
	color: #444;
	margin-bottom: 2px;
	vertical-align: middle;
	zoom: 1;
}

.infoMsg {
	display: inline-block;
	line-height: 25px;
	background: #fff url('../../assets/images/structure/info_tab.gif') left 1px no-repeat;		
	padding: 0;
	padding-left: 27px;
}

.infoMsg span {
	display: inline-block; 
	border: 1px solid #336699;
	font-size: 11px;
	line-height: 21px; 
	padding: 0 3px;
	margin: 1px 0 0 -4px;
}

.message fieldset {
	margin: 0 !important;
	padding: 0;
	border: none;
}

.message p {
	line-height: 20px;
	margin: 0;
	margin-left: 37px;
	padding: 5px;
	background: #fff;
}

.message ul {
	list-style-type: none; 
	line-height: 20px;
	margin: 0;
	margin-left: 37px;
	padding-left: 5px;
	background: #fff;
}

.message code {
	float: left;
	text-align: center;
}

div.msgErr, code.err {
	background: #ff0000 url('../../assets/images/structure/error_dk.gif') 11px center no-repeat;
}

div.msgWarning {
	background: #f38c03 url('../../assets/images/structure/warning.gif') 11px center no-repeat;
}

div.msgInfo {
	background: #336699 url('../../assets/images/structure/info_dk_03.gif') 11px center no-repeat;
}

div.msgSuccess {
	background: #DAF3BD url('../../assets/images/structure/success_icon.gif') 11px center no-repeat;
}

/* Site Switcher Message Divs STARTS */
#wrapper.personal div.siteSwitch {
	background-color: #f38c03;
}

#wrapper.personal .siteSwitch {
	border: 1px solid #f38c03;
}

#wrapper.business div.siteSwitch {
	background-color: #a5be00;
}

#wrapper.business .siteSwitch {
	border: 1px solid #a5be00;
}

div.siteSwitch p {
	background-color: #fff;
	margin-left: 44px;
}
/* Site Switcher Message Divs END */

.msgErr {
	border: 1px solid #ff0000;
}
	
div.msgErr p, div.msgErr ul {
	border-left: 1px solid #ff0000;
	background: #fff url('../../assets/images/structure/error_gradient.jpg') top right repeat-y;
}

.msgWarning {
	border: 1px solid #ff9900;
}

div.msgWarning p, div.msgWarning ul {
	background-color: #fff;
	border-left: 1px solid #ff9900;
}	

.msgInfo {
	border: 1px solid #1097f6;
}

div.msgInfo ul, div.msgInfo p {
	background-color: #fff;
	border-left: 1px solid #1097f6;
}	

.msgSuccess {
	border: 1px solid #DAF3BD;
}

div.msgSuccess ul, div.msgSuccess p {
	background: #fff url('../../assets/images/structure/success_gradient.jpg') top right repeat-y;
	border-left: 1px solid #DAF3BD;
}	


.error, .alert {
	font-weight: bold;
	color: #ff0000;	
}

.error code {
	display: inline-block; 
	display: -moz-inline-stack; 
	width: 18px;
	zoom: 1;
	vertical-align: text-top; 
	background: url('../../assets/images/structure/error.gif') left top no-repeat;	
}

.inputErr {
	background-color: #ff9999 !important;
}

/* message div's styles END */

/* used for drop shadow divs */
.shadow {
	display: inline-block;
	position: relative;
/*	float: left; */
    background: url('../../assets/images/structure/shadow.gif') no-repeat bottom right;
    margin: 12px 0 6px 6px !important;
}

.shadow div.sideBar {
	position: relative;
    display: inline-block;
    margin: -6px 6px 8px -6px !important;
}
  
/* drop shows end */

/* user for toast effect divs */
.toastHolder {
	position: relative;	
	float: left; 
	margin-right: 8px; 
	width: 228px; 
}

.toastHolder ul {margin: 0;}

.regionMargin .toastHolder {margin-right: 8px;}

.toastForeground {
	position: relative; 
	top: 3px; 
	background: #fff url('../../assets/images/structure/marque_bg.gif') top left repeat-y; 
	min-height: 120px;
	border-bottom: 1px solid #3c4b66;
	z-index: 1;
}

* html .toastForeground {height: 120px;}

.toastTop {
	display: block;
	background: #fff url('../../assets/images/structure/marque_top.gif') top left no-repeat;
}

.toastTop h2 {padding: 11px 5px 0 5px; margin: 0;}

.yellow {color: #f38c03;}
.ltBlue {color: #325597;}
.red {color: #9b3244;}

.toastBackground {
	position: absolute; 
	top: 0; 
	left: 0;
	padding: 8px 8px; 
	width: 210px;
	min-height: 160px;
	visibility: hidden;
}

/* ie6 min height setting */
* html .toastBackground {height: 160px;}

/* toast effect divs end */

/* map styles starts */
#map {
	float: right;
	text-align: right;
}

#region5 #map {
	position: relative;
	top: -5px;
	right: -5px;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	background: url('../../assets/images/structure/tooltip_gradient.jpg') left top repeat-x;	
}

#map img.featureMap {
	margin-top: 10px;
	margin-bottom: 6px;
}
/* map styles ends */

/* evenlope styles START */
.envelope {
	position: relative;
	display: block;
	height: 15em;
	background: #fff;
	padding: 2em;
	margin: 10px;
	border: 1px solid #c0c0c0;
}

.envelope .from {
	position: absolute;
	top: 10px;
	left: 10px;
}

.envelope address {
	padding: 10px;
	border: 1px solid #d4d4d4;
}

.envelope .to {
	position: absolute;
	top: 7em;
	left: 40%;
}

/* ===@allPurpose - All purpose Classes and ID's END */

/* ===@topLevelContainers - START */

#microSite, #wrapper, #popUpWrapper {
	margin:2px auto;
	background: #fff;	
}

#wrapper.segment {margin: 22px auto;}
#wrapper, .w960 {width:960px;}
#popUpWrapper, .w620 {width:620px;}
.w720 {width:720px;}

/* ===@headerContainer - START */

#header {
	display: block;
	position: relative;
	width:auto;
	background: #ffffff;
	z-index: 100000;
	zoom: 1; /* set hasLayout for ie6 */
}

#wrapper.segment #header {height: 73px;}
#languageBox #header {height: 71px;}

.personal #header {background: #a5be00;}
.aboutUs #header {background: #1a4183;}
.business #header {background: #f48e00;}

#popUpWrapper #header {
	height: 37px;
	background: #335497 url('../../assets/images/structure/corner.gif') top right no-repeat;
}

#microSite #header, #wrapper.pnf #header {background: #335497 url('../../assets/images/structure/micro_header_bg.jpg') top right no-repeat;}
#wrapper.segment #header, #languageBox #header {background: #335497 url('../../assets/images/structure/segment_header.jpg') top right no-repeat;}

#cpLogoHeader img {
	display: block;
	padding-right: 2px;
	background: #fff;
}

#wrapper.segment #cpLogoHeader img {position: absolute; left: 20px; top: -34px; background:none;}
#wrapper.language #languageBox #cpLogoHeader img {position: absolute; left: 25%; top: -34px; background:none;}

#headerInSection {
	position: absolute;
	top: 7px;
	left: 205px;
	width: 700px;
}

#headerInSection h1 {
	text-indent: -50000em;
}
body.en #wrapper.personal #headerInSection h1 {background: url('../../assets/images/structure/personal-e.gif') top left no-repeat;}
body.fr #wrapper.personal #headerInSection h1 {background: url('../../assets/images/structure/personal_fr.gif') top left no-repeat;}

body.en #wrapper.business #headerInSection h1 {background: url('../../assets/images/structure/business-e.gif') top left no-repeat;}
body.fr #wrapper.business #headerInSection h1 {background: url('../../assets/images/structure/business_fr.gif') top left no-repeat;}

body.en #wrapper.aboutUs #headerInSection h1 {background: url('../../assets/images/structure/aboutUs-e.gif') top left no-repeat;}
body.fr #wrapper.aboutUs #headerInSection h1 {background: url('../../assets/images/structure/aboutUs_fr.gif') top left no-repeat;}

#headerInSection input[type="text"] {
	width: 60%;
	height: 18px;
}

#headerMainNav, #headerPopupNav {
	position: relative;
	height: 38px;	
	padding: 0 8px;
	color: #444;
	background: #fff url('../../assets/images/structure/cpid_shim.gif') bottom left repeat-x;
}

#siteLinks {
	display: block;
	text-align: right;
	font-size: 11px;
	padding-right: 10px;
}

#globalNavA { 
	position: absolute; 
	top: 0; 
	right: 0; 
	padding-bottom: 2px; 
	background: #fff; 
	z-index: 10;
}

#globalNavATabBusiness, #globalNavATabAboutUs, #globalNavATabPersonal { 
	display: inline; 
	float: left; 
	padding: 2px 20px; 
	margin-left: 2px; 
	color: #fff; 
	font-size: 13px;
	width: 70px;



	height: 20px;
	text-align: center;
} 

#globalNavATabPersonal {background: #a5be00 url('../../assets/images/structure/corner.gif') top right no-repeat;} 
#globalNavATabAboutUs {background: #1a4183 url('../../assets/images/structure/corner.gif') top right no-repeat;} 
#globalNavATabBusiness {background: #f48e00 url('../../assets/images/structure/corner.gif') top right no-repeat;} 

.baseColor {color: #444;}

#globalNavD, #globalNavE {margin-top: 7px;}
#globalNavD ul, #globalNavE ul {float: left;}

#globalNavD ul, #globalNavE ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#globalNavD ul.globalNav li, #globalNavE ul.globalNav li {
	padding: 0 15px;
	background: url('../../assets/images/structure/topMenuPipe.gif') left 3px no-repeat;
	position: relative;
}

#globalNavD ul.globalNav li ul li, #globalNavE ul.globalNav li ul li {background-image: none; width: auto; word-wrap: break-word;}
#globalNavD ul.globalNav li ul li.deepNav, #globalNavE ul.globalNav li ul li.deepNav {background-image: url('../../assets/images/structure/arrow_side.gif'); background-position: 230px center; background-repeat: no-repeat; position: relative;}

#globalNavD ul.globalNav li.first {
	padding: 0;
	padding-right: 10px;
	background: none;
}

#globalNavE ul.globalNav li.first {
	padding: 0;
	background: none;
}

/* ===@headerContainer - END */

/* ===@cpid - START */

#cpid {
	padding: 0 8px 2px 8px;
	color: #222;
	background: #fff;
}

#cpid form {display: inline;}

#cpid p {
	padding: 0;
	padding-bottom: 3px;
}

#cpid select {margin: 0; vertical-align: text-bottom; font-size: 12px;}
#cpid p img {vertical-align: bottom;}

#wrapper.personal #cpid {border-bottom: 2px solid #a5be00;}
#wrapper.aboutUs #cpid {border-bottom: 2px solid #1a4183;}
#wrapper.business #cpid {border-bottom: 2px solid #f48e00;}

#cpidNavA {float: left;}
#cpidNavB {float: right;}

/* ===@mainContentContainer - START */

#main {
	position: relative;
	display: inline-block; /*sets hasLayout - required for IE */
	overflow: visible; /*causes modern browsers to enclose child floats*/
}	

#main {
	display: block; /* resets to proper property value without resetting layout*/
}

#main.popUp {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.magazineContainer {
	position: relative; 
	border: 1px solid #c7c7c7; 
	width: 47.5%; 
	padding: 5px; 
}

#regionMTL {width: auto; padding: 5px;}

/* ===@mainContentContainer - END */

/* ===@dashboardTabs - START */
#dashboardTabs {
	height: 37px; 
	color: #FFF;
	background: #fff;
	font-size: 12px;	 
	vertical-align: bottom;  
	line-height: 1.2;
	border-bottom: 4px solid #003366;	
}

#dashboardTabs ul.toolMenu {
	margin: 0;
	padding: 4px 0 0 0;
	font-weight: bold;
	list-style-type: none;
}

#dashboardTabs ul.toolMenu li {
	float: left;
	width: 115px; 
	height: 30px;  
	line-height: 26px;
 	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
	background: url('../../assets/images/structure/fpo_icons_white.gif') top left no-repeat; 
	text-align: center;
}

#wrapper.segment #dashboardTabs ul.toolMenu li {margin: 0;}

#dashboardTabs ul.toolMenu li ul li {
	display: block;
	width: 95%;
	height: 100%;
	float: none;
	padding: 5px;
	background: none;
	text-align: left;
	line-height: normal;
}

#dashboardTabs ul.toolMenu li#moreLinks {
	width: 82px;
	position: relative;
	z-index: 3000; 
}

#dashboardTabs a { 
	display: inline-block;	
	text-decoration: none;
	font-weight: bold;
	color: #3c4b66;
	line-height: normal;
}

#wrapper.segment #dashboardTabs a { 
	text-decoration: none;
	font-weight: bold;
	color: #3c4b66;
/*	line-height: normal; */
	display: table-cell;
	vertical-align: middle;
}

#wrapper.segment #dashboardTabs li#moreLinks a {display: inline-block;}

* html #dashboardTabs a {height: 30px;}

#moreLinks li a {width: 100%;}

#dashboardTabs h1 {
	padding-left: 6px;
	line-height: 40px;
	color: #fff;
	background: #3C4B66 url('../../assets/images/structure/tabs_bg.gif') repeat-x left top;
}

#dashboardTabs li h1 {
	font-size: 13px;
	line-height: 1.2;
	color: #3c4b66;
	margin: 0;
	padding: 0;
	background: none;
}

#wrapper.segment #dashboardTabs li h1, #wrapper.segment #dashboardTabs li h2 {
	font-size: 12px;
	line-height: normal;
	color: #3c4b66;
	margin: 0;
	padding: 0;
	background: none;
	width: 115px;
	height: inherit; 
	display: table;
}

#dashboardTabs ul.toolMenu li:hover, #dashboardTabs ul.toolMenu li.tabHover {background: url('../../assets/images/structure/fpo_icons_grey.gif') top left no-repeat;} 
#dashboardTabs ul.toolMenu li.active {background: url('../../assets/images/structure/fpo_icons_blue.gif') top left no-repeat;} 

#dashboardTabs ul.toolMenu li:hover a, #dashboardTabs ul.toolMenu li.tabHover a {color: #3c4b66;}
#dashboardTabs ul.toolMenu li:hover a, #dashboardTabs ul.toolMenu li.tabHover a, #dashboardTabs ul li.active a, #wrapper.segment #dashboardTabs ul li.active a {color: #fff;} 

#moreLinks {background: none !important;}
#moreLinks a {color: #3c4b66 !important; background: none !important;}
#moreLinks li.tabHover {background: none !important;}

ul#more a {color: #3c4b66; background: none !important;}
ul#more a:hover {text-decoration: underline;}

#dashboardTabs ul.toolMenu li#moreLinks li:hover {
	cursor: pointer;
	background: none;
}

/* #dashboardTabs ul li.active {background: url('../../assets/images/structure/fpo_icons_white.gif') top left no-repeat;} */
/*#dashboardTabs ul li.active a {color: #3c4b66;} */
/* ===@dashboardNav - END */

/* ===@secondaryNavContainer - START */
#region1, #region1b {
	float: left;
	width: 192px;
	margin: 8px 0;
	overflow: hidden;
}

#region1 {margin-bottom: 0;}
#region1b {float: none; clear: left; margin-top: 0;}
* html #region1b {float: left;}

#region1Content, .contents {padding: 5px;}
#region1Content {padding-top: 0;}
/* ===@secondaryNavContainer - END */

/* ===@contentContainer - START */

#main #region2, #main #region4 {float: left;}
#main div #region2, #main div #region4 {float: right;}
#region2 {
	width: 528px;
	margin: 8px 0;	
	overflow: hidden;
	position: relative;
}

/* located beside region1 (left column) */
#region4 {
	width: 768px;
	margin: 8px 0;	
}

/* located beside region3 (right column) */
#region5 {
	float: left;
	width: 720px;
	margin: 0 auto;
	z-index: 1;
}

/* one giant content region */
#region6 {
	float: left;
	width: 960px;
	z-index: 1;
	overflow: hidden;
}

#wrapper.segment #region6 {
	position: relative;
	overflow: visible;
	background: #fff url('../../assets/images/structure/segment_gradient.jpg') top left repeat-x;
}

#region5Content, #region6Content, #regionContent {margin: 8px 5px;}
.regionMargin {margin: 0 4px 8px;}
#wrapper.segment #region6Content {margin: 0 4px;}
/* html #wrapper.segment #region6Content {margin: -30px 4px 30px 4px;} *//* ie6 - not good with negative margins */

#content {
	margin: 5px 5px 5px 10px;
	word-wrap: break-word;
}

#region5 #content, #region6 #content {margin: 0 4px 0 4px; padding-bottom: 4px;}
#wrapper.segment #region5 #content {margin: 0; padding: 0 4px 4px 4px;}

#main.popUp #content {margin: 5px;}
#main.print #content {margin: 10px;}

#regionContents {font-size: 12px;}
#regionContents p {margin: 2px;}
/* ===@contentContainer - END */

/* ===@widgetContainer - START */
#region3 {
	float: right;
	width: 240px;
	font-size: 11px;
	margin: 0;
	background: #e8e8e8;
	position: relative;
	padding-bottom: 5px;
	z-index: 2000; 
}

.noBg {background: none !important;}

#region3 ul {margin: 0; padding: 0 5px 0 17px;}
#region3 ul.noListBullets {padding: 0;}

#region3Content {
	position: relative;
	margin: 0;
	padding: 8px 5px 10px;
}

#region3 .widget, #region5 .widget {width: 230px; margin-bottom: 5px;}
#region3 iframe {width: 240px; overflow: hidden;}

#region6 #region3.noBg #region3Content {padding-top: 0px;}
/* ===@widgetContainer - END */

/* Region7 - Floated left, same width as region3 STARTS */
#region7 {
	float: left;
	width: 240px;
	margin: 0;
}

#region7Content {
	margin: 0 10px 0 0;
	padding: 0;	
}


#region7ContentRight {
	margin: 0 0 0 10px;
}
/* Region7 - Floated left, same width as region3 ENDS */


/* Region8 - Center column STARTS */
#region8 {	
	float: left;
	width: 468px;
	border: 1px solid #d4d4d4;
	margin-bottom: 10px;
	overflow: hidden;
}

#region6 #region5 #region8 {float: right; margin-right: 10px;}
* html #region6 #region5 #region8 {display: inline;}

#region8 #content {margin: 5px 20px;}
/* Region8 - Center column ENDS */

/* Region8 - 1/3rd column STARTS */
.region9 {
	float: left;
	display: block;
	width: 307px;
	margin: 0 15px 5px 0;
	overflow: hidden;
}

.section .region9 {width: 227px; margin: 10px 9px 0 0;}
#region6 .section .region9 {width: 303px; margin: 0 9px 0 0;}

.region9 .columnSection, .region11 .columnSection {position: relative; padding: 0; min-height: 290px;}
* html .region9 .columnSection {height: 290px;}
* html .region11 .columnSection {height: 290px;}
.section .region9 .columnSection {min-height: 320px;}
* html .section .region9 .columnSection {height: 320px;}
#wrapper.segment .region9 .columnSection {min-height: 0;}
* html #wrapper.segment .region9 .columnSection {height: 1%;}

#wrapper.segment .widget .contents {min-height: 110px;}

.region10 {position: relative; width: 240px;}

.region11 {
	float: left;
	display: block;
	width: 459px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

/* Region8 - 1/3rd column ENDS */

/* ===@footer - START */

#footer { 
	display: block;
	clear: both;
	font-size: 11px;
}

#wrapper.business #footerContent {background-color: #f48e00;}
#wrapper.aboutUs #footerContent {background-color: #1a4183;}
#wrapper.personal #footerContent {background-color: #a5be00;}

#footerSilver {
	display: block;
	margin-top: 2px;
	min-height: 90px;
	padding: 6px 10px;
	border-top: 1px solid #ccc;
	background: #fff url('../../assets/images/structure/footer_shim.gif') bottom left repeat-x;
}

* html #footerSilver {
	height: 1%;
}

#footerSilver #canadaLogo {float: right;}
* html #footerSilver #canadaLogo {margin-top: 20px;}

#popUpWrapper #footerSilver #canadaLogo, #microSite #footerSilver #canadaLogo, #wrapper.pnf #footerSilver #canadaLogo {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

#wrapper #footerSilver #canadaLogo {padding: 60px 0 0 0;}
#footerSilver #promoRight {float: right;}
#wrapper #footerSilver #promoRight {min-height: 60px;}
.footerRegion {
	float: left;
	display: inline;
	width: 20%;
}

/* pop up footer starts */
#popUpWrapper #footer, #microSite #footer {background: #fff;}

#footerContent {
	text-align: right;
	padding: 0 12px;
	background: #335497 url('../../assets/images/structure/corner.gif') top right no-repeat;
}

#popUpWrapper #footerSilver, #microSite #footerSilver, #wrapper.pnf #footerSilver {
	position: relative;
	margin-top: 2px;
	min-height: 1%;
	height: 41px;
	padding: 0.5em 1.5em;
	background: #fff url('../../assets/images/structure/footer_popUp_shim.gif') top left repeat-x;
}
/* pop up footer ends */

/* Print Wrapper Styles */
#printWrapper {width: 720px; font-size: 1em;}
#printWrapper #content {padding: 0.5em;}
#printWrapper #header {padding-bottom: 2px; border-bottom: 1px solid #000;}
#printWrapper .closePopup {right: 0; top: 16px;}
#printWrapper h1, #printWrapper h2, #printWrapper h3, #printWrapper h4, #printWrapper h5, #printWrapper h6, #printWrapper p {color: #000;}
#printWrapper #footerContent {background: none; border-top: 1px solid #000;}
#printWrapper table {border: 1px solid #000; border-collapse: collapse;}
#printWrapper table th, #printWrapper table td {background-color: transparent; color: #000; border: 1px solid #000 !important;}
#printWrapper .noPrint {text-align: right;}
@media print {
  .noPrint {display: none;}
}
/* Print Wrapper Styles End */

/* ===@footer - END */

/* ===@topLevelContainers - END */

/* ===@baseline - START */

ul {
	margin: 0 5px 0 10px;
	padding-left: 20px;
}

ul.alphabetic {
	list-style-type: upper-alpha;
}

#region3 ul {margin-left: 0;}

p { 
	line-height: 1.4;
	padding: 4px 0;
	margin: 0;
} 

h1 {
	font: bold 21px/1.3 Arial; 
	margin: 0;
	color: #9b3244; 	
}

h2 {
	font: bold 16px/1.2 Arial; 
	margin: 10px 0;
	color: #9b3244;
}

.sectionTitle {
	margin: 0;
	line-height: 30px;
	min-height: 30px;	
	color: #003366 !important;
	padding-left: 8px;	
	background: #ccdce9;
	font-weight: bold;
	border: 1px solid #d4d4d4;
	text-decoration: none;
}

* html .sectionTitle {height: 30px;}

.sectionTitle2 {
	margin: 0;
	line-height: 39px;
	min-height: 39px;	
	color: #fff !important;
	padding-left: 8px;	
	background: #ccdce9 url('/cpo/mr/assets/images/structure/prm_table_header.jpg') top left no-repeat;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

.sectionFooter2 {
	margin: 0;
	line-height: 39px;
	min-height: 39px;	
	color: #fff !important;
	padding-left: 8px;	
	background: #ccdce9 url('/cpo/mr/assets/images/structure/prm_table_footer.jpg') top left no-repeat;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

* html .sectionFooter2 {
	height: 39px;
}

/* Grey background title */
.sectionTitle3 {
	margin: 0;
	line-height: 32px;
	min-height: 32px;	
	padding-left: 8px;	
	border: 1px solid #d4d4d4;
	background: #ccdce9 url('/cpo/mr/business/productsservices/aadmail/images/GreySectionHeader.jpg') top left repeat-x;
	text-decoration: none;
	position: relative;
}

* html .sectionTitle2 {height: 32px;}
* html .sectionTitle3 {height: 32px;}

#accordion .sectionTitle2, #accordion .sectionTitle3  {cursor: pointer;}
.sectionBorder.noPM, .noPM {padding: 0 !important; margin: 0 !important;}
/*.sectionBorder.noPM p.gray {padding: 6px;}*/
.sectionBorder.noPM p.subSect {padding: 6px; font-size: 15px; color: #37414a; background-color: #eaeaea; font-weight: bold; border-bottom: 1px dotted #cdcdcd;}

div#nowYouCan h2.sectionTitle {
	color: #fff !important;
	padding-left: 6px;
	background: #a5be00;
}

div#whereToBuy h2.sectionTitle {
	color: #fff !important;
	padding-left: 6px;
	background: #6699cc;
}

div#nowYouCan div.elegantTitle {border: 1px solid #A5BE00;}	
div#whereToBuy div.elegantTitle {border: 1px solid #6699cc;}	
div#marquee div.elegantTitle, div.greyTitle div.elegantTitle {border: 1px solid #7f827f;}	
}
div#nowYouCan li a img, div#whereToBuy li a img {
	margin-right: 5px;
}

div#didYouMean h2.sectionTitle {
	color: #fff !important;
	padding-left: 6px;
	background: #336699;	
}

div#didYouMean div.elegantTitle {
	border: 1px solid #336699;
}	

div#didYouMean ul {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-right: 50px;
}

div#whereToBuy .sectionBorder {padding: 10px;}

/* apply generic icon for all sectionTitles, that have no other classes */
h2[class="sectionTitle"] {
	padding-left: 30px; 
	background: #ccdce9 url('../../assets/images/structure/doc_icon.gif') 9px center no-repeat;
}

a[href $='.pdf'] {
	display: inline-block;
  	padding-right: 15px;
   	background: transparent url('../../assets/images/structure/pdf_icon_tiny.gif') no-repeat center right;
}

#header a[href $='.pdf'], #verticalTabsSpotlight li a[href $='.pdf'], #footer a[href $='.pdf'], .noPDFicon {padding-right: 0 !important; background: none !important;} 

.widget .sectionTitle, #region3 .sectionTitle, #topSearch .sectionTitle {
	height: 1%;
	padding-left: 5px;
	background: #d0dee9 url('../../assets/images/structure/blue_grade_bg.jpg') top left repeat-x;
	font-size: 12px;
}

#region3 .widget2 .sectionTitle {
	height: 33px;
	line-height: 33px;
	color: #9b3244 !important;
	font-size: 14px;
	background: url('../../assets/images/structure/grey-gradient-back.jpg') top left repeat-x;	
}

#region3 .widget2 .sectionTitle2 {
	height: 33px;
	line-height: 33px;
	color: #9b3244 !important;
	font-size: 12px;
	background: url('../../assets/images/structure/grey-gradient-back.jpg') top left repeat-x;	
}

.widget .sectionTitle.double-line, #region3 .sectionTitle.double-line {line-height: 20px !important; height: auto !important;}

.sectionOpen, .results {
	font-weight: bold;
	border-color: #d4d4d4;
	background: url('../../assets/images/structure/blue_grade_bg.jpg') top left repeat;
	z-index: 1; 
}

.expectNext {
	background: url('../../assets/images/structure/green_grade_bg.jpg') top left repeat;
	color: #006600 !important; 
}

div.optionsGradient {
	background: url('../../assets/images/structure/other_options_gradient.jpg') left top repeat-x;
	padding: 0 5px;
}	

div.optionsGradient h2 {
	margin: 2px 0;
	color: #003366 !important;
}

h2.sectionOpen span.icon, h2.sectionRecap span.icon {
	float: left;
	display: inline;
	width: 34px;
	height: 30px;
	background: url('../../assets/images/structure/query.gif') left center no-repeat;
}

.sectionClosed, .sectionRecap {
	font-weight: bold;
	border-color: #d4d4d4;
	background: url('../../assets/images/structure/silver_gradient.jpg') top left repeat !important;	
	z-index: 1;
	cursor: pointer;
}

.sectionClosed {cursor: default;}

.sectionBlade {
	font-weight: bold;
	border-color: #d4d4d4;
	background: url('../../assets/images/structure/silver_gradient.jpg') top left repeat !important;
}

.sectionBladeFooter {
	height: 35px;
	padding: 5px 5px 0 0;
	background: url('../../assets/images/structure/sectionBladeFooter.jpg') top left no-repeat !important;
	font-weight: bold;	
}

.sectionBladeFooter a:link {
	color: #000;
}

h2.sectionClosed, h2.sectionClosed a, h2.sectionRecap, h2.sectionRecap a {color: #708090 !important;}
h2.sectionClosed a {cursor: pointer;}

h2.sectionClosed span.icon {
	float: left;
	display: inline;
	color: #3c4b66;
	font-weight: bold;	
	width: 34px;
	height: 30px;
	background: url('../../assets/images/structure/query_plus.gif') left center no-repeat;
}

.sectionTitle.results {
	padding-left: 8px;
	font-weight: bold;
}

h2.results span.icon {
	float: left;
	display: inline;
	color: #3c4b66;
	font-weight: bold;	
	width: 34px;
	height: 30px;
	background: url('../../assets/images/structure/doc_icon.gif') left center no-repeat;
}

h2.email span.icon {
      float: left;
      display: inline;
      color: #3c4b66;
      font-weight: bold;      
      width: 16px;
      height: 9px;
      background: url('../../assets/images/structure/email_icon.gif') left center no-repeat;
}

h2.filter span.icon {
      float: left;
      display: inline;
      color: #3c4b66;
      font-weight: bold;      
      width: 16px;
      height: 13px;
      background: url('../../assets/images/structure/page_icon.gif') left center no-repeat;
}

h3 { 
	font: bold 13px/19px Arial;
	padding: 0;
	margin: 2px 0;
	color: #222222;  
}

#wrapper.segment .subNav h3 {
	margin: 0;
	line-height: normal;
	font-size: 11px;
}

.halfSection h3 {clear: left;}

.halfSection h3.icon{clear: none;}

h4 { 
	font: oblique bold 13px/1.3 Arial;
	margin-bottom: 3px;
	color: #222222;  
}

h5 {
	font: bold 13px/1.3 Arial;
	margin: 5px 0;
	color: #9b3244;
}

h6 { 
	font: bold 11px/1.3 Arial;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	color: #222222;  
}

img {
	border: 0;
	padding: 0;
}

/* for IE6, to solve disappearing img when floated next to a block level element */
* html img.floatLeft {position: relative;}
* html img.floatRight {position: relative;}

p img {padding: 2px; display: inline; vertical-align: middle;}

.articleImage {
	margin: 0 0 5px 5px;
}

fieldset, .columnSection { 
	border: 1px solid #d4d4d4;
	padding: 5px;
	margin: 0 0 10px 0;
	display: block;
}

#region6 .section .columnSection {margin: 0;}

.segmentContainer {
	margin-bottom: 5px;
	padding-bottom: 8px;
	color: #fff;
	background: transparent url('../../assets/images/structure/shadow-repeat.jpg') bottom left repeat-x;		
}

.aboutUs .segmentSection {border: 1px solid #1A4183; border-top: none;}
.business .segmentSection {border: 1px solid #F48E00; border-top: none;}
.personal .segmentSection {border: 1px solid #A5BE00; border-top: none;}

.segmentTitle {
	text-align: right;
	line-height: 36px;
	height: 1%;
	padding: 0 40px 0 0;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	margin: 0;
}

.aboutUs .segmentTitle {background: url('../../assets/images/structure/aboutus_bg.gif') top left no-repeat;}
.business .segmentTitle {background: url('../../assets/images/structure/business_bg.gif') top left no-repeat;}
.personal .segmentTitle {background: url('../../assets/images/structure/personal_bg.gif') top left no-repeat;}
.segmentTitle a, #languageBox a {color: #fff !important; display: block; width: 100%; height: 100%;}

.segmentContents {color: #000; padding: 5px;}
/* .segmentContents p {position: absolute; width: 160px;} */
/* .aboutUs .segmentContents {background: url('../../assets/images/structure/AboutUsBoxBack.jpg') center center no-repeat;} */
/* .aboutUs .segmentContents p {top: 15px; left: 132px;} */
/* .business .segmentContents{background: url('../../assets/images/structure/BusinessBoxBack.jpg') center center no-repeat;} */
/* .business .segmentContents p {top: 15px; left: 120px;} */
/* .personal .segmentContents {background: url('../../assets/images/structure/PersonalBoxBack.jpg') center center no-repeat;} */
/* .personal .segmentContents p {width: 260px; top: 15px; left: 25px;} */

.columnSection .pad20Bottom {
	padding-bottom:20px;
}

#region1 .columnSection, #region1b .columnSection {overflow: hidden; margin: 10px 0; background: none;}

#region3Content fieldset.noPadding {margin: 0 0 10px;}

.columnSection, .toastBackground {background: #fff url('../../assets/images/structure/landing_gradient.gif') left bottom repeat-x;}

.columnFloat {float: left; width: 29%;}
.toastBackground {border: 1px solid #3c4b66; border-top: 4px solid #3c4b66;}

div#accordion fieldset {
	margin-bottom: 2px;
}

address {font-style: normal;}

/* ===@baseline - END */

/* Mast Head Styles */
	#mastHead {position: relative; height: 220px; background: url('../../assets/images/structure/segment_main.jpg') top left no-repeat; overflow: hidden;}
	
	#mastHead .overview {position: absolute; width: 430px; top: 108px; left: 20px; color: #fff; font-size: 14px;}
/*	body.fr #mastHead .overview {top: 20px;}	 */
	#mastHead .overview h1 {color: #fff;}
	
	#mastHead #slider {
		position: absolute;
		height: 138px;
		top: 25px;
		right: -355px;
		width: 400px;
		background: transparent url('../../assets/images/structure/PricesPullTab.gif') top left no-repeat;
		padding-left: 13px;
	}		
	
	#slider .contents {
		padding: 0;
		padding-left: 5px;
		background: #fff;
		height: 100%;
		overflow: hidden;
	}

	#slider dl {display: block; position: relative; height: 30px; margin: 12px 0; padding: 0;}
	#slider dd.price {font-size: 11px; font-weight: bold; position: absolute; top: 14px; left: 0;}
	#slider dd {position: absolute; top: -5px; left: 40px; width: 350px;}
/* Mast Head Ends */

/* Marquee STARTS */
#marquee {
	display: block;
	clear: left;
	float: left;
	position: relative;
	width: 100%;
	margin: 10px 0;
	padding-bottom: 5px;
	z-index: 2000;
}

.regionMargin #marquee {margin: 0;}

#region6 #marquee {
	width: 710px;
}

#marquee .contents {margin-left: 0; padding: 0; margin-bottom: 10px;}
#marquee .toastHolder .contents {padding: 5px;}

.marqueeItem {float: left; width: 232px; padding-right: 7px;}

.last {
	float: right !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

div.marqueeItem h2.sectionTitle, div.greyTitle h2.sectionTitle {
	color: #fff !important;
	line-height: 1.2;
	min-height: 100%;
	padding: 5px 0 5px 6px;
	background: #7f827f;	
}

* html div.marqueeItem h2.sectionTitle {height: auto;}
* html div.greyTitle h2.sectionTitle {height: auto;}

div.greyTitle h2.sectionTitle a, div.greyTitle h2.sectionTitle a:visited { color: #fff; }
/* Marquee ENDS */

/* Featured Items Vertical Tabs STARTS */

#verticalTabsSpotlight {
	display: inline-block;
	width: 708px;
	padding: 0;
	margin-top: 6px;
	border: 1px solid #3c4b66;
	background: #fff url('../../assets/images/structure/content_bg.gif') bottom left repeat-x; 	
	overflow: hidden;
}

#verticalTabsOptions {
	float: left;
	display: block;
	width: 169px;
	text-align: right;
	background-color: #6d788c;				
}

#verticalTabsOptions ul {padding: 0; margin: -1px 0; list-style-type: none;}

#verticalTabsOptions ul li {
	min-height: 35px;
	line-height: 35px;
	padding-right: 20px;
	font-weight: bold;
	color: #777;
	background: url('../../assets/images/structure/vert_tab.gif') top left no-repeat;
	overflow: hidden;
}

#verticalTabsOptions ul li.double-line {
	height: 44px;
	line-height: 17px;
	padding-top: 11px;
	background: url('../../assets/images/structure/vert_tab_dbl.gif') top left no-repeat;
}

#verticalTabsOptions ul li a:link {color: #777;}
#verticalTabsOptions ul li.active a:link {color: #444;}

#verticalTabsOptions ul li.double-line.active {
	color: #444;
	background: url('../../assets/images/structure/vert_tab_dbl_on.gif') top left no-repeat;	
}

#verticalTabsOptions ul li.active {
	color: #444;
	background: url('../../assets/images/structure/vert_tab_on.gif') top left no-repeat;	
}

* html #verticalTabsOptions ul li.double-line.actv {
	color: #444;
	background: url('../../assets/images/structure/vert_tab_dbl_on.gif') top left no-repeat;	
}

#verticalTabsOptions #miniBox {
	display: block;
	width: auto;
	padding: 10px;
	text-align: center;
}

#verticalTabsContent {
	display: block;
	width: 529px;
	float: left;	
}

#verticalTabsContent .halfSection {width: 48%; padding: 1%;}

#verticalTabsSpotlight #verticalTabsContent hr {
	padding: 0;
	margin: 2px 0;
	background-color: #ddd;
	color: #ddd;
}

#verticalTabsContent .tabContent {display: none;}
#verticalTabsContent .tabContent.active {display: block; border: none; padding: 10px; overflow: hidden;}

/* .tabContent li {clear: left;} */

/* Featured Items Vertical Tabs ENDS */

/* ===@section container - START */
.section {
	display: block;
	margin-top: 2px;
	background-color: #fff;
	position: relative;
	z-index: 2000;
	zoom: 1;
}

.sectionShadowed { width: 352px; }
.widthA {width: 49%;}
.widthB {width: 30%;}
.widthC {width: 65%;}
.widthD {width: 25%;}
.widthE {width: 74.5%;}

#region2 .section {margin: 5px 0;}

/* fix for proper margin's in ie6 */
div.tips div#nowYouCan.section, div.sectionGradient div#nowYouCan.section {position: static;}

#results.section {z-index: 1;}

div#accordion {overflow: hidden; margin-bottom: 3px;}
div#accordion .section {margin: 0; padding: 0;}

#region3 .signIn label {display: inline-block; width: 60px;}
.region3input {width: 150px;}

body.fr #region3 .signIn label {display: inline-block; width: 90px;}
body.fr .region3input {width: 120px;}

.region3Section, #topSearch .contents, .widget .contents {
	background-color: #fff;
	padding: 5px 7px;
	border: 1px solid #d4d4d4;
	border-top: none;	
} 

.columnSection.noPad .region3Section {
	border-left: none;
	border-right: none;	
}

* html .region3Section {
	width: 214px;
	overflow: hidden;
}

.region3MastHead {
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-bottom: none;
	padding: 0;
}

.widget2 .region3Section {border-bottom: none;}

.widget2 .region3SectionFooter {
	border: none;
	background: transparent url('../../assets/images/structure/shadow-repeat.jpg') top left repeat-x;	
	height: 8px;
	width: auto;
	padding: 0;	
}

.widget2 .region3SectionFooter.greyShadow {background: transparent url('../../assets/images/structure/shadow-repeat-OnGrey.jpg') top left repeat-x; height: 5px;}

.region3MastHead {
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-bottom: none;
	padding: 0;
}

.widget2 .region3Section {border-bottom: none;}

.widget2 .region3SectionFooter {
	border: none;
	background: transparent url('../../assets/images/structure/shadow-repeat.jpg') top left repeat-x;	
	height: 8px;
	width: auto;
	padding: 0;	
}

.widget2 .region3SectionFooter.greyShadow {background: transparent url('../../assets/images/structure/shadow-repeat-OnGrey.jpg') top left repeat-x; height: 5px;}

.region3SectionFooter, #topSearchFooter, .widgetFooter {
	display: block;
	text-align: right;
	padding: 0 10px;
	background: #fff url('../../assets/images/structure/silver_gradient.jpg') bottom left repeat-x;	
	border: 1px solid #d4d4d4;
	border-top: none;	
	border-bottom: 4px solid #3c4b66;
	width: 208px;
}

.columnSection.noPad .region3SectionFooter {
	border: none;
}

.signIn {position: relative;}
.signIn .region3Section {border-bottom: none;}

.signIn .region3SectionFooter {
	text-align: left;
	height: 70px;
}

* html .signIn .region3SectionFooter {float: right;}

#philaSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_phil_bt.jpg') top left no-repeat;}
#cpidSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_obc_bt.jpg') top left no-repeat;}
#epostSign .region3SectionFooter {background: #fff url('../../assets/images/structure/IMG00800.jpg') top left no-repeat;}
body.en #pscSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_postecs_bt_en.jpg') top left no-repeat;}
body.fr #pscSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_postecs_bt_fr.jpg') top left no-repeat;}

.signIn .region3SectionFooter p {
	padding: 15px 0 0 0;
}
/* ===@section container - END */

/* TOP SEARCHES ELEMENT START */

#topSearch {
	display: block;
	margin-bottom: 10px;
}

/* TOP SEARCHES ELEMENT END /*

/* ===@links - START */

/* General Link Classes START */

a {outline: none;}

a:link {
	text-decoration: none; 
	color: #000099;
}

a:visited {
	text-decoration: none;
	color: #000099;
}

a:hover {text-decoration: underline;}

a.top {
	background: url('../../assets/images/structure/arrow_down.gif') right center no-repeat;
	padding-right: 16px;
}

a.noArrow, .noArrow {background: none !important; padding-right: 0 !important;}

.enlarge {
	background: url('../../assets/images/structure/enlarge_icon.gif') left top no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
}
/* General Link Classes END */

/* Region1 - Secondary Nav Link Classes START */
#region1 a:link, #region1b a:link {text-decoration : none;}

#region1 a:visited, #region1b a:visited {
	text-decoration: none;
	color: #000099;
}

#region1 a:hover, #region1b a:hover {text-decoration: none;}
/* Region1 - Secondary Nav Link Classes END */

/* Region3 - Widget Column Link Classes START */
#region3 a:link, #region3 a:visited {text-decoration: none;}
#region3 a:hover {text-decoration: underline;}
/* Region3 - Widget Column Link Classes END */

/* cpid Link Classes START */
#cpid a {color: #222;}
#cpid a:link, #cpid a:visited {text-decoration: underline;}
#cpid a:hover {text-decoration: none;}
/* cpid Link Classes END */

/* h2 section title classes */
.sectionOpen a {color: #003366;}

/* header Link Classes START */
#header a, #findAnother ul.subNav a {
	font-weight: bold;
	color: #444;
}

#header .subNav a {display: block; width: 100%; font-weight: bold; color: #fff;}
#header .subNav a.indent {width: 95%;}

#header .subNav a:hover {text-decoration: none;}
#header .subNav a:visited {color: #fff;}

#globalNavA a {font-weight: normal;}

#header ul.subNav li:hover, #header ul.subNav li.headerNavHover {background-color: #434343;}

#globalNavA #globalNavATabAboutUs ul.subNav li:hover, #globalNavA #globalNavATabAboutUs ul.subNav li.headerNavHover {background-color: #273363;}
#globalNavA #globalNavATabBusiness ul.subNav li:hover, #globalNavA #globalNavATabBusiness ul.subNav li.headerNavHover {background-color: #cc6600;}
#globalNavA #globalNavATabPersonal ul.subNav li:hover, #globalNavA #globalNavATabPersonal ul.subNav li.headerNavHover {background-color: #738309;}

#globalNavA a {color: #fff;}

th a:link, th a:visited, th a:active, th a:hover {color: #fff;}
th a:link, th a:visited {text-decoration: underline;}
th a:active, th a:hover {text-decoration: none;}
/* header Link Classes END */

/* footer Link Classes START */
#footer a {color: #444;}
tfoot a:link, tfoot a:active, tfoot a:hover, tfoot a:visited {color: #fff; font-weight: bold;}
/* footer Link Classes END */

/* ===@links - END */

/* ===@secondaryNavigation - START */
.nav, .nav li ul, .globalNav { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 12px;
}

.h2links .globalNav {
	font-size: 11px;
}

#libraryMenu h2 {margin: 0; padding: 5px;}

.nav li, .globalNav li {padding: 1px 5px 1px 12px;}
#header #globalNavA li {padding: 0;}
ul#fAnother.subNav li {padding: 5px;}

#f1 {padding: 0; text-align: right;}
#f1 li {text-align: left;}

#region1 ul, #region1b ul {margin: 0;}

#region1 ul.nav li, #region1b ul.nav li {
	background: #f5f5f5;
	line-height: 1.4;
	padding: 4px 5px; 
}

div#related ul.nav li.contents, div#resources ul.nav li.related, #libraryMenu h2, div.r1g ul.nav li.related {
	font-weight: bold;	
	color: #fff;
	background: #999 url('../../assets/images/structure/corner.gif') top right no-repeat !important;
	border: none;
}

.nav #archive {
	display:none;
	visibility:hidden;
}

#region1 .nav li, #region1b .nav li {border-bottom: 1px dotted #d4d4d4;}
#region1 .nav li ul li, #region1b .nav li ul li {border-bottom: none;} /* no underline on secondary left nav items */

#header ul.subNav {
	width: 250px;
	font-size: 12px;
	background: transparent url('../../assets/images/structure/navigation.png') top left repeat-y;
}

#header ul.subNav li {
	padding: 3px;
	padding-left: 10px;
}

#header ul.subNav li ul {margin-left: 15px;}
#subNavPersonal, #subNavBusiness, #subNavAboutUs {top: 20px;}

.tab1 {left: 2px;}
.tab2 {left: 114px;}

#globalNavA ul.subNav {width: 150px; font-size: 12px;}
#globalNavA ul.subNav a {padding-left: 12px;}

ul.subNav {
	display: none;
	background-color:#d4d4d4;	
	position: absolute;
	top: 16px;	
	font-size: 11px;
	border: 1px solid #c0c0c0;
	line-height: 1.2;
	z-index: 11000;	
}

* html #header ul.subNav {background: none; background-color: #6b6b6b;}

#globalNavA #globalNavATabAboutUs ul.subNav {background: #1A4183;}
#globalNavA #globalNavATabBusiness ul.subNav {background: #F48E00;} 
#globalNavA #globalNavATabPersonal ul.subNav {background: #A5BE00;}
#globalNavA #globalNavATabAboutUs ul.subNav li, #globalNavA #globalNavATabBusiness ul.subNav li, #globalNavA #globalNavATabPersonal ul.subNav li {padding: 2px; text-align: left;}

ul.secondNav {
	position: absolute;	
	visibility: hidden;
	width: 200px;
	border: 1px solid #777;
	background: transparent url('../../assets/images/structure/navigation.png') top left repeat-y;	
	top: 1px;
	left: 232px;
	line-height: 1.2;
}

* html ul.secondNav {background: none; background-color: #6b6b6b; left: 222px;}

.indent {
	display: block;
	font-weight: normal !important;
	padding-left: 15px;
}

#findAnother ul.subNav, #moreLinks ul.subNav {background-color: #ccdce9;}

#globalNavD ul.subNav {left: 0;}
#globalNavE ul.subNav {right: 0;}
#findAnother.h2links ul.subNav {width: 200px; top: 17px; right: -21px;}
#region6 #findAnother.h2links ul.subNav {left: auto; right: -21px;}
li#moreLinks ul.subNav {width: 200px; top: 25px; left: 25px; z-index: 9000;} 

#findAnother.h2links a {font-weight: bold;}
#findAnother ul#fAnother a {color: #3c4b66;}

li:hover ul.subNav, #dashboardTabs ul.toolMenu li#moreLinks:hover ul#more {display: block;}
ul.subNav li:hover ul.secondNav {visibility: visible;}

/* for ie6 */
li.fHover ul.subNav, #dashboardTabs ul.toolMenu li#moreLinks.tabHover ul#more {display: block;}
ul.subNav li.deepNav.headerNavHover ul.secondNav {visibility: visible;}

#globalNavA div:hover ul {display: block;}

.noListBullets {
	padding: 0;
	margin: 0 15px 0 0;
	list-style-type: none;
}

#footer ul, #footer ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* top left search / shop box styles */
#pageSearch {
	display: none;
}

.personal #searchBox {
	background:url("../../assets/images/structure/corner.gif") no-repeat right top #a5be00;
}

#searchBox {
	height: 32px;
	margin: 5px 0 0;
	padding: 8px 0 0 8px;
}

#searchBox h3 {
	color: #fff;
	display: inline-block;
	font: 20px Arial,Helvetica,sans-serif;
}	

#searchBox a, #searchBox a:visited {
	color: #fff;
}

#iaSearch {
	background: #f5f5f5;
	margin: 0 0 10px 0;
	padding: 9px 0 9px 6px;
	border-bottom: 1px dotted #d4d4d4;
}

#breadcrumb {
	background: url("../../assets/images/app/ecomm/structure/breadcrumb_bg.jpg") repeat-x;
	color: #9B9B9B;
	height: 39px;
	line-height: 31px;
	margin: 5px auto;
	overflow: hidden;
	padding: 0;
}

#breadcrumb li {
	background: url("../../assets/images/app/ecomm/structure/breadcrumb_separator.jpg") top right no-repeat;
	display: inline-block;
	float: left;
	list-style-type: none;
	padding-left: 10px;
	padding-right: 5px;
}

#breadcrumb li.preSelected {
	background: transparent url("../../assets/images/app/ecomm/structure/breadcrumb_preSelected.jpg") bottom right no-repeat;
}

#breadcrumb li.selected {
	background: transparent url("../../assets/images/app/ecomm/structure/breadcrumb_selected.jpg") top right no-repeat;
	display: block;
	height: 39px;
}

#breadcrumb a, #breadcrumb span {
	color: #454545;
	display: inline-block;
	height: 39px;
	padding-right: 15px;
	text-decoration: none;
}

#breadcrumb li.selected a, #breadcrumb li.selected span {
	background: transparent url("../../assets/images/app/ecomm/structure/breadcrumb_selectedArrow.jpg") bottom center no-repeat;
	display: inline-block;
}

/* top left search / shop box styles */

/* ===@secondaryNavigation - END */

/* ===@tables - START */

table caption {display: none;}
table {
	margin: 6px 0;
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #9B3244; 	
	border-spacing: 0;
}

.st2 table {margin-top: 0;}

div.borderOutline table {border: none; margin: 0;}
.borderOutline input {margin: 0 !important; border-width: 1px; font-size: 11px;}
div.borderOutline {border: 1px solid #9B3244; float: left; min-height: 165px;}
* html div.borderOutline {height: 165px;}
div.borderOutline.grey {border-color: #d4d4d4;}

table.miniTable {
	border: none;
	font: 11px/1.3 Arial, Helvetica, sans-serif;	
}

table.miniTable td {border: 1px solid #444;}	

table.miniTable th {
	color: #444;
	background: #fff;
}
table.miniTabler {
	background: none;
	border: 1px solid #325597;
	border-collapse:collapse;
	font: 12px Arial, Helvetica, sans-serif;
	width:100%;	
}

table.miniTabler td {
	padding: 5px;
	border: 1px solid #325597 !important;
	}	


tr {vertical-align: top;}

table.chart tr {vertical-align: middle;}

tfoot td, thead th, tbody th {border: none;}

th, td {border-color: #f5f5f5 !important; border-collapse: collapse;}

td {border: 1px solid;}
table.noBorder td {border: none;}

table.halfPadding th {padding: 3px;}
	
th {
	padding: 10px 3px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background: #9B3244;
}

.st2 th {
	color: #000;
	background: #c0c0c0;
}

table.greyHeaders, table.weFound {border: 1px solid #d4d4d4;}
table.greyHeaders th, table.weFound th {background: #d4d4d4; color: #444;}

tfoot td {
	font-size: 11px;
	padding: 3px 8px;
	color: #fff;
	background: #9B3244;
}

.tableSubHeading {
	color: #9B3244;
	background: #ccc;
	font-weight:bold;
}

table td.bottomBorder {border-bottom: 1px solid #9B3244 !important;}
table th.bottomBorder {border-bottom: 1px solid;}
table tr.highlight td {background-color: #d0dee9; border-top: 1px solid #9B3244 !important;}

tr.sortable th a {display: inline-block; padding-right: 11px; background: url('../../assets/images/structure/sort_down.gif') right 7px no-repeat;}
.sortDown {background: url('../../assets/images/structure/sort_up.gif') right 7px no-repeat !important;}
.tableRed {color: #9B3244};

table.calendar {
	border: 3px solid #3c4b66;
	border-collapse:collapse;
}

table.calendar td {
	height: 70px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 3px 8px 3px 8px;
	border: 1px solid #d4d4d4 !important;
	width:100px;
}

table.calendar tr.dow td {
	height: 25px !important;
	color: #FFF;
	background: #3c4b66 url('../../assets/images/structure/tabs_bg.gif') top left repeat-x;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

table.calendar td.event{
	color: #325597;
	background: #f0f1f5;
}

table.calendar td.event p {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
}

table.calendar tr.narrow td {
	height: 10px !important;
	font-size: 14px;
	text-align: right;
	vertical-align: top;
}

table.calendar tr.cross td {
	height: 20px !important;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	width:100%;
}
table.calendar td.live{
	color: #325597;
	background: #f0f1f5;
	border: 3px solid #330099 !important;
}

table.calendar td.live p {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
}

/* ===@tables - END */

/* ===@definitionLists - START */

dl {margin-bottom: 1em; display: inline-block;}
dd {margin: 0; padding: 0;}
* html dd {display: inline-block;}

#searchResults dl dt a {font-weight: bold;}
#searchResults dl dd a {color: #006600;}
#searchResults dl dd a[href $='.pdf'] {background: none; padding-right: 0;}
#searchResults dl dd a.resultTitle {font-weight: bold; color:#325597;}
#searchResults .shopImageBox {float: left; width: 143px;}
#searchResults .shopResultBox {width: 500px;}
/*#searchResults .shopResultBox {width: 600px;}*/

div.imageTitleDesc dt {
	clear: left;
	float: left;
	padding: 0 10px 0 0;
}

div.imageTitleDesc dd {margin-left: 65px;}
div.imageTitleDesc dd img {margin-top: 10px;}
div.imageTitleDesc dl.thumb-95 dd {margin-left: 105px;}
div.imageTitleDesc dl.thumb-130 dd {margin-left: 140px;}
div.imageTitleDesc dl.thumb-225 dd {margin-left: 235px;}
div#whereToBuy div.imageTitleDesc dl {display: inline-block; float: left; width: 50%;}
div#whereToBuy div.imageTitleDesc dd {margin-left: 40px;}

div.imageTitleDesc dl dd.title, div.imageTitleFeatured dl dd.title {font-weight: bold;}
div.imageTitleDesc dt dd.small {font-size: smaller;	font-weight: bold;}

div.imageTitleDesc dl dd span, div.imageTitleFeatured dl dd span {
	display: block;
	font-size:12px;
	color: #325597;
}

div.personalWidgetSignIn{
	display: block;
	padding: 0 10px;
	background-color:#FFFFFF;
	border: 1px solid #d4d4d4;
	border-bottom: 4px solid #3c4b66;
	width: 208px;
}

div.imageTitleFeatured dt {text-align: center;}
/* ===@definitionLists - START */

/* ===@popUpContainers - START */

.popUpContainer { 
	display: none;
	position: absolute;
	left: 200px;
	top: 250px;
	min-width: 528px;
	margin-left: 0.5em;
	margin-top: 0.5em;
	background: #fff;
	padding: 2em;
	border: 1px solid #c0c0c0;
	z-index: 100001;	
} 

* html .popUpContainer {width: 528px;}

.popUpContent { 
	color: #222;
	text-align: center;
}

.popUpContent.closeUp img {padding: 10px;}

.closePopup {
	position: absolute;	
	right: 5%;
	top: 15px;
	font-weight: bold; 
	cursor: pointer; 
}

.closePopup .closeIcon {
	display: inline-block;
	padding-right: 15px;
	background: url('../../assets/images/structure/close.gif') center right no-repeat;
}

.closePopup img {display: inline; vertical-align: bottom;}

#headerPopupNav .closePopup {
	right: 8px;
	top: 6px;
	height: 100%;
	font-weight: normal; 
}

.productSpec {
	position: absolute;
	color: #9b3244;
	font-weight: bold;
	top: 15px;
	left: 5%;
	padding: 0;
	margin: 0;
}
/* ===@popUpContainers - END */

/* ===@dashBanner - All dash banner and dash banner container styles START */
#dashBannerContainer {
	display: none;
	margin: 0;
	width: 708px;
	overflow: hidden;
	clear: both;
}

.toolBorder #dashBannerContainer {margin: 0 0 6px -4px;}

* html .toolBorder #dashBannerContainer {
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: 6px;
	width: 708px;
}	

#dashBannerContainer fieldset, fieldset.noMargin, #nowYouCan fieldset {margin: 0;}

#dashBanner {display: none;}

#dashBannerControls {
	text-align: right;
	word-spacing: 6px;
	margin-top: 2px;
	padding: 1px 10px;
	background: #ccdce9;
	
}
/* ===@dashBanner - END */
.banner {margin-bottom: 5px; }
#main div div .banner {margin-left: 0;}
#region3 .banner, #main div .banner {margin-left: 5px;}
#region6 .banner img {margin-right: 15px;}
#region6 #region3 .banner img {margin-right: 0;}



* html .banner {display: inline;}
* html .banner.hidden {display: none;}

/* to organize */

.toolBorder {
	border: 1px solid #3c4b66;
	border-bottom: 5px solid #3c4b66;
}

* .toolBorder {zoom: 1;}

.tips, .sectionGradient {
	float: right;
	display: block;
	width: 240px;
	min-height: 125px;
	font-size: 11px;
	color: #464646;
	background: url('../../assets/images/structure/tooltip_gradient.jpg') left top repeat-x;
	padding: 10px;
}

table td .sectionGradient {width: 190px;}
* html .tips, * html .sectionGradient {height: 125px;}

.sectionBorder div.tips, .sectionBorder div.sectionGradient {
	margin-top: -5px;
	margin-right: -5px;
}

#main td div.tips, #main td div.sectionGradient {
	margin-top: -10px;
	margin-right: -10px;
}

#results div.sectionGradient {margin-right: -5px;}

.tips h3 {color: #666;}

.hoverTip {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	border: 1px solid #444;
}

#about, .dialog {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 70px;
	right: 62px;
	border: 1px solid #444;
}

#whatIsTheDiff {
	width: 707px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top:80px;
	right: 245px;
	border: 1px solid #444;
}
#wrapper.segment #about, #wrapper.segment .dialog {
	top: 295px; 
	right: 312px;
}

#wrapper.segment #whatIsTheDiff, #wrapper.segment .dialog {
	top: 295px; 
	right: 312px;
}
.dialog {width: 525px;}

/* specific placement of the MMA dialog layer */
#mmaLayer.dialog {top: 3px; right: 225px;}

#aboutHeader, .dialogHeader {
	display: block;
	padding: 6px;
	background: #3c4b66;		
}

#whatIsTheDiffHeader, .dialogHeader  {
	display: block;
	padding: 6px;
	background: #3c4b66;
}
#aboutHeader h3, .dialogHeader h3 {
	float: left;
	color: #fff;
}
#whatIsTheDiffHeader h3, .dialogHeader  h3 {	
	float: left;
	color: #fff;
}

.closeLayer {
	display: inline-block;	
	background: url('../../assets/images/structure/fl_close-en.gif') right 3px no-repeat;
	cursor: pointer;
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.closeImageEN{
	display: inline-block;
	background: url('../../assets/images/structure/fl_close-en.gif') right 3px no-repeat;
	cursor: pointer;
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.closeImageFR{
	display: inline-block;
	background: url('../../assets/images/structure/fl_close-fr.gif') right 3px no-repeat;
	cursor: pointer;
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
}

body.fr .closeLayer {background: url('../../assets/images/structure/fl_close-fr.gif') right 3px no-repeat;}

#about .closeLayer, .dialog .closeLayer {display: block; width: auto;} 

#whatIsTheDiff .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#aboutContent, .dialogContent {
	padding: 6px;
	background: #ccdce9;	
	word-wrap: break-word;
	overflow: hidden;	
}
#whatIsTheDiffContent, .dialogContent  {
	padding: 6px;
	background: #ccdce9;	
	word-wrap: break-word;
	overflow: hidden;	
}

.dialogContent {background: #fff; margin: 0 auto;}

.accordionSectionContents, .sectionContents {
	width: 428px;
	overflow: hidden;
}

#cpidBlock .sectionBorder {display: block; padding: 0;}
#cpidBlock .sectionForm {float: right; width: 263px; padding: 5px;}
#cpidBlock .sectionContents {width: 410px; min-height: 220px; background: #fff url('../../assets/images/structure/tooltip_gradient.jpg') top left repeat-x;}
* html #cpidBlock .sectionContents {height: 220px; overflow: visible;}

#region6 .accordionSectionContents {width: 666px;}

#popUpWrapper .accordionSectionContents, #popUpWrapper .sectionContents {width: 336px;}

.accordionSection {padding: 0;}

/* directly after an h2, apply no margin to the sectionBorder div */ 
h2 + div.sectionBorder, div.elegantTitle + div.sectionBorder, div#accordion > div.sectionBorder, div.accordionSection > div.sectionBorder:first-child, h2 + .h2links + div.sectionBorder {
	margin: 0;
	border-top: none;
}

/* half section rules */
.halfSection {
	position: relative;
	width: 49%;
	overflow: hidden;
}	

.halfSection .section {margin-bottom: 10px;}
#region6 .halfSection {margin: 5px 0 0 0;}

/* for ie6, since buggy when floating while relative */
* html .halfSection {position: static;}

div#nowYouCan div.halfSection {width: 49%;}

.botRight {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

* html .halfSection .botRight {
	position: static;
	float: right;
}

.halfSection h1 {margin-bottom: 5px;}
.halfSection img {margin-right: 5px;}

.tabs .halfSection img + p {margin: 0;}
.tabs h3 img {margin: 0 5px 5px 0;}

/* half section rules end */

.rbGradient {
	display: block;
	width: 220px;
	background: #F7F2FF url('../../assets/images/structure/solution-box-gradient.jpg') left top repeat-x;
	border-top: 5px solid #ff0000;
	border-bottom: 5px solid #003681;
	margin: 10px 0;
	overflow: hidden;
}

.rbGradient .contents {
	padding: 10px 20px;
}
	
.rbGradient h3 {color: #325597;}	

#region3 .rbGradient {width: auto; float: none !important;}

.sectionBorder {
	display: block;
	margin-top: 2px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #d4d4d4;
	overflow: hidden;
	zoom: 1;
}
.regionMargin .sectionBorder {overflow: visible;}
.accordionSection .sectionBorder {padding-right: 0;}
.sectionTitle .sectionBorder {border-top: none;}

.h2links {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;	
}

/* for ie6 placement */
* html .h2links {right: 15px;}

p.h2links {margin: 3px 0;}

.st2 .h2links, .sectionFooter2 .h2links {top: 5px;}
.st2 .h2links a, .sectionFooter2 .h2links a {color: #fff !important;}
.st2 .h2links a.active, .sectionFooter2 .h2links a.active {color: #d4d4d4 !important;}

#findAnother.h2links {
	top: 5px;
	padding-top: 2px;	
	padding-right: 15px;
	height: 23px;
	color: #444;
	background: url('../../assets/images/structure/find_arrow.gif') right 8px no-repeat;
}

.h2links.expand {
	top: 4px;
	width: 46px;
	height: 16px;
	background: url('../../assets/images/structure/expand-e.gif') left top no-repeat;
	margin: 4px 0;
}

body.fr .h2links.expand {width: 53px; background: url('../../assets/images/structure/expand-f.gif') left top no-repeat;}

.h2links.redX {
	top: 4px;
	padding-left: 12px;
	background: url('../../assets/images/structure/deleteX.gif') left center no-repeat;
}

h2links.collapse {background: none;}

code.required {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 7px; 
	background: url('../../assets/images/structure/required_star.gif') center left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

code.help {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 14px; 
	background: url('../../assets/images/structure/help_icon.gif') top left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

code.using {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 17px; 
	background: url('../../assets/images/structure/using_icon.gif') top left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

code.print {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 18px; 
	background: url('../../assets/images/structure/printer_icon.gif') top left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

.required span, .help span, .using span, .print span, div.msgErr code span, div.msgSuccess code span, div.msgInfo code span, div.msgWarning code span, label.error span, .miniMessageInfo code { 
	display: inline-block; 
	text-indent: -9999px;
	line-height: 15px; 
	cursor: pointer; 
}

#emailResultsLayer {
	display: none;
	margin: 5px 0;
	padding: 5px;
}

#emailResults {display: none;}

/* Form Styles */
form {padding: 0; margin: 0;}
.formEl {padding-right: 25px;}
.formElShort {padding-right: 10px;}

.trackNumbers {
	position: relative;
	display: block;
	left: 15px;
}

table.weFound {
	border-collapse: separate;
	font-size: 11px;
	width: 590px;
	margin: 0;
	padding: 0;
}

#region6 table.weFound {margin-top: 5px; width: 830px;}

#calFromContainer, #calToContainer {
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 2000;
}	

textarea {min-width: 300px; resize: none;}

/* space classes */
.space5 {padding-left: 5px;}	
.space5r {padding-right: 5px;}	
.space10 {padding-left: 10px;}	
.space10r {padding-right: 10px;}	
.space20 {padding-left: 20px;}	
.space20r {padding-right: 20px;}	
.space5b {padding-bottom: 5px;}
.space10b {padding-bottom: 10px;}
.space30 {padding-left: 30px;}
.space40 {padding-left: 40px;}
.space60 {padding-left: 60px;}

.moneyFormat {text-align: right;}

.farResultDetail {float: right;	width: 534px; position: relative;}	

.optionsArrow {
	position: absolute;
	top: 53px;
	left: 257px;
	display: block;
	height: 100px; 
	width: 20px; 
	background:url('../../assets/images/structure/options_arrow.gif') left top no-repeat;
}

/* PRINT LABEL STYLES START */
#printLabel {display: block; width: 428px; margin: 5px 0;}

#printLabelTop {
	display: block;
	height: 11px;
	background: url('../../assets/images/structure/top_window.jpg') left bottom no-repeat;
}

#printLabelContent {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 5px;
}

#printLabelBottom {
	display: block;
	height: 11px;
	background: url('../../assets/images/structure/bottom_window.jpg') left top no-repeat;	
}
/* PRINT LABEL STYLES END */

/* POSTAGE MIDGET STYLES START */
#postageMidget { 
	display: block;
/*	height: 110px; */
	padding: 3px 3px;
	background: url('../../assets/images/structure/midget_bg_2.gif') top left repeat-x;	
}

#wrapper.segment #postageMidget {height: 40px; overflow: hidden;}
#wrapper.segment #postageMidget .note {margin-left: 20px;}

#postageMidget img {vertical-align: middle;}

#postageMidget ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}

#wrapper.segment #postageMidget ul {
	margin: 3px 0;
}

#postageMidget ul li {font-weight: bold; float: left; width: 76px; text-align: center;}

#postageMidget h6.floatRight {font-weight: normal;}
/* POSTAGE MIDGET STYLES END */


/* SOLUTIONS PANEL STYLES START */
#solutionsPanel { 
	display: block;
	padding: 5px 5px 0 5px;
	margin: 0 0 10px 0;	
	background: #eee url('../../assets/images/structure/sol_panel_gradient.jpg') top left repeat-x;	
	border-bottom: 1px solid #d4d4d4;	
}

#solutionsPanel div.contents {
	display: block;
	background-color: #fff;
	padding: 5px;
}

#solutionsPanel h6 {color: #fff; font-size: 15px;}
#solutionsPanel h6 a {color: #fff;}

.solutionsPanelFooter {text-align: right;}
/* SOLUTIONS PANEL STYLES END */

#main input[type="submit"], #main input[type="image"] {margin-top: 3px; vertical-align: middle;}

#main input {margin: 2px 0; padding: 0; vertical-align: middle;}
select {margin-top: 3px; margin-bottom: 5px;}

p input {vertical-align: middle;}
p select {vertical-align: middle; margin: 0;}

.serp {
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 15px;
}

/* Other Library Styles STARTS */ 
#library {margin-top: 15px;}

#library h5 {
	padding-bottom: 2px;
	border-bottom: 2px solid #9B3244;
}

#library li {
	font-size: 11px;
	list-style-type: square;
	list-style-image: url('../../assets/images/structure/red_arrow.gif');
	margin-bottom: 10px;
}
/* Other Library Styles ENDS */ 

/* Spotlight Item Styles STARTS */

#spotLightItem {
	display: block;
	padding: 2px 15px 0 15px;
	background: #fff url('../../assets/images/structure/feature_gradient.jpg') bottom left repeat-x;
	border: 1px solid #d4d4d4;
	overflow: hidden;
}	

* html #spotLightItem {zoom: 1;}

* html #spotLightItem .contents {display: inline-block;}

#spotLightItem.r2 {display: none;}

#region2 #spotLightItem {margin: 0 0 5px;}

.miniSpotContainer {
	margin: 5px 0;
	width: 100%;
}

* html .miniSpotContainer {overflow: hidden;}

.miniSpotLight {
	position: relative;
	float: left;
	background: #fff url('../../assets/images/structure/feature_gradient.jpg') bottom left repeat-x;
	border: 1px solid #d4d4d4;
	margin-right: 1px;
	overflow: hidden;
}		

.miniSpotContainer.noBorder .miniSpotLight {border: none; min-height: 0; margin-right: 4px;}
* html .miniSpotContainer.noBorder .miniSpotLight {height: 1%;}

.miniSpotContainer.col4 .miniSpotLight {width: 175px;}
.miniSpotContainer.col3 .miniSpotLight {width: 234px;}
.miniSpotContainer.col2 .miniSpotLight {width: 353px;}

.miniSpotLight .contents {overflow: hidden;}
.miniSpotImg {width: 100%; text-align: center;}

#spotLightItem h3 {font-size: 14px;}

#spotLightItem div.contents {padding: 5px 0;}

#spotLightItem img {float: left; max-width: 120px; margin-right: 20px;}
#spotLightItem ul {float: left;	padding-left: 0;}

/* when img adjacent with ul, limit ul to 330px */
#spotLightItem .contents img + ul {width: 330px;}

/* for ie6, fake adjacent selector */
* html #spotLightItem .contents img * {width: 330px;}

#spotLightItem li {
	list-style-type: none;
	font-weight: bold;
	background: url('../../assets/images/structure/checked_box.gif') top left no-repeat;
	padding-left: 25px;
}
/* SPOTLIGHT STYLES END */

/* SIDEBAR STYLES START */
.sideBar {
	color: #666;
	display: block;
	margin: 5px 0;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #d4d4d4;	
}

#region5 .sideBar {width: 692px;}
#region4 .sideBar {width: 740px;}
#region2 .sideBar {width: 503px;}
#region5 .halfSection .sideBar {width: 304px;}

.sideBar h1 {color: #325597;}

/* SIDEBAR STYLES END */

/* GREEN/BLUE TIP STYLES START */
.tip {
	display: block;
	height: 105px;
	color: #444;
	margin: 6px 0;
	overflow: hidden;
}

* html .tip {height: 110px;}

.tip fieldset, .tabs fieldset, .sideBar fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.tip.blue fieldset {background: url('../../assets/images/structure/tip_left.gif') top left no-repeat;}
.tip.green fieldset {background: #f0f8ee url('../../assets/images/structure/tip_green_left.gif') top left no-repeat;}

.tipContent p {margin: 0 100px 0 0;}

.tipContent {
	display: table-cell;
	vertical-align: middle;
	height: 105px;	
	padding: 0 10px;
}

.tip.blue .tipContent {background: url('../../assets/images/structure/tip_right.gif') top right no-repeat;}
body.fr .tip.blue .tipContent {background: url('../../assets/images/structure/tip_right_fr.gif') top right no-repeat;} /* french version */

.tip.green .tipContent {background: url('../../assets/images/structure/tip_green_right.gif') top right no-repeat;}
body.fr .tip.green .tipContent {background: url('../../assets/images/structure/tip_green_right_fr.gif') top right no-repeat;}

.tip.blue {background: url('../../assets/images/structure/tip_bg.gif') top left repeat-x;}
.tip.green {background: url('../../assets/images/structure/tip_green_bg.gif') top left repeat-x;}
/* GREEN/BLUE TIP STYLES END */

.tabs {margin: 10px 0 10px 0;}
.sectionBorder .tabs {margin: 0;}

.tabs.padded {
	padding: 7px;
	background-color: #ddd;
}

.tabs ul.topMenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #d4d4d4;
	padding: 0 0 31px 0;
}

.tabs.padded ul.topMenu {padding-bottom: 34px;}

.tabs ul.topMenu li	{
	float: left;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
}

.tabs.padded ul.topMenu li {
/*	float: none; */
	height: 35px;  
}

.tabs li.tabVariable {
	background: url('../../assets/images/structure/tabs_2_02.jpg') top right no-repeat;
	margin-right: 1px;	
	padding-right: 2px;
	z-index: 1;	
}

.tabs.padded li.tabVariable {
	margin-right: 3px;
	background: #556677 url('../../assets/images/structure/corner-grey.gif') top right no-repeat;
}

.tabs li.tabNotSure {
	display: inline-block;
	margin-left: 10px;	
	padding-right: 2px;
	z-index: 1;	
}

.tabs.padded li.tabNotSure a {
	color: #556677;
	text-decoration: underline;
	font-style: italic;
	font-weight: normal;
}

.tabs li.tabVariable.active {background: url('../../assets/images/structure/tabs_1_02.jpg') top right no-repeat; border-color: #fff;}

.tabs.padded li.tabVariable.active {background: #fff url('../../assets/images/structure/corner-grey.gif') top right no-repeat;}

.tabs li.tabVariable a {
	float: left;
	background: url('../../assets/images/structure/tabs_2_01.jpg') top left no-repeat;
	padding: 0 3px 0 5px;
}

.tabs.padded li.tabVariable a {
	float: none;
	background: none;	
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	width: 130px;		
}

.tabs.padded .shortTabs li.tabVariable a {width: 96px;}

.tabs li.tabVariable.active a {
	background: url('../../assets/images/structure/tabs_1_01.jpg') top left no-repeat;
	border-bottom: 1px solid #fff;
	padding-right: 4px;
}

.tabs.padded li.tabVariable.active a {background: none; color: #556677;}

.tabContent {
	clear: both;
	display: block;
	padding: 8px;
	border: 1px solid #d4d4d4;
	border-top: none;
	margin-top: -2px; 
	height: 1%;
}

.tabs.padded .tabContent {border: none; background-color: #fff; margin-top: 0;}

.tabContent h1 {margin-bottom: 20px;}

.twoColumn {
	float: left;
	width: 40%;
	margin-right: 10px;
}

a.doubleDashed:link, a.doubleDashed:active, a.doubleDashed:visited {border-bottom: 2px dashed #d4d4d4;}
a.doubleDashed:hover {border-bottom: 2px dashed #325597; text-decoration: none;}

.toolTip {
	display: none;
	position: absolute;
	width: 223px;
	background-color: #fff;
	left: 5px;
	z-index: 1000;
}

.toolTipContent {
	padding: 5px;
	border: 1px solid #d4d4d4;
	border-top: none;
	overflow: hidden;
}

.closeTip {
	display: block;
	position: relative;
	height: 20px;
	background: #444 url('../../assets/images/structure/corner.gif') top right no-repeat;
}

.closeTip span.closeIcon {
	position: absolute;
	right: 5px;
	top: 4px;
	display: block;
	height: 12px;
	width: 12px;
	background: url('../../assets/images/structure/close.gif') center right no-repeat;
	cursor: pointer;
}

q {
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	quotes: '"';
}	

#skipNav {display: none;}
.basicOnly, .printOnly, .hidden {display: none;}

#expandableTree {float: left; width: 270px; overflow: hidden;}
#expandableTree ul {list-style-type: none; padding-left: 0; margin-left: 5px;}
#expandableTree li {padding-top: 5px; padding-left: 15px;}

#expandableTree li.treeOpen {padding-left: 15px; background: url('../../assets/images/structure/plus_tree.gif') left 10px no-repeat;}
#expandableTree li.treeClose {padding-left: 15px; background: url('../../assets/images/structure/minus_tree.gif') left 8px no-repeat;}

#viewport {display: block; position: relative; float: right; width: 640px;}

.imageCaption {font-size: 11px; color: #666;}
.imageCaption p {padding: 0;}

.roundplus {padding-left: 15px; background: url('../../assets/images/structure/blu_plus_icon.gif') left 3px no-repeat;}

.shopbubble {
	position: absolute;
	top: -9px; 
	right: 80px;
	cursor: pointer;
}

body.fr .shopbubble {
	top: -8px;
	right: 110px;
}

/* Library Menu's */
#libraryMenu h3 {
	background:transparent url('../../assets/images/structure/silver_gradient_tall.jpg') left top repeat;
	border-color:#D4D4D4;
	font-weight:bold;
	border:1px solid #D4D4D4;
	padding-left:28px;	
	margin-bottom: 0;
}

#libraryMenu h3 span.icon {display: inline-block; width: 10px; height: 10px; padding-left: 8px; margin-left: -20px; background: url('../../assets/images/structure/plus_tree.gif') left center no-repeat; cursor: pointer;}
#libraryMenu h3.active span.icon {display: inline-block; width: 10px; height: 10px; padding-left: 8px; background: url('../../assets/images/structure/minus_tree.gif') left center no-repeat; cursor: pointer;}

#libraryMenu ul {padding-left: 24px;}

#libraryMenu .subCat {display: none; border: 1px solid #d4d4d4; border-top: none; background: #d4d7dd url('../../assets/images/structure/content_bg.gif') top left repeat-x;}
/* Library Menu's End */

/* PREVIOUSLY SCRAPED STYLES */
.catalogItem {
	position: relative;
	background: #fff;
	border: 1px solid #d3e47c;
	float: left;
	margin-top: 2px;
	padding: 3px;
	width: 225px;
}

.catalogItemTitle {
	display: block;
	background: #f5f5e0;
	border-bottom: 1px solid #e7f1cf;
	font-weight: bold;
	padding: 4px 5px;
	text-align: center;
}

.catalogImage {
	margin: 5px 0;
	text-align: center;
}

* html .catalogImage {height: 135px;}

.catalogDescription {
	background: #fff;
	min-height: 70px;
	margin: 5px 0;
	padding: 0 5px;
}

* html .catalogDescription {min-height: 70px;}

.catalogItemSpace {
	position: relative;
	background: #fff;
	border: 1px solid #D3E47C;
	float: left;
	margin-left: 19px;
	margin-top: 2px;
	padding: 3px;
	width: 225px;
}

#languageBox {
	position: relative;
	border: 8px solid #d4d4d4;
	padding: 3px;
	margin: 50px auto;
	width: 607px;
}

#languageBox img {display: block;}
#languageBox p img {display: inline;}

#languageBox h1 {
	float:left;
	width: 302px;
	margin-top: 3px;
	font-size: 25px;
	color: #fff;
	text-align:center;
	background: url('../../assets/images/structure/buttonBackGrey.jpg') left top no-repeat;
	line-height: 48px;
}

#languageBox .outsideRight {
	position: absolute;
	bottom: -40px;
	right: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Password Meter Plugin */
.testresult{
      width: 100px;

      font-weight: bold;
      font-size:13px;
      font-family: arial,helvetica,san-serif;
      color:#666;
      padding:0px 0px 0px 0px;
      margin:10px 0px 0px 0px;
      display: block;
      height:10px;
      float:left;
}
.testresult span{
      padding:10px 10px 12px 10px;
      margin: 0px 0px 0px 20px;
      display:block;
      float:right;
      white-space: nowrap;
}

.nonePass {
      background:url(../../assets/images/cpid/passStrength/none.png) no-repeat 0 0;
}
.shortPass{
      background:url(../../assets/images/cpid/passStrength/weak.png) no-repeat 0 0;
}
.badPass{
      background:url(../../assets/images/cpid/passStrength/bad.png) no-repeat 0 0;
}
.goodPass{
      background:url(../../assets/images/cpid/passStrength/good.png) no-repeat 0 0;
}
.strongPass{
      background:url(../../assets/images/cpid/passStrength/strong.png) no-repeat 0 0;
}

/* ACCORDION STYLE */
#accordion .ui-accordion-header {display: block;}

#accordion h2.acc.sectionTitle2 span.ui-accordion-right {position: absolute; right: 15px; top: 10px; display: block; background: transparent url('../../assets/images/structure/plus.gif') center center no-repeat; width: 21px; height: 20px;}
#accordion h2.acc.sectionTitle2.selected span.ui-accordion-right {background: transparent url('../../assets/images/structure/minus.gif') center center no-repeat;}

#accordion h2.acc.sectionTitle3 span.ui-accordion-right {position: absolute; right: 15px; top: 10px; display: block; background: transparent url('../../business/productsservices/aadmail/images/aa_plus.gif') center center no-repeat; width: 11px; height: 11px;}
#accordion h2.acc.sectionTitle3.selected span.ui-accordion-right {background: transparent url('../../business/productsservices/aadmail/images/aa_minus.gif') center center no-repeat;}

#campaignBanner {
	display: none;
	margin: auto; 
	width: 960px;
}

body.holidayBg #campaignBanner {display: none;}

/* Poll Styles */

.pollHolder {margin: auto; width: 300px;}
#region3 .pollHolder {width: 150px;}
* html .pollHolder {zoom: 1; position: relative;} /* force hasLayout */
.widget.poll {width: auto !important; position: relative;}
.widget.poll .region3SectionFooter {width: auto; text-align: left;}
.pds-answer-group {padding: 2px 0 !important;} /* override poll daddy default padding */
.pds-vote {text-align: center; padding-bottom: 0 !important;} /* override poll daddy default padding */

#maintenancePage {
	background:#D9E5FB none repeat scroll 0 0;
	padding:5px 0;
	width:939px;
}
#maintenancePage #contentContainer {
	float:left;
	margin-top:20px;
	padding-left:25px;
}
#maintenancePage #contentContainer #column {
	float:left;
}
#maintenancePage #messageHead li {
	margin-left: 10px;
	margin-top: 4px;
}
#maintenancePage #contentContainer #column #messageHead {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid black;
	margin:10px;
	padding:10px;
	width:400px;
}
.sectionTitlecontactus {
	margin: 0;
	color: #FFFFFF !important;
	padding-left: 2px;	
	background: #999999;
	font-weight: bold;
	border: 1px solid #999999;
	text-decoration: none;
	
}

.catalogItemSend {
	
	background: #fff;
	border: 1px solid #d3e47c;
	float: left;
	margin-top: 2px;
	padding: 3px;
	width: 225px;
	height: 250px;
}

.catalogItemSpaceSend {
	
	background: #fff;
	border: 1px solid #D3E47C;
	float: left;
	margin-left: 19px;
	margin-top: 2px;
	padding: 3px;
	width: 225px;
	height: 250px;
}

.eventDetail {
	background: #fff url('../../assets/images/structure/tooltip_gradient.jpg') left 40px repeat-x;
	padding-top: 50px;
}

.eventDetail #regionContents {
	position: absolute;
	top: 6px;
	width: 686px;
}

.eventInfo > img:first-child {
	float: left;
	width: 102px;
	height: 102px;
	margin-top: 12px;
	margin-right: 20px;
	overflow: hidden;
}

/* ie6 */
* html .eventInfo img.profile {
	float: left;
	width: 102px;
	height: 102px;
	margin-right: 20px;
	overflow: hidden;	
}

.eventInfo td {
	font-size: 12px; 
	line-height: 22px;
}

/*.eventInfo td:first-child {
	width: 150px;
	font-weight: bold;
}*/

.eventInfo table {
	background-color: transparent;
}

.emailIcon {
	display: inline-block;
  	padding-left: 15px;
   	background: transparent url('../../assets/images/structure/email-icon.gif') no-repeat center left;
}

.cancelIcon {
	display: inline-block;
  	padding-left: 20px;
   	background: transparent url('../../assets/images/structure/cancel-icon.gif') no-repeat center left;
}

.outlookIcon {
	display: inline-block;
  	padding-left: 25px;
   	background: transparent url('../../assets/images/structure/outlook-icon.gif') no-repeat center left;
}

.additLink {
	padding: 5px;
	border: 1px solid #d4d4d4;
	border-top: none;
	background-color: #e8eef5;
	text-align: center;
}

.dialog#emailCol {
	width: 460px;
	top: 44px;
	right: 3px;
}

.dialog#emailCol .closeLayer {
	width: 52px;
	float: right;
}

#address {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 70px;
	right: 62px;
	border: 1px solid #444;
}
#ncoa {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 70px;
	right: 62px;
	border: 1px solid #444;
}
#suppress {
	width: 520px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 200px;
	right: 62px;
	border: 1px solid #444;
}
#duplication {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 250px;
	right: 62px;
	border: 1px solid #444;
}
#whatIs {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 700px;
	right: 300px;
	border: 1px solid #444;
}
#mailPresort {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 250px;
	right: 300px;
	border: 1px solid #444;
}
#whatIsThisCVV {
	width: 300px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 5px;
	right: 5px;
	border: 1px solid #444;
}
#whatIsThisSCC {
	width: 300px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 5px;
	right: 5px;
	border: 1px solid #444;
}
#ncoa .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#suppress .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#duplication .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#address .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#whatIs .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#mailPresort .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
#whatIsThisCVV .closeLayer, .dialog .closeLayer {display: block; width: auto;} 
whatIsThisSCC .closeLayer, .dialog .closeLayer {display: block; width: auto;} 

.button {
	background:transparent url(/cpo/mr/ui/css/images/fpc_up.gif ) no-repeat scroll left 3px;
	border:medium none;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:23px;
	margin-top:-1px !important;
	width:55px;
}

.button:hover {
	background:transparent url(/cpo/mr/ui/css/images/fpc_pressed.gif ) no-repeat scroll left 3px;
	border:medium none;
	cursor:pointer;
}


.dataScroller {
	float: right;
	background-color: #993333;
	border: none !important; 
}

.quarterSection {
	position: relative;
	width: 20%;
	overflow: hidden;
}

.quarterSection2 {
	position: relative;
	width: 79%;
	overflow: hidden;
}

.fpoDataScroller {
	float: right;
	background-color: #993333;
	border: none !important; 
}

.fpoDataScrollerText{
	padding: 0px;
	float: left;
}


/* Social Responsibility */
#csrbanner {
  background: url('/cpo/mr/assets/images/aboutus/csr_back.jpg') no-repeat center right;
	height: 168px;
	/*padding-top: 18px;
	padding-right: 10px;*/
	}

.pcLink { text-decoration:underline !important; }

.tips.t140 {
	width: 140px;
}

.accordionSectionContents.w520 {
	width: 520px;
	position: relative;
}

.thirdSection {
	position: absolute;
	top: 20px;
	right: 0;
	width: 200px;
}