@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic");

/* 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
-------------------------------------------------------------------*/
* {
}


.header-container .name img{
	height:55px;
	position: absolute;
	top: 5px;
	left: 0;
}



.alternateLanguages {
	direction: ltr;
}

.tooltip2 {
    border-bottom: 1px dotted #000000;
    color: #000000;
    cursor: help;
    font-size: 11px;
    margin-left: 5px;
    outline: medium none;
    position: relative;
    text-decoration: none;
}
.tooltip2 span {
    margin-left: -999em;
    margin-left: 0;
    position: absolute;
    display:none;
}
.tooltip2 a:link {
    color: #444444;
}
.tooltip2:hover span {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    color: #444444;
    font-size: 11px;
    left: -30px;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 350px;
    z-index: 99;
}
.tooltip2:hover img {
    border: 1px solid #444444;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
}

.tooltip2:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}

.classic {
    background: none repeat scroll 0 0 #F4FEFF;
    border: 1px solid #0699AB;
    padding: 0.8em 1em;
    max-width:250px;
}
.classic img {
    position: relative;
}
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; */
}

/* CFL campaign */
#cfl_teams {
	display: none;
	background: #2d2d2d;
	height: 90px;
	color: #fff;
	padding: 10px;
}

#cfl_teams p {text-align: center;}

#cfl_teams a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#cfl_teams a.active img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#cfl_teams a:hover img {outline: 1px solid #fff; opacity: 1;}

#team_selector {
	margin: 0 0 0.5em;
	padding: 0;
	border-top: solid 4px #dc9315;
}

.slide_tab {
	text-align: center;
	width: 300px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
	background: url("../../assets/images/structure/sort_down.gif") 292px 16px no-repeat;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	text-decoration: none;
}

body.fr .slide_tab {
	width: 238px;
	background-position: 234px 16px;
}

.slide_tab.active {background-image: url("../../assets/images/structure/sort_up.gif ");}

#cfl_features {min-height: 246px;}
/* CFL campaign */

/* ===@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;*/
}

#region6 .worBox {margin-bottom: 8px;}

.worBox.service {
	color: #fff;
	padding: 15px 5px;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
}

.worBox.service a {text-transform: none;}

.worBox.regional {background: yellow; color: #444;}
.worBox.ag {background: #00ff00; color: #444;}
.worBox.informational {
	color: #fff;
	background-color: #336699;
	padding: 5px;
}

.worBox.holiday {
	color: #fff;
	background-color: #009BAA;
	padding: 5px;
}

.worBox.informational p {
	display: inline;
	padding-left: 35px;
	background: transparent url('../../assets/images/structure/info_dk_03.gif') 11px 3px no-repeat;
}

.worBox.service.weather {background: #336699 url('../../assets/images/structure/service_icon_snowflake.png') 8px center no-repeat;}
.worBox.service.ralert {background: #336699 url('../../assets/images/structure/service_icon_circle.png') 8px center no-repeat;}
.worBox.service.yalert {background: #336699 url('../../assets/images/structure/service_icon_triangle.png') 8px center no-repeat;}
.worBox.service.transport {background: #336699 url('../../assets/images/structure/service_icon_truck.png') 8px center no-repeat;}

.worBox.service p {margin-left: 40px;}
.worBox.service.transport p {margin-left: 80px;}
.worBox.service p span {display: inline-block; padding: 5px; margin: 0 5px; background: #fff; color: #444; font-weight: bold; vertical-align: -1px;}
.worBox.service p span span {padding: 0; overflow: hidden; width: 400px; height: 16px;}
body.fr .worBox.service p span span {width: 330px;}
body.en .worBox.service p span span span, body.fr .worBox.service p span span span {padding: 0; margin: 0; height: 1px; width: 15px;}

.worBox.holiday p {
	display: inline;
	padding-left: 35px;
	background: transparent url('../../assets/images/structure/info3.png') 11px center no-repeat;
}

.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
}

/* 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
}

.msgErr li, .msgWarning li, .msgSuccess li, .msgInfo li  { margin-left:15px;}

.msgErr li, .msgWarning li, .msgSuccess li, .msgInfo li  { margin-left:15px;}

.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: 0 auto;
background:#fff
}

.w960 {
width:960px
}

#wrapper {width: 100%;margin-top: 168px; margin-top: 10.5rem;}
#wrapper.tpo{margin-top:98px; margin-top: 6.125rem;}

#popUpWrapper,.w620 {
width:620px
}

.w720 {
width:720px
}

/* ===@headerContainer - START */
#header {
display:block;
position:relative;
width:auto;
z-index:10; /*changed from 100000*/
background: #FFFFFF;
/* set hasLayout for ie6 */
}

#header.ecoaApp, #footer.ecoaApp {width: 960px; margin: auto;}

#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;
}

#wl_header {
	background: url('/cpo/mc/assets/images/tpo/whitelist/background_gradient_repeat.jpg') top left repeat-x;
	min-width: 1075px;
	width: 100%;
	display: inline-block;
}

#wl_header img {padding: 0; float: left;}
#wl_header #badge {float: right; margin: 13px 13px 0 0;}

* 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
}

#globalNavE ul.globalNav li ul li {
width:160px;
height
}

#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:0px center;
background-repeat:no-repeat;
/*position:static*/
}

#globalNavE ul.globalNav li ul li.deepNav {
background-image:url(../../assets/images/structure/arrow_side2.gif);
background-position:2px center;
background-repeat:no-repeat;
/*position:static;*/
line-height: 1.3;
}

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

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

#skip a {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px
}

#skip a:focus {
	position: static;
	width: auto;
	height: auto
}
		
@media only screen and (min-width: 64.063em) { /* Large */
	#skip a:focus {
		position: absolute;
		left: 0;
	}			
}

#skipnav {position: absolute; top: -80px;}

/* ===@headerContainer - END */
/* ===@cpid - START */

/* Foundation Button Classes */

.cpid_bar .button {
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	background-color: #008CBA;
	border-color: #007095;
	color: #fff;
	transition: background-color 300ms ease-out;
}

.cpid_bar .button{
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color:#FFFFFF;
	padding: 10px 30px;
	outline: none;
}

.cpid_bar .button:hover {
background:#076399;
border:medium none;
cursor:pointer
}

.cpid_bar .button.medium{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#FFFFFF;
	padding:8px 20px;
}

.cpid_bar .button.small{
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	padding: 3px 15px 4px 15px;
}

.cpid_bar .button.grey{
	color:#107CC0;
	background-color:#E5E5E4;
}

/* Foundation Button Classes End */

