@charset "utf-8";

/* 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
-------------------------------------------------------------------*/
* {
}

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
}

#wrapper.developer .underline {
padding-bottom:3px;
border-bottom:1px solid #f48e00
}

#wrapper.partner .underline {
padding-bottom:3px;
border-bottom:1px solid #004364;
}

.overline {
	border-top: 1px solid #d4d4d4;
    margin-top: 10px;
    padding-top: 5px;
}

hr {
clear:both;
border:none;
padding:0;
margin:7px 0 2px;
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
}

.bigger {font-size: 120%;}

.normalText {
font-size:12px;
font-weight:normal;
line-height:normal
}

.smallText {
font-size:10px
}

.xSmallText {
font-size:8px
}

.largeText {
font-size:15px
}

.xLargeText {
font-size:24px
}

.legal {
font-size:smaller
}

.titleBold {
font-weight:bold
}

.note {
font-size:10px;
color:#888
}

.odd,.white {
background-color:#fff
}

.even,.gray {
background-color:#e4e4e4
}

.highlight {
background-color:#00CCCC
}

.borders {
border:1px solid #d4d4d4
}

.border6px{
	border:6px solid #D4D4D4!important
}

.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;
outline:none
}

.rel {
position:relative
}

.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:.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
}

#wrapper.developer span.sectionColor {
color:#f48e00
}

.blue,.blueText {
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;
}

.worBox {
	color: #fff;
	background: #ff0000;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	/*padding: 16px;*/
}

.worBox.regional {background: yellow; color: #444;}
.worBox.ag {background: #00ff00; color: #444;}

.worBox a:link, .worBox a:visited {color: #fff; text-decoration: underline;}
.worBox a:hover, .worBox a:active {color: #fff; text-decoration: none;}

.worBox.regional a:link, .worBox.regional a:visited, .worBox.ag a:link, .worBox.ag a:visited {color: #444; text-decoration: underline;}
.worBox.regional a:hover, .worBox.regional a:active, .worBox.ag a:hover, .worBox.ag a:active {color: #444; text-decoration: none;}

.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;
width:18px;
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 */
#marquee.toaster {
height:139px
}

#marquee .toastHolder .contents {
padding:10px 5px 0;
margin:0;
height:95px
}

.panel_body {
height:auto;
background-color:#fff;
display:none;
}

* html .panel_body {
width:228px;
overflow:hidden
}

.panel_body div {
padding:3px 5px;
border:1px solid #3c4b66;
border-top:none;
border-bottom:none
}

.toastHolder {
position:absolute;
bottom:0;
background:#fff;
width:228px;
margin:3px;
padding:0;
border-bottom:1px solid #3c4b66
}

.toastHolder .contents {
border:1px solid #3c4b66;
border-top:none;
border-bottom:none;
min-height:75px
}

.toastHolder h2 {
background:url(../../assets/images/structure/marquee_up.gif) top left no-repeat transparent;
margin:0;
padding:10px 0 0 5px;
height:28px
}

.toastHolder.showing h2 {
background:url(../../assets/images/structure/marquee_dn.gif) top left no-repeat transparent
}

* html .toastHolder h2 a {
position:absolute
}

#toast1 {
left:0
}

#toast2 {
left:233px
}

#toast3 {
left:466px
}

.yellow {
color:#f38c03
}

.ltBlue {
color:#325597;
}

.red {
color:#9b3244
}

.brightRed {color: #ff0000;}

/* 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_canvas {
	background-color: #e5e3df;
	border: 1px solid #d4d4d4;
	height: 550px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#g_address {
	width: 98%;
}

/* 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,.w960 {
width:960px
}

#popUpWrapper,.w620 {
width:620px
}

.w720 {
width:720px
}

/* ===@headerContainer - START */
#header {
display:block;
position:relative;
width:auto;
z-index:100000;
background: #fff;
/* set hasLayout for ie6 */
}

#languageBox #header {
height:71px
}

.segment #header, .personal #header {
background:#a5be00
}

.aboutUs #header {
background:#1a4183
}

.business #header {
background:#f48e00
}

.developer #header {
background:#f48e00
}

.tpo #header {
background:#f48e00
}