#cpid {
color:#333333;
/*background:#fff0c5;*/
padding: 26px 0 0 0;
padding: 0.625rem 0 0 0;
min-height:67px;
box-sizing: border-box;
}

div.cpid_bar p{
margin: 0 36px 10px 0;
margin: 0 2.25rem 0.625rem 0;
font-size:14px;
font-family: 'Roboto', sans-serif;
font-weight:400;
line-height:21px;
color:#333333;
}

#cpid div.row div.row{
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-left:-15px;
margin-right:-15px;

}
#cpid div.row{
	width:100%;
	max-width:62.5rem;	
	max-width:1000px;
	box-sizing: border-box;
}
#cpid div.row div.columns{
	box-sizing: border-box;
}

#cpid .column, #cpid .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }

#cpid div.large-1{width:8.33333%}
#cpid div.large-2{width:16.66667%}
#cpid div.large-3{width:25%}
#cpid div.large-4{width:33.33333%}
#cpid div.large-5{width:41.66667%}
#cpid div.large-6{width:50%}
#cpid div.large-7{width:58.33333%}
#cpid div.large-8{width:66.66667%}
#cpid div.large-9{width:75%}
#cpid div.large-10{width:83.33333%}
#cpid div.large-11{width:91.66667%}
#cpid div.large-12{width:100%}

/*.personal #cpid, .aboutus #cpid {position: relative;}*/
/*#inner_cpid div.floatLeft {padding-top: 4px;}*/
/*.business #inner_cpid {margin: 0 auto; width: 940px; position: relative; padding: 10px 0 5px;}*/

/*@media only screen and (max-device-width: 939px) {
	#inner_cpid, .business #inner_cpid {width: 100%;}
}*/

#cpid form {
/*display:inline*/
}

#cpid p {
/*padding:0;
padding-bottom:3px*/
	padding-top: 18px;
}

#cpid .userPrincipalLinks {
	padding-top: 19px;
}

#cpid select {
	
	border-radius: 3px;
	margin: 0 0 20px;
	padding: 10px 17px;
	-webkit-appearance: none !important;
	background-color: #fafafa;
	background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: 97% center;
	border: 1px solid #ccc;
	width: 100%;
	font: inherit;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	height: 46px;
	padding-top: 10px;
	margin-bottom: 20px;
	padding-left: 12px;
	
}

div.cpid_bar label{
	
	padding: 0.7rem 0 0 0;
	display: block;line-height:24px;
	font-size: 0.875rem;
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 0;
	white-space: nowrap;
	
	
}


#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 #333A90;
}

#wrapper.developer #cpid {
border-bottom:2px solid #f48e00
}

#wrapper.tpo #cpid {
margin-top: 5px;
border-bottom:2px solid #f48e00
}

#wrapper.partner #cpid {
border-bottom:2px solid #004364;
}
*/

#cpidNavA {
float:left
}

#cpidNavB {
float:right
}

/*-----------------
CPID bar
-----------------*/
div.cpid_bar{
	background:#f9f9f9;
	padding: 26px 0 0 0;
	padding: 0.5rem 0 0 0;
	min-height:67px;
	margin:-51px 0 28px;
	margin:/*-1.8rem 0 1.8rem*/-3.2rem 0 1.8rem;
}
div.cpid_bar p{
	margin: 0 36px 10px 0;
	margin: 0 2.25rem 0.625rem 0;
}

/*	@media only screen and (max-width: 64em) {
	div.cpid_bar{
		margin: 68px 0 0 0;
	}
}*/
div.cpid_bar label{
	/*padding: 0.7rem 0 0 0;*/
	display: block;
	font-weight: bold;
}

div.cpid_bar .userPrincipal {
	font-size: 21px;
	font-weight:normal;
}

div.cpid_bar .userPrincipalLinks {
	font-size: 14px;
	float: right;
}

div.cpid_bar .cpid_submit input {
	margin-top: 34px !important;
	border-radius: 2px; 
	width: auto;
	background-image: none;
	height: auto;
}

a.cpidbasket{
	background: url('/assets/img/shoppingcart.png') no-repeat top left;
	background-size:50%;
	height:14px;
	width:40px;
	margin:2px 0 -2px 0;
	display:inline-block;
}
a.cpidbasket:hover{
	background: url('/assets/img/shoppingcart.png') no-repeat bottom left;
	background-size:50%;
}

/* ===@mainContentContainer - START */
#mainWrap {
	width: 100%;
	position: relative;
}

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

#main {
display:block;
background: #fff;
}

#wrapper #main {width: 960px; margin: auto; padding: 0 20px;}
body.wide #wrapper #main {width: 1040px;}

#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:1000 Changed from 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
}

body.wide #region5 {
	width: 738px;
}

/* 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:100 /*changed from 2000*/
}

body.wide #region3 {
	width: 300px;	
}

.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
}

body.wide #region3 .widget {width: 100%;}

#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;}

body.wide #footerSilver #appCentre {background: none;}

#footerSilver #appCentre .downloads {
	padding: 25px 0 0 5px;
	margin-left: 100px;	
}

.fr #footerSilver #appCentre .downloads {
	margin-left: 150px;	
}

body.wide #footerSilver #appCentre .downloads {
	margin-left: 135px;	
}

#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: 30px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 30px;
}

#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
}

#wrapper.segment .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;
}

#postal_rates {margin-top: 1em;}
#wrapper.segment #postal_rates {margin-top: 5px;}
#prt {position: relative;}
#prt span {position: absolute; right: 5px; top: 0;}
#postal_rates .can, #postal_rates .usa, #postal_rates .int {
	padding: 5px 0 6px;
	border-bottom: 1px solid #d4d4d4;
}

#postal_rates .int {border: none;}