.partner #header {
    background: #004364;
}

#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
}

#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.language #languageBox #cpLogoHeader img {
position:absolute;
left:25%;
top:-34px;
background:none
}

#headerInSection {
position:absolute;
top:0px;
left:194px;
width:755px;
height: 64px;
padding: 7px 0 0 11px;
}

#tpoHeaderNav {
	position:absolute;
	right: 10px;
	top: 10px;	
	color: #fff;
}

#header #tpoHeaderNav a {
	color: #fff;
	text-decoration:underline;
}

* html .business #headerInSection {
	background:#F48E00;
}

* html .developer #headerInSection {
	background:#F48E00;
}

* html .aboutUs #headerInSection {
	background:#1A4183;
}

* html .tpo #headerInSection {
	background:#F48E00;
}

#headerInSection h1 {
	color: #fff;
	margin: 0;
	padding: 0;
}

#headerInSection #query {
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-left: 5px;
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;
color:#222;
background:#fff;
position: relative;
}

#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
}

#wrapper.developer #cpid {
border-bottom:2px solid #f48e00
}

#wrapper.tpo #cpid {
border-bottom:2px solid #f48e00
}

#wrapper.partner #cpid {
border-bottom:2px solid #004364;
}

#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 #004990;
}

#dashboardTabs ul.toolMenu {
margin:0;
padding:4px 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;
background:url('/cpo/mc/assets/images/structure/dashtab_off.png') 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('/cpo/mc/assets/images/structure/dashtab_hover.png') top left no-repeat;
}

#dashboardTabs ul.toolMenu li.active {
background:url('/cpo/mc/assets/images/structure/dashtab_on.png') 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
}

#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;
padding-bottom:4px
}

#wrapper.segment #region5 #content {
margin:0;
padding:0 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:0
}

/* ===@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;
overflow:hidden
}

#collectingShare {
	position: absolute; 
	top: 0px;
	right: 0px;
	padding: 0 7px 0 0;
	text-align: right;
}

#collectingShare img {float: right; padding: 0 0 0 10px;}

/* Region8 - 1/3rd column ENDS */
/* ===@footer - START */
#footer {
display:block;
clear:both;
font-size:11px;
}

#wrapper.business #footerContent {
background-color:#f48e00
}

#wrapper.developer #footerContent {
background-color:#f48e00
}

#wrapper.tpo #footerContent {
background-color:#f48e00
}

#wrapper.tpo #footerContent {
background-color:#f48e00
}

#wrapper.aboutUs #footerContent {
background-color:#1a4183
}

#wrapper.personal #footerContent {
background-color:#a5be00
}

#wrapper.partner #footerContent {
    background: #004364;
}

#footerSilver, #wrapper.pnf #footerSilver {
display:block;
margin-top:2px;
min-height:140px;
/*min-height:90px;*/
padding:6px 0;
border-top:1px solid #ccc;
background:#fff url(../../assets/images/structure/footer_shim.gif) bottom left repeat-x;
position: relative;
}

* html #footerSilver {
height:1%
}

#footerSilver #appCentre {
	float: left;
	background: url('/cpo/mc/assets/images/structure/appcentre_background_en.jpg') 0 0 no-repeat; 
	height: 100px; 
	width: 100%;
	margin: 2px 0 0 0;
}

.fr #footerSilver #appCentre {background: url('/cpo/mc/assets/images/structure/appcentre_background_fr.jpg') 0 0 no-repeat;}

#footerSilver #appCentre .downloads {
	padding: 25px 0 0 5px;
	margin-left: 50px;	
}

#footerSilver #appCentre .note {
	padding: 25px 0 0 10px;	
}

#footerSilver #appCentre .downloads img {
	padding-left: 10px;
}

.footer_dl_borders {	
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-left: 10px;
	padding-right: 10px;
}

#footerSilver #canadaLogo {
float:right
}

* html #footerSilver #canadaLogo.botRight {float: none;}

/* html #footerSilver #canadaLogo {
margin-top:20px
}*/

#popUpWrapper #footerSilver #canadaLogo,#microSite #footerSilver #canadaLogo {
position:absolute;
right:10px;
bottom:20px
}