#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:100 /*changed from 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 {
	/* [disabled]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;}
#seg_banner_container {margin: 0 5px 8px;}

.sb {
	float: left;
	width: 234px;
	height: 246px;
	margin-right: 4px;
}

body.wide .sb {margin-right: 13px;}

.sb .contents {
	border: 1px solid #d4d4d4;
	-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;
	height: 123px;
	position: relative;
}

#region3 #seg_banner_container {margin: 0;}
#region3 .sb {margin: 0 auto 8px; float: none;}
#region3 .sb.last {margin: 0 auto 8px !important; float: none !important; padding: 0 !important;}
#region3 .sb .contents {background-color: #fff;}

.sb .button {
	display: block;
	height: 20px;
	width: 100%;
	text-indent: -99999em;
	position: absolute;
	bottom: 7px;
}

.sb .button.fpo {
    background: url("/cpo/mc/assets/images/segment/fpo_en.png") no-repeat scroll left top transparent;
}

.fr .sb .button.fpo {
    background: url("/cpo/mc/assets/images/segment/fpo_fr.png") no-repeat scroll left top transparent;
}

.sb .button.learnMore {
	background: url('/cpo/mc/assets/images/segment/learnmore_en.png') top left no-repeat;
}

.fr .sb .button.learnMore {
	background: url('/cpo/mc/assets/images/segment/learnmore_fr.png') top left no-repeat;
}

.sb .button.readMore {
	background: url('/cpo/mc/assets/images/segment/readmore_en.png') top left no-repeat;
}

.fr .sb .button.readMore {
	background: url('/cpo/mc/assets/images/segment/readmore_fr.png') top left no-repeat;
}


.sb .button.download {
	background: url('/cpo/mc/assets/images/segment/download_en.png') top left no-repeat;
}

.fr .sb .button.download {
	background: url('/cpo/mc/assets/images/segment/download_fr.png') top left no-repeat;
}

.sb .button.buyNow {
	background: url('/cpo/mc/assets/images/segment/buynow_en.png') top left no-repeat;
}

.fr .sb .button.buyNow {
	background: url('/cpo/mc/assets/images/segment/buynow_fr.png') top left no-repeat;
}

.sb .button.getstarted {
	background: url('/cpo/mc/assets/images/segment/getstarted_en.png') top left no-repeat;
}

.fr .sb .button.getstarted {
	background: url('/cpo/mc/assets/images/segment/getstarted_fr.png') top left no-repeat;
}

.sb .button.preOrder {
	background: url('/cpo/mc/assets/images/segment/pre_order_en.png') top left no-repeat;
}

.fr .sb .button.preOrder {
	background: url('/cpo/mc/assets/images/segment/pre_order_fr.png') top left no-repeat;
}

.sb .button:hover{
	background-position: 0 -20px;
}

/* .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:100;*/ /*changed from 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
}

body.wide .region3SectionFooter {
	width: 268px;
}

.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
}

body.wide #cpidSign .region3SectionFooter {
	background-position: top right;	
}

#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
}

li.seperator, li.seperator a:hover, li:hover.seperator {background-color:#fff;}

.ui-front {z-index: 1000;}
.ui-widget-content {background-image: none;}
.ui-widget-content a:link {text-decoration: underline;}
.ui-widget-content a:hover {text-decoration: none;}

.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, #cpid a:link{color:#107cc0;}

a.cpidbasket{
background: url('/assets/img/shoppingcart.png') no-repeat top left;
background-size:50%;
height:14px;
width:40px;
margin:2px 0 -2px 0;
display:inline-block;
}
a.cpidbasket:hover {
    background: url('/assets/img/shoppingcart.png') no-repeat bottom left;
    background-size: 50%;
}


#cpid a, #cpid a:link,#cpid a:visited {
text-decoration:none;
}

#cpid a:hover {
text-decoration:none;
}

/* cpid Link Classes END */
/* h2 section title classes */
.sectionOpen a {
color:#003366
}

/* header Link Classes START */
#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
}

#globalNavE .subNav a {
color:#444 !important;
padding-left: 3px;
}

#globalNavE .subNav a:hover, #globalNavE .subNav li:hover {
background-color:#c4c4c4 !important;
}

#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;
z-index:1000;
}

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

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

.nav li,.globalNav li {
padding:1px 5px 1px 12px
}

li.seperator hr {width: 90%; margin-bottom: 8px; background-color:#c4c4c4;}

#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 {
line-height:1.4;
padding:10px 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 4px 3px 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
}

#globalNavE ul.subNav {
background:rgba(255, 255, 255, 0.9) !important;
background:transparent url(../../assets/images/structure/navigation2.png) top left repeat-y !important;
}

#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:450px;
border:1px solid #c0c0c0;
background:transparent url(../../assets/images/structure/navigation.png) top left repeat;
top:-1px;
right:175px;
line-height:1.2;
height: 210px;
padding: 20px !important;
float: none !important;
}

#globalNavE ul.secondNav {
	background:rgba(255, 255, 255, 0.9) !important;	
	background:transparent url(../../assets/images/structure/navigation2.png) top left repeat-y !important;
	border: 1px solid #C0C0C0;
	height:220px;
	width:145px;
}

.fr #globalNavE ul.secondNav {
	height:225px;
}

#globalNavE .secondNav li {
	/* margin-left: 250px !important; */
	width: 145px !important;
}

.navAd {
	float: left;
	padding: 15px;
}

.navAd a:hover {background-color:#fff; color:#fff;}

.navAdImg {
	height: 200px;
}

.subHeading {
	font-size: 14px;
	padding-left: 0px !important;
}

* 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;
height: 380px !important;
padding-left: 10px;
width: 175px;
overflow: initial;
}

.listItem {
	padding-left:3px;
	font-weight:bold;
}

.fr #globalNavE ul.subNav {
height: 405px !important;
}

#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;
font-size :9px
}

#searchResults .shopImageBox {
float:left;
width:143px;
text-align:center
}

#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 5px 10px 15px;
}

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
}

#whatIsTheDiffccm {
width:420px;
display:none;
position:absolute;
z-index:10000;
color:#444;
top:0px;
left:180px;
border:1px solid #444
}

#whatIsTheDiffccm:after, #whatIsTheDiffccm:before {
	border: solid transparent;
	content: '';
	height: 0;
	right: 100%;
	position: absolute;
	width: 0;
	
}


#whatIsTheDiffccm:after {
	border-width: 13px;
	border-right-color: #3c4b66;
	top: 3px;
}

#whatIsTheDiffccm:before {
	border-width: 15px;
	border-right-color:#444;
	top: 1px;
}

#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
}

div.msgErr code span,div.msgSuccess code span,div.msgInfo code span,div.msgWarning code span{
line-height:0px;
}

#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
}

.dcToolTip {
	line-height:1.6;
}

.dcToolTip a:hover {
	text-decoration:none;
}

.tooltip3 {
    border-bottom: 1px dotted #000000;
    color: #000000;
    cursor: help;
    font-size: 11px;
    margin-left: 5px;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tooltip3 span {
    margin-left: -999em;
    position: absolute;
}
.tooltip3 a:link {
    color: #444444;
}
.tooltip3:hover span {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    color: #444444;
    font-size: 11px;
    left: -200px;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 350px;
    z-index: 1000;
}
.tooltip3:hover img {
    border: 1px solid #444444;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
}
.tooltip3:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}