#wrapper.pnf #footerSilver #canadaLogo {
position:relative;
right:10px;
bottom:20px
}
/* #wrapper #footerSilver #canadaLogo {
padding:60px 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 {
position:relative;
margin-top:2px;
min-height:1%;
height:41px;
padding:.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:.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(../../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(../../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;
padding-right:8px;
border:1px solid #d4d4d4;
background:#ccdce9 url(/cpo/mc/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
}

.nycThirdSection {
	width: 220px;
	padding: 5px 3px;	
	margin: 10px 0 10px 0;
}

.nycThirdSection .sectionBorder {
	display:block;
	margin-top:2px;
	background-color:#fff;
	padding:5px;
	border:1px solid #a5be00;
	overflow:hidden;
}

.nycThirdSection h2 {
	color: #708090;
	text-align: center;	
	margin: 10px 0 0 0 !important;
}

.nycThirdSection hr {
	width: 95%;
}

.nycShopBorders {
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC;
}

.doMore {
	margin-top: 20px;	
}

.shopnow_container {
	width: 220px;
	clear: left;
	margin-top: 30px;
}

.shopnow_image {
	float: left;
	width: 50px;
}

p.shopnow_p {
	margin: 0 0 10px 50px;
	
}

.shopnow_title {
	width: 160px;		
}

a.shopnow_title {
	color: #004479;	
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}

.shopnow_description {
	width: 160px;
	font-size: 11px;	
	margin-top: 10px;	
}

.nyc_downloads {
	margin: 20px 0 0 20px;
}

img.pcs_smart_img {
	display: block;
	margin:0 auto;
}

.nyc_dl_borders {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 20px 0;
	padding: 20px 0;
	height: 50px;	
}

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('/cpo/mc/assets/images/structure/silver_gradient.jpg') top left repeat-x;
font-size:12px;
color: #004990 !important;
}

#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;
display:block
}

#region6 .section .columnSection {
margin:0
}

.segmentContainer {
	padding-bottom:5px;
}

.segmentContainer .sectionTitle {padding-right: 5px;}
.segmentContainer .contents {
	border: 1px solid #d4d4d4;
	border-top: none;
	padding: 0 6px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px; 
	-o-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

#languageBox a {
color:#fff!important;
display:block;
width:100%;
height:100%
}

.segmentContents {
color:#000;
padding:5px
}

.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;
overflow:hidden
}

#mastHead .overview {
position:absolute;
width:430px;
top:108px;
left:20px;
color:#fff;
font-size:14px
}

/*	body.fr #mastHead .overview {top: 20px;}	 */

#mastHead.holiday a.peel {
position:absolute;
height:220px;
width:220px;
text-indent:-50000em;
top:0;
right:0
}

#pushpin {
position:absolute;
top:-20px;
left:350px
}

#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
}

.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 0;
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
}

#seg_featured {margin-bottom: 8px;}

/* .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;
}

.sectionShadowed {
width:352px
}

.widthA {
width:49%
}

.widthB {
width:30%
}

.widthC {
width:65%
}

.widthD {
width:25%
}

.widthE {
width:74.5%
}

.widthG {
width: 60%;
}

.width4col {
	width: 23%;
	padding: 1%;
	float: left;
}

.appRegionA {
width: 74%; 
float: left;
}

.appRegionB {
width: 25%;
float: right;
}

#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
}

/* ===@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 a.red {color: #ff0000;}

#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:#444;
}

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:#444;
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,#subNavDeveloper {
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
}

.business #searchBox {
	background:url(../../assets/images/structure/corner.gif) no-repeat right top #F48E00
}

.developer #searchBox {
	background:url(../../assets/images/structure/corner.gif) no-repeat right top #F48E00
}

#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;
}

body.fr #searchBox h3 {
	font-size:15px;
	font-weight:bold;
}

#searchBox a,#searchBox a:visited {
	color:#fff
}

#iaSearch {
	background:#f5f5f5;
	margin:0 0 10px;
	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:31px;
	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;
}

#breadcrumb.boldNoArrow li.selected a,#breadcrumb li.selected span {
	background: none; 
	font-weight: bold;
}

/* 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 #c0c4cb;
border-spacing: 0;
}

table table {
margin:0;
background:transparent
}

table table td {
padding-bottom:5px
}

.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 #c0c4cb;
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:#444;
background:#e6eaf1;
}

.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:#444;
background:#e6eaf1;
}

.tableSubHeading {
color:#444;
background:#ccc;
font-weight:bold
}

table td.bottomBorder {
border-bottom:1px solid #e6eaf1 !important;
}

table th.bottomBorder {
border-bottom:1px solid
}

table tr.highlight td {
background-color:#d0dee9;
border-top:1px solid #9B3244!important
}

th.sortable 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;
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
}

.indentCells td {padding-left: 20px;}

/* ===@tables - END */
/* ===@definitionLists - START */
dl {
margin-bottom:1em;
display:inline-block
}