.tooltip2 {
    border-bottom: 1px dotted #000000;
    color: #000000;
    cursor: help;
    font-size: 11px;
    margin-left: 5px;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tooltip2 span {
    margin-left: -999em;
    margin-left: 0;
    position: absolute;
    display:none;
}
.tooltip2 a:link {
    color: #444444;
}
.tooltip2:hover span {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    color: #444444;
    font-size: 11px;
    left: -30px;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 350px;
    z-index: 99;
}
.tooltip2:hover img {
    border: 1px solid #444444;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
}
.tooltip2:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}
.classic {
    background: none repeat scroll 0 0 #F4FEFF;
    border: 1px solid #0699AB;
    padding: 0.8em 1em;
}
.classic img {
    position: relative;
}

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

.visually-hidden {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

#skipNav, .basicOnly,.printOnly,.hidden,.transcript, .no-close .ui-dialog-titlebar-close, .mobileOnly {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: 292px;}
.fr #wrapper.segment .w530 {height: 315px;}

#instant_answers_container .contents, #postal_rates .contents {background: #fff;}

.en #wrapper.segment #instant_answers_container .contents {height: 85px;}
.fr #wrapper.segment #instant_answers_container .contents {height: 108px;}

#instant_answers_container .largeText {font-size: 13px;}
#employee {position:relative;}
Body.fr #region3 .segmentContainer h3 {font-size: 14px;}
#employee span {position:absolute; right: 8px; top: 5px;}

.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;
}

.btn {
   display: inline-block;
   margin: 6px 0;
   padding: 6px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   text-decoration: none;
}

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

/* button colour styles */
/* black */
.btn_black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
}
.btn_black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
}
.btn_black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
}

/* gray */
.btn_gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
}
.btn_gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
}
.btn_gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
}

/* white */
.btn_white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
}
.btn_white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
}
.btn_white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
}

/* orange */
.btn_orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
}
.btn_orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.btn_orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}

/* red */
.btn_red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
}
.btn_red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
}
.btn_red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
}

/* blue */
.btn_blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
}
.btn_blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}
.btn_blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
}

/* rosy */
.btn_rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
}
.btn_rosy:hover {
	background: #ba4b58;

	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
}
.btn_rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
}

/* green */
.btn_green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
}
.btn_green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
}
.btn_green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
}

/* pink */
.btn_pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
}
.btn_pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
}
.btn_pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
}

.serverName {
	position:relative;
	right:0px;
	bottom:0px;
	text-align: right;
	font-size: xx-small; 
 	visibility:hidden;  
}

.helpIcon {
    background: url("/cpo/mc/assets/images/common/help2.png") no-repeat scroll 0 0 transparent;
    float: left;
    font: bold 13px Helvetica !important;
    height: 20px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: center;
    width: 145px;
}

.helpIconText {
	color:#fff;
	padding-right:45px;
}

.scanTagIcon {
    background: url("/cpo/mc/assets/images/app/track/question-icon.png") no-repeat scroll 95% 50% transparent;
}

.notfoundcopy {
	color: #9B3244;
    font: bold 16px/1.2 arial;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-top: 15px;
}

.notfoundlist {
	padding-left: 25px;
}

.notfoundnote {
	background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    height: auto;
    margin-bottom: 15px;
    margin-left: 25px;
    padding: 15px;
    width: 600px;
	margin-top: 15px;
}

.tipBox {
	background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    height: auto;
    margin-bottom: 15px;
    margin-left: 25px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
	padding-top: 0px;
    width: 600px;
	margin-top: 15px;
}

#thirdBoxContainer{
	margin-top: 10px !important;
}
			
.thirdBox{
	border:1px solid #CCCCCC;
	float: left;
    height: 145px;
    margin-right: 4px;
    width: 248px;
	
	/*background:#FFF; 
	border:1px solid #CCCCCC; 
    float: left;
    height: 145px;
    margin: 5px 10px 8px 0;
    padding: 0;
    width: 214px;
	*/
}

#thirdBoxContainer .last {
	float: right !important;
	margin-right: 0px !important;
	padding-right: 0px  !important;
	*width: 219px;
}



.fr .thirdBox{
	height: 165px;
}

.thirdBox .thirdBoxHeader{
	background:#f8f8f8; 
	border-bottom:1px solid #CCCCCC; 
	margin-top:-2px; 
	/*
	height:35px; 
	float:left; 
	position:relative; 
	width:100%;
	*/
}

.thirdBoxHeader h3 {
    color: #575757;
    font-size: 14px;
    line-height: 32px;
    margin-left: 5px;
}

.fr .thirdBoxHeader h3 {
    color: #575757;
    font-size: 14px;
    line-height: 18px;
    margin-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.thirdBox .thirdBoxContent{
	margin:4px;  
	padding:4px; 
	border:1px solid #CCCCCC;
}

.arabic {
	direction:rtl;
}


/* super shopper */
.super_slider {position: relative; overflow: hidden; width: 728px; height: 254px; padding: 0; margin: 8px auto 0;}
.super_slider.landing {height: auto;}
.super_slider .ss_title {height: 62px;}
.super_slider.landing .ss_title {margin-bottom: 1em;}
.super_slider .ss_title > p {position: absolute; left: 0; top: 5px;}
.super_slider .ss_title .atc_cat {position: absolute; right: 0; top: 0;}
.super_slider .ss_title .share {position: absolute; right: 0; top: 0;}
.super_slider .ss_title span {color: #9b3244;}
.super_slider div.anythingSlider .anythingControls {display: none;}
.super_slider div.anythingSlider .forward a {background-position: -100px -40px;}
.super_slider div.anythingSlider .forward a:hover, .super_slider div.anythingSlider .forward a.hover {background-position: -100px -240px;}
.super_slider div.anythingSlider {width: 726px; height: 186px; border: 1px solid #d4d4d4;}
.super_slider div.anythingSlider ul, .super_slider.landing ul {list-style-type: none; padding: 0; margin: 0;}
.super_slider.landing ul li {margin-bottom: 1.5em;}
.super_slider div.anythingSlider .content {padding: 2px 20px; width: 686px; height: 186px;}
.super_slider div.anythingSlider ul li div a {margin: 0 12px; float: left;}
.super_slider.landing ul li div a {margin: 0 12px;}

.apContent {
	background-color:#ebf0fa;
	padding: 15px;
	border: 1px solid #a0c1ee;
	width: 681px;
}

.apContent h2 {
	color: #000;
}

.apBlueBar {
	background-color:#a0c1ee;
	height: 28px;
	width:711px;
	border-top: 1px solid #a0c1ee;
	border-right: 1px solid #a0c1ee;
	border-left: 1px solid #a0c1ee;

}

.apImgPdf {
	position:relative;
	float: right;
}

.apP {
	text-align:left;
	vertical-align:middle;
	width:200px;
	white-space:nowrap;
}

.apLink {
	width: 200px;
	height:93px;
}

.widget .body {
	padding: 10px 8px 10px 5px !important;
}

.apText {
	height:100px;
	display: inline-block;
	padding-top:30px;
}

.widget a[href$=".pdf"] {
	background: url("../../assets/images/structure/pdf_icon_tiny.gif") no-repeat scroll right bottom rgba(0,0,0,0);
}

.apContentVideo {
	float: right;
	padding-left: 20px;
}

.h2Underline {
	border-bottom:1px solid #a0c1ee;
}

.hide, .close-message-button {
	display:none;
}

/* VPO LOOK HEADER AND FOOTER STYLES */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

#header *, #header *:before, #header *:after {
    box-sizing: border-box;
}

#header ul, #header ol, #header dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem;
}

#header ul {
	padding: 0;
	margin: 0;
    margin-left: 1.1rem;
}

.row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
}

.row:before, .row:after, .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
}

.row:after, .top-bar:after {
    clear: both;
}

.column, .columns {
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    position: relative;
}

header#header {
    background: none repeat scroll 0 0 #fff;
    border-top: 5px solid #da291c;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.header-container {
  background: #f3f3f3; 
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;	
  z-index: 90;	
  margin: 0;			
}

.header-container.header-container-noscroll {
   height: 108px;
   
  -ms-transition: all 0.6s ease;				
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.header-container.header-container-scroll {
   height: 67px;
}	

#header a {
    color: #107cc0;
    text-decoration: none;
}

#header ul {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
}

#header ul li {
    padding-bottom: 5px;
}

#header .icons ul li {
    list-style: none;
	 float: left;
	 padding: 5px;
	}
	
#header .icons ul li a {font-family:'Roboto',sans-serif; font-size: 12px; color: #333; text-transform: uppercase;}
#header .icons ul li a:hover {color: #107cc0;}

#header .top-bar .title-area {
    margin: 0;
    position: relative;
    float: left;	
}

.top-bar-section {
    left: 0 !important;
}
.top-bar-section {
    left: 0;
    position: relative;
    transition: left 300ms ease-out 0s;
    width: auto;
}

.top-bar-section ul {
    background: none repeat scroll 0 0 #333;
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    width: 100%;
}

.top-bar-section ul {
    display: inline;
    height: auto !important;
    width: auto;
}

.top-bar ul {
    list-style: none outside none;
    margin-bottom: 0;
}


.top-bar {
	background: none repeat scroll 0 0 #f3f3f3;
	height: auto;				
}

.top-bar .toggle-topbar a {
	width: 45px;	
}

.top-bar section ul, .top-bar section ul li {
	background: #f3f3f3;			
}

.top-bar-section ul li {
	float: left;
}

.top-bar section ul ul {
	padding: 11px 0;
	background: #fff;
}

.top-bar section ul ul li {background: #fff;}

.top-bar-section .drop .dropdown {
	padding: 0;
	background: #fff;
}

.top-bar-section .has-dropdown > a {
	padding-right: 15px !important;	
}

#header .top-bar section ul.top-bar-section-noscroll {
	margin: 30px 15px 0 0;	
	-ms-transition: all 0.6s ease;				
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;			
}

.top-bar.expanded section .top-bar-section-noscroll {
	border: 1px solid #dadada;
	margin-top: 16px;
	padding: 0;
}

.top-bar.expanded section .top-bar-section-noscroll li {
	border-bottom: 1px solid #dadada;
}

#header .top-bar section ul.top-bar-section-scroll {
	padding: 10px 15px 0 0;				
}	

#header .top-bar-section ul li {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;	
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 0;					  
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #f3f3f3;
	padding: 0 10px;
}

.fr .top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 10px;
}

.top-bar-section li.drop:not(.has-form) > a:not(.button) {
	background: #f3f3f3 url("/assets/img/header_droparrow.svg") no-repeat right 24px;
	padding-right: 10px;
}
 
#header .top-bar-section ul li > a {
	background: #f3f3f3;
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 45px;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	margin-right: 4px;
}

.fr #header .top-bar-section ul li > a {font-size: 16px;}

#header .top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #f3f3f3; 
	color: #087cc0;
}

.top-bar-section li.drop:not(.has-form) > a:not(.button):hover {
	background: #f3f3f3 url("/assets/img/header_droparrow_hover.svg") no-repeat right 24px;
}		

.top-bar-section ul li:hover > a {
	background: #f3f3f3; 
	color: #333333; 
}

.top-bar .name img {
	height: 40px;
	
}	

.header-container-noscroll .top-bar .name img {margin-top: 27px;}
.header-container-scroll .top-bar .name img {margin-top: 8px;}

.header-container-noscroll .top-bar .name {padding-top: 34px; padding-top: 2rem;}
.header-container-scroll .top-bar .name {padding-top: 13px; padding-top: 0.825rem;}

.top-bar.expanded .title-area {
	background: #f3f3f3;
}

.top-bar .toggle-topbar.menu-icon {
	margin-top: -14px;
	padding: 0;
}

.top-bar .toggle-topbar.menu-icon a:after {
	box-shadow: 0 10px 0 1px #323332, 0 16px 0 1px #323332, 0 22px 0 1px #323332;	
}

.top-bar .toggle-icons.cart-icon {
	/*margin-top: -20px;*/
	margin-top: -11px;/*Changed 4-10-2014*/
	right: 150px;
	top: 50%;
	position:absolute;
}

.top-bar .toggle-icons.magnify-icon {
	/*margin-top: -20px;*/
	margin-top: -11px;/*Changed 4-10-2014*/  		
	right: 50px;
	top: 50%;
	position:absolute;
}

.top-bar .toggle-icons.account-icon {
	/*margin-top: -20px;*/
	margin-top: -13px;/*Changed 4-10-2014*/    		
	right: 100px;
	top: 50%;
	position:absolute;
}	

.top-bar .toggle-icons.menu-icon {
	margin-top: -15px;
	right: 0;
	top: 50%;
	position:absolute;
	width:inherit;
}				

#sitelinks ul.right .shoppingcart {
	background: url('/assets/img/icons/cart_retina.png') 0 0 no-repeat; 
	background-size: 20px 40px; 
	background-position: 0 -22px; 
	padding: 0 0 0 24px;
	padding: 4px 0 3px 24px\9;
	background: url('/assets/img/icons/cart_retina_ie8.png') no-repeat 0 -18px\9;
	
	}
	