dd {
margin:0;
padding:0
}

* html dd {
display:inline-block
}

#searchRegexResults .resultTitle {
font-weight:bold;
color:#325597
}

#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:.5em;
margin-top:.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 #d4d4d4;
border-bottom:5px solid #d4d4d4
}

* .toolBorder {
}

.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,h3 + 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
}

/* 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;
}

.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
}

#findAnotherFPC.h2links {
top:5px;
padding-top:2px;
padding-right:15px;
height:23px;
color:#444
}

.h2links.expand {
background: url('/cpo/mc/assets/images/segment/arrow_closed.png') left top no-repeat;
top:1px;
width:25px;
height:16px;
/* background:url(../../assets/images/structure/expand-e.gif) left top no-repeat; */
margin:4px 0
}

.h2links.expanded {
background: url('/cpo/mc/assets/images/segment/arrow_open.png') left top no-repeat;
top:1px;
width:25px;
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:inline-block;
width:7px;
background:url(../../assets/images/structure/required_star.gif) center left no-repeat;
vertical-align:text-top
}

code.help {
display:inline-block;
width:14px;
background:url(../../assets/images/structure/help_icon.gif) top left no-repeat;
vertical-align:text-top
}

code.using {
display:inline-block;
width:17px;
background:url(../../assets/images/structure/using_icon.gif) top left no-repeat;
vertical-align:text-top
}

code.print {
display:inline-block;
width:18px;
background:url(../../assets/images/structure/printer_icon.gif) top left no-repeat;
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:250px;
resize:none
}

/* space classes */
.space5 {
padding-left:5px
}

.space5r {
padding-right:5px
}

.space5t {
padding-top: 5px;
}

.space5b {
padding-bottom: 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
}

.left5 {
margin-left:5px
}

.moneyFormat {
text-align:right
}

.productSimple {height: 200px; width: 325px;}

.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;
background:url(../../assets/images/structure/midget_bg_2.gif) top left repeat-x
}

#wrapper.segment #postageMidget {
height:50px;
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;
margin:0 0 10px;
background:#eee url(../../assets/images/structure/sol_panel_gradient.jpg) top left repeat-x;
border-bottom:1px solid #d4d4d4
}

.appRegionB #solutionsPanel {
padding: 4px;
margin: 0;
}

#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
}

#main input[type=text].magnify {
	background: #fff url('/cpo/mc/assets/images/structure/magnify.jpg') 5px center no-repeat;
	padding-left: 22px;
}

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;
background:#fff url(../../assets/images/structure/feature_gradient.jpg) bottom left repeat-x;
border:1px solid #d4d4d4;
overflow:hidden
}

* html #spotLightItem {
}

* 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:right;
padding-left:0;
width: 333px;
}