#sitelinks ul.right .shoppingcart:hover {
	background-position: 0 -2px;
	background-position: 0 3px\9;
	}

.cartQty {color: #107CC0; font-weight: 700; width: 18px; overflow: visible;}	

a.magnify-glass, span.magnify-glass {
	 display: block;
	 background:url('/assets/img/magnify_glass.png') 0 0 no-repeat !important;
	 background-size: 20px auto !important;
	 height:20px;
	 width: 20px !important;
	 text-indent: -99999px;		 
	 margin: 14px 12px 0 11px;
 }
 
 a.magnify-glass:hover, span.magnify-glass:hover, .arrow_box a.magnify-glass {
	 background-position: 0 -21px !important;
 } 	
		 
.search-container {
	background: #fff; 
	border-bottom: 1px solid #dadada;							
	height: 70px;
	display: none;
	padding: 13px 0 0;
}

#header ul.search {			
	list-style-type: none;	
	position:relative;
	padding: 0;		
	margin: 0;	
}

.search .search_mag {
	/*line-height: 42px;
	text-align: right;
	margin-top: 7px;*/
	line-height: 0px;
    text-align: right;
    position: relative;
    top: 7px;
}

.search_mag img {
	width: 30px;
    height: 30px;
    margin-left: 25px;
    margin-right: 20px;
}
.search .search_mag_red {
	position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}
.search .search_mag_red.show {
    visibility: visible;
}
		
header#header .search input {
	color: #333;
	font-family: 'Roboto';
	font-size: 21px;
	font-size: 1.313rem;
	font-weight: 100;
	height: 44px;
	height: 2.750rem;
	margin: 0;
	border: none !important;
	box-shadow: none !important;	
	width: 100%;
	padding: 10px 17px;
}

header#header ul.search .searchBlank {
    position: absolute;
    top: 0px;
    /* left: 0; */
    background-color: #fff;
    width: 100%;
    font-size: 18px;
    color: red;
    line-height: 45px;
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap;
	font-family: 'Roboto';
    /*height: 44px;*/
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder { 
	color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder { 
	color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	color: #999;
}

.search input:focus {background: none;}

#header form {
	margin: 0 0 1rem;
	position: relative;
}

#header a.button, #header input[type='submit'].button {
  background: #087cc0;
  color: #fff;
  webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  }
  
header#header .search .button {
	font-size: 18px; 
	font-size: 1.125rem;
	background: #eaeff4;
	color: #107CC0;
	font-weight: 500;
	padding-left: 20px;
	padding-right: 20px;
}

header#header .search .button:hover {
	background: #bad8ec;
}			  

#header button, #header .button {
border-style: solid;
border-width: 0px;
cursor: pointer;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #008cba;
border-color: #007095;
color: #fff;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
height: inherit;
}

#header button.small, #header .button.small {
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
color: #FFFFFF;
padding: 3px 15px 4px 15px;
}