/* 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, .checkmarks li {
list-style-type:none;
font-weight:bold;
background:url('../../assets/images/structure/checked_box.gif') top left no-repeat;
padding-left:25px;
}

.checkmarks li {font-weight: normal;}

/* 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
}

.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
}

.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,.transcript {
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
}

.textBubble {
    background: url("/cpo/mc/assets/images/common/textbubble.jpg") top left no-repeat;
    height: 79px;
    padding: 10px 35px 0 10px;
}

body.fr .textBubble {
    background: url("/cpo/mc/assets/images/common/textbubble_long.jpg") top left no-repeat;
    height: 90px;
}

/* 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 {
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 {
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:0;
margin:10px 0 0;
display:block;
height:10px;
float:left
}

.testresult span {
padding:10px 10px 12px;
margin:0 0 0 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 {
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
}

body.fr #ncoa {width: 475px;}

#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
}

#partnerDisclaimer {left: 34%; top: 30%;}
#partnerDisclaimer .dialogContent {min-height: 250px;}
* html #partnerDisclaimer .dialogContent {height: 250px;}

body.fr #partnerDisclaimer .dialogContent {min-height: 266px;}
* html body.fr #partnerDisclaimer .dialogContent {height: 266px;}

.button {
background:transparent url(/cpo/mc/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/mc/ui/css/images/fpc_pressed.gif) no-repeat scroll left 3px;
border:medium none;
cursor:pointer
}

.button_red_169, .button_red_212  {
color: #fff !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    line-height: 36px;
    text-align: center;
    width: 169px;
}

.button_red_169 {background: url('/cpo/mc/assets/images/structure/button_red_169.jpg') no-repeat left top transparent;}
.button_red_212 {background: url('/cpo/mc/assets/images/structure/button_red_212.jpg') no-repeat left top transparent; width: 212px;}

.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:0;
float:left
}

/* Social Responsibility */
#csrbanner {
background:url(../../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
}

.w530 {
	width: 530px;
	position: relative;
}

.en #wrapper.segment .w530 {height: 187px;}
.fr #wrapper.segment .w530 {height: 264px;}
.en #wrapper.segment #instant_answers_container .contents {height: 159px;}
.fr #wrapper.segment #instant_answers_container .contents {height: 235px;}

.thirdSection {
position:absolute;
top:20px;
right:0;
width:200px
}

.w530 .thirdSection {width: 250px;}

/* password advisor */
.pw ul {
list-style:none;
margin:0;
padding:0
}

.pw ul li {
background:transparent url(../../assets/images/structure/grey_x.gif) left 5px no-repeat;
padding-left:20px;
line-height:21px;
font-size:11px
}

.pw ul li.yes {
background:transparent url(../../assets/images/structure/green_check.gif) left 5px no-repeat
}

.pw ul li.no {
background:transparent url(../../assets/images/structure/red_x.gif) left 5px no-repeat
}

/* jqModal */
.jqmOverlay {background-color: #000;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.thirdSectionFloat {
float:left;
width:29%;
padding-right:2%;
padding-left:2%;
position:relative;
}

.number {
position:absolute;
background:url(../../assets/images/business/1_icon.png) no-repeat;
height:54px;
width:53px;
top:-10px;
left:-10px;
padding-left:18px;
padding-top:9px;
font:bold 30px Arial;
color:#ffffff;
}


#scartWart {
    background: #FFFFFF;
    position: absolute;
    right: 0;
    top: 22px;
    width: 240px;
    z-index: 3000;
}

#scartWart .closeLayer { margin: 5px 5px 0 0; width: 55px;}

/* ===@The Wart - Widget + Shopping Cart = Wart */
.theWart li {
	margin-top: 4px;
	text-align: right;
	border-bottom: 1px solid #999999;
	clear: both;
	width: 100%;
}
.theWart li.last {

	border-bottom: none;
	
}
.theWart li img {
	margin: 4 0 0 4px;
}
.theWart li.empty {
	text-align:left;
	border-bottom: none;
}
.theWart .footer {
	background: #fff url('../../assets/images/app/ecomm/structure/wartFooter.gif') repeat-x bottom;
	text-align: right;
	height: 20px;
	padding: 3px 10px 3px 3px;
	border: 1px solid #ccc;
}

.theWart .authReminder {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 5px solid #515e78;
	padding: 2px 4px;
}

.submit_btn, .submit_btn_en, .submit_btn_fr {
	display: block;
	width: 86px;
	height: 27px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url('/cpo/mc/assets/images/structure/submit_en.gif') no-repeat left top;
	text-indent: -1000em;
	cursor: pointer;
	font-size: 0;
	color: #fff;
	text-align: right;
}

body.fr .submit_btn, .submit_btn_fr {
	width: 103px;
	height: 23px;
	background: transparent url('/cpo/mc/assets/images/structure/submit_fr.gif') no-repeat left top;
}