/* CSS Arrow Box */			
.arrow_box { position: relative; /*background: #fff; z-index:90;*/} 
.arrow_box:after, .arrow_box:before { bottom: -43px; left: 26px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index:90; } 
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 20px; margin-left: -24px; } 
.arrow_box:before { border-color: rgba(218, 218, 218, 0); border-bottom-color: #dadada; border-width: 21px; margin-left: -25px; }

.header-container-scroll .arrow_box:after, .header-container-scroll .arrow_box:before {bottom: -22px; left: 48px;}
.header-container-scroll .arrow_box:after {border-width: 11px; margin-left: -35px; } 
.header-container-scroll .arrow_box:before {border-width: 12px; margin-left: -36px; }

.ui-autocomplete.ui-widget-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-right: 1px solid #ccc;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

.ui-autocomplete.ui-widget {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.ui-autocomplete {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: -moz-use-text-color #cccccc #cccccc;
    border-image: none;
    border-right: 1px solid #cccccc;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    list-style: none outside none;
    position: absolute;
    z-index: 100;
}

.ui-autocomplete {
    width: 970px;
}

.ui-autocomplete li a:not(.button) {
    background-color: #ffffff;
    color: #333333;
    display: block;
    font-weight: 400;
    line-height: 45px;
    padding: 0 15px;
}

.ui-autocomplete li a:hover:not(.button) {
	background: none;
    background-color: #f3f3f3;
	border: none;
	margin: auto;
}

.large-12, .twelve {
	width: 100%;
}

.large-9, .nine {
width: 75%;
}


/* Alerts and Messages */
#topSiteMessageWrapper {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; display: none;}
#topSiteMessageWrapper .close-message {position: absolute; right: 0; top: 0; color: #aaaaaa; cursor: pointer; font-size: 24px; padding: 20px;}

.alert-box,  .message {
    border: medium none;
    color: #444444;
    display: block;
    margin-bottom: 0.625rem;
    margin-top: 0.063rem;
    padding: 15px 0;
    position: relative;    
}

.alert-box.msgPreout, .message.msgPreout, #topSiteMessageWrapper.preout {background-color: #ecb000;}
.alert-box.msgWarning, .message.msgWarning, #topSiteMessageWrapper.warn, .alert-box.msgPreout.warning {background-color: #fff2cd;}
.alert-box.msgError, .message.msgError, #topSiteMessageWrapper.error, .alert-box.msgPreout.error {background-color: #fbe9e8;}
.alert-box.msgSuccess, .message.msgSuccess, #topSiteMessageWrapper.success, .alert-box.msgPreout.success {background-color: #f5f7e0;}
.alert-box.msgInfo, .message.msgInfo, #topSiteMessageWrapper.info, .alert-box.msgPreout.info {background-color: #e6eff9;}

code {
	border: none;
	background-color: transparent;
}

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

.alert-box p {
    margin: 0 0 0 44px;
    padding: 0;
    position: relative;
	font-size: 16px !important;
}

.alert-box.msgPreout p {
	font-weight: 300;
	line-height: 22px;
	line-height: 1.375rem;
	margin-left: 66px;	
	margin-left: 4.125rem;
}

div.msgWarning code span, div.msgError code span, div.msgSuccess code span, div.msgInfo code span, div.msgPreout code span {
    display: inline-block;
	height: 46px;
    height: 2.875rem;
	left: -1px;
    left: -0.063rem;
    position: absolute;
    text-align: center;
	text-indent: -9999px;
    text-indent: -624.938rem;
	top: -1px;
    top: -0.063rem;
	width: 55px;
    width: 3.438rem;
    z-index: 2;
}

div.msgWarning code span {
    background: url("/assets/img/icons/yellow_alert_retina.png") no-repeat scroll 0 50% ; background-size: 24px 24px; position: absolute; top: 12px; left: 10px;
}

div.msgError code span {
    background: url("/assets/img/icons/red_alert_retina.png") no-repeat scroll 0 50%; background-size: 24px 24px; position: absolute; top: 12px; left: 10px;
}


div.msgSuccess code span {
    background: url("/assets/img/icons/green_alert_retina.png") no-repeat scroll 0 50%; background-size: 24px 24px; position: absolute; top: 12px; left: 10px;
}

div.msgInfo code span {
    background: url("/assets/img/icons/blue_alert_retina.png") no-repeat scroll 0 50%; background-size: 24px 24px; position: absolute; top: 12px; left: 10px;
}

div.msgPreout code span {
    background: url("/assets/img/icons/preout_alert_retina.png") no-repeat scroll 0 50%; background-size: 24px 24px; position: absolute; top: 12px; left: 10px;
}

div.msgPreout.warning code span {
    background: url("/assets/img/icons/outage_alert_yellow_retina_icon.png") no-repeat scroll 0 50%; background-size: 36px 36px; position: absolute; top: 12px; left: 10px;
}

@media only screen and (max-width: 40em) { /* Small */
	#topSiteMessageWrapper .close-message-button {margin: 20px 0 20px 44px; display: inline-block !important;}
	.alert-box code {float: none !important; display: block; margin-bottom: 10px; margin-bottom: 0.625rem;}
	div.msgPreout code span {position: static !important;}
	.alert-box.msgPreout p {margin: 0;}
}

@media only screen and (min-width: 40.063em) { /* Medium and up */
	#topSiteMessageWrapper .alert-box p {margin-right: 56px;}
}

		  /*---------------------- 
		  Start of updated footer code
		  Updated : Nov 5th 2014
		  ----------------------*/

		  #area-footer {clear:both;}
		  
		  div.clear{clear:both;}
		  
		  #footer-containerBlue{height:130px;background:#087cc0;margin:40px 0;text-align:center;}
		  #footer-containerBlue h1{color:#fff;font-family:'Roboto',sans-serif;font-weight:400;margin: 3px 0 8px 0;-webkit-font-smoothing:antialiased;font-size:32px;padding-top:25px;line-height:65px;font-weight:400;}
		  #footer-containerBlue h1 a{text-decoration:none;color: #fff;}

		  div.footercolumn{width:25%;float:left;}
		  ul.footer-links{list-style:none;padding:0;margin: 0 18px 23px 18px;font-family:'Roboto',sans-serif;-webkit-font-smoothing: antialiased;}
		  ul.footer-links li{padding-bottom:5px;}
		  ul.footer-links li.category{font-weight:500;/*font-size:16px;line-height:32px;*/line-height:18px;font-size:14px;}
		  ul.footer-links li a.category-items{color: #333;text-decoration: none;font-size:13px;font-weight:300;line-height:16px;margin-bottom:0;}
		  ul.footer-links li a.category-items:hover{color:#107cc0;}
		  
		  ul.footer-links .category a {color:#333;}
		  ul.footer-links .category a:hover {color:#107cc0;}

		  ul.footer-icons{margin:0 0 0 5px;padding:0;list-style:none;overflow:hidden;margin-bottom:0;height:40px;}
		  ul.footer-icons li{list-style:none;float:left;display:block;}
		  ul.footer-icons a.facebook{display:block;background:url('/assets/img/icons/facebook_footer.png') 0 0 no-repeat;background-size:auto 38px;height:19px;width:11px;margin:8px 30px 0px 10px;text-indent:-99999px;}
		  ul.footer-icons a.linkedin{display:block;background:url('/assets/img/icons/linkedin_footer.png') 0 0 no-repeat;background-size:auto 38px;height:19px;width:18px;margin:8px 30px 0px 10px;text-indent:-99999px;}
		  ul.footer-icons a.twitter{display:block;background:url('../../assets/images/common/social-x-black.svg') 0 0 no-repeat;background-size:contain;height:20px;width:20px;margin:9px 30px 0px 10px;text-indent:-99999px;}
		  ul.footer-icons a.facebook:hover{background-position:0 -19px;}
		  ul.footer-icons a.linkedin:hover{background-position:0 -19px;}
		  
		
		  #footerarea{max-width:960px;width:960px;margin: 0 auto;}
		  #footerarea hr {margin-bottom:30px;background-color:#f3f3f3;}
		
		  div#footer-containerGrey{background:#f3f3f3;border-top:1px solid #dadada;height:95px;margin-top:50px;font-family:'Roboto',sans-serif;-webkit-font-smoothing: antialiased;}
		  div#footer-containerGrey p{font-size:11px;color:#333333;margin:22px 0 8px;}
		  div#footer-containerGrey .footercontentholder{max-width:960px;width:960px;margin: 0 auto;}
		  div#footer-containerGrey .leftfooterholder{width:350px;margin:5px 0 0 25px;float:left;}
		  div#footer-containerGrey ul.inline-list{margin:0 0 16px -10px;padding:0;list-style:none;overflow:hidden;}
		  div#footer-containerGrey ul.inline-list li{float:left;margin-left:10px;font-size:14px;color:#333333;font-weight: 300;}
		  div#footer-containerGrey ul.inline-list li a{text-decoration:none;color:#333333;font-size:11px;display:inline;}
		  div#footer-containerGrey ul.inline-list li a:hover{color:#0078a0;}
		  div#footer-containerGrey a.footer-canadalogo{float:right;display:block;margin:40px 25px 0 0;}
		  div#footer-containerGrey a.footer-canadalogo img{width:115px;height:27px;border:none;}
		  /*---------------------- 
		  End of updated footer code
		  ----------------------*/





/*-----------------------------
FEEDBACK TAB STYLES
------------------------------*/

#feedback-tab { 
	position: fixed;
	top: 75%;
	right: 0px;
	width: 100px;
	height: 0px;
	text-align:right;
	z-index:9999;
	margin-top:-15px;				
}

#feedback-tab a { 
    transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: block; 
    background: #d72c26; 
   text-align:center;
    height: 33px; 
    width: 140px;
    padding: 10px 0px 8px;
    margin:10px;
    color: #fff!important; 
    font-family: Arial, sans-serif; 
    font-size: 17px; 
    font-weight: bold; 
    text-decoration: none; 
    /*border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff;*/
}

#feedback-tab a:hover { 
	background: #a71311; 
}


@media only screen and (max-width: 40em) { /* Small */
	#feedback-tab{display: none;}
}


/*-----------------------------
END OF FEEDBACK TAB STYLES
------------------------------*/


/* Developer Program Error messaging Box */
#devProg_Err {
    margin-top: -45px;
}

.user-type.alert-box.msgErr, a.buttonDevProg {
	display:none;
}

#devProg_Err .user-type.alert-box.msgErr {
	display:block;
	background-color: #fbe9e8;
	padding-right: 15px;
}

.contentsen a.buttonDevProg {
	display: inline-block;
	margin-top: 57px;
}

#devProg_Err .user-type.alert-box.msgErr code span {
    display: inline-block;
    height: /*2.875*/1.475rem;
    height: 24px;
    text-align: center;
    text-indent: -9999px;
    width: /*3.438*/1.525rem;
    width: 24px;
    z-index: 2;
    background: url("/assets/img/icons/red_alert_retina.png") no-repeat scroll 0 50%;
    background-size: 24px 24px;
    position: absolute;
    top: 12px;
    left: 10px;
}

a.buttonDevProg {
    background: #087cc0;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;    
    padding: 13px 30px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;   
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;    
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;   
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    transition: background-color 300ms ease-out;
    margin-left: 25px;
}

/* END OF - Developer Program Error messaging Box */

/* PartnerShip program - tweak for FR */
.fr #bg3 #ytText .nolistBullets {
	margin-top:-18px;
}
/* END OF - PartnerShip program - tweak for FR */

/* FDROP FAKER */

#header .f-dropdown.content {
    position: absolute;
    left: 625px;
    top: 28px;
    list-style: none;
    margin-left: 0;
    outline: none;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 89;
    max-width: 300px;
}

.f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0;
}

.icons ul li {
    list-style: none;
    float: left;
    padding: 5px;
}

.f-dropdown>*:first-child {
    margin-top: 0;
}

.f-dropdown>*:last-child {
    margin-bottom: 0;
}

.f-dropdown.content>*:first-child {
    margin-top: 0;
}

.f-dropdown.content>*:last-child {
    margin-bottom: 0;
}

#header input {
    line-height: normal;
}

#header select, 
#header input[type="text"],
#header input[type="password"], 
#header input[type="date"], 
#header input[type="datetime"], 
#header input[type="datetime-local"], 
#header input[type="month"], 
#header input[type="week"],
#header input[type="email"],
#header input[type="number"],
#header input[type="search"],
#header input[type="tel"],
#header input[type="time"],
#header input[type="url"], 
#header input[type="color"], 
#header textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear;
}

#header select, 
#header input[type="text"],
#header input[type="password"],
#header input[type="date"],
#header input[type="datetime"], 
#header input[type="datetime-local"], 
#header input[type="month"], 
#header input[type="week"],
#header input[type="email"], 
#header input[type="number"], 
#header input[type="search"], 
#header input[type="tel"],
#header input[type="time"],
#header input[type="url"],
#header textarea {
    border-radius: 3px;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    height: 46px;
    margin: 0 0 20px;
    padding: 10px 17px;
}

#sitelinks .cpidSignIn h4 {
    font-size: 21px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin: 0;
    font-style: normal;
    margin-bottom: 1.125rem;
	text-transform: none;
}

#sitelinks .cpidSignIn a {
    display: inline-block;
    padding: 0;
    text-transform: none;
}

.icons ul#myAccount li a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #087cc0;
    /*padding-left: 10px;*/
	text-transform: none;
}

#header  button, #header  .button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    transition: background-color 300ms ease-out;
	height: inherit;
}

#header a.button, #header input[type='submit'].button {
    background: #087cc0;
    color: #fff;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#header button, #header .button {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    padding: 10px 30px;
    outline: none;
	height: inherit;
}

#sitelinks .cpidSignIn a.button, #sitelinks .cpidSignIn input[type='submit'].button {
    width: 100%;
}

#sitelinks .cpidSignIn p.signup {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    text-align: right;
}

#header input[type="checkbox"] {
    margin: 0 0 1rem 0;
}

#header input[type="checkbox"]+label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline;
	text-transform: none;
}

#header label {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}

#header .f-dropdown {
    position: absolute;
    left: 625px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 100;
    margin-top: 2px;
    max-width: 200px;
	display: none;
}

#header .f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0;
}

.icons ul#myAccount li {
    width: 100%;
}

.icons .registered ul#myAccount li a {
    text-transform: inherit;
    color: #333;
    background: none;
	padding-left: 10px;
}

.icons ul li a:hover, .icons .registered ul#myAccount li a:hover {
    color: #107cc0;
}

.icons ul li.signout {
    border-top: 1px solid #f3f3f3;
}

#header .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 151px;
    z-index: 89;
}

#header .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #ccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 150px;
    z-index: 88;
}

/*New anchor styles to offset relative header*/
a.anchor {display: block; position: relative; top: -115px;visibility: hidden;/*height:1px;background:pink;*/}
body.hasAlertMessaging a.anchor {top: -200px;}
@media only screen and (max-width: 64.063em){
	a.anchor {top: -85px;}
	body.hasAlertMessaging a.anchor {top: -170px;}
}

div.flyouthelp{padding:10px;margin:0 0 0 25px;border-radius:2px;width:100%;display:none;position:absolute;background:#fff;border:1px solid #c5c5c5;max-width:450px;}
div.flyouthelp.open{display:block;}
div.flyouthelp.error p, div.flyouthelp.error p strong{color:red;}
div.flyouthelp:after, div.flyouthelp:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
div.flyouthelp:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:8px;margin-top:-8px;}
div.flyouthelp:before{border-color:rgba(193,193,193,0);border-right-color:#c1c1c1;border-width:9px;margin-top:-9px;}
@media only screen and (max-width: 40em){
	div.flyouthelp{margin:0 0 16px 0 !important;position: relative;}
	div.flyouthelp:after, div.flyouthelp:before{left:10px;top:100%;right:auto;}
	div.flyouthelp:after{border-color:rgba(255,255,255,0);border-top-color:#fff;margin-top:0;left:11px;}
	div.flyouthelp:before{border-color:rgba(193,193,193,0);border-top-color:#c1c1c1;margin-top:0;}
}
div.flyouthelp *:last-child{margin:0;}
div.flyouthelp p{font-size:12px;line-height:18px;margin:0 0 10px 0;}
div.smb_link_content div.sso_err_lbl, div.commercial_link_content div.sso_err_lbl{display:none;}