/*!* Let Us Help, Anchor v0.5 */
/*
 * v0.5: Removed bold effect for H5
 * v0.4: Added overrides for new grids
 * v0.3: Fixed the issue with multiphone number z-index wrt sticky nav and anchor info
 * v0.2: Partner Support Icon styles are added
 * v0.1: initial checkin
 */

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
}

/* LARGE = 960px */
@media only screen and (min-width:60em) {
}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {
}
/* BASE Styles */
.dmc-letushelp-anchor {
	display: none;
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
.dmc-letushelp-anchor,  
.dmc-letushelp-anchor * {
	box-sizing: border-box;
}
.dmc-letushelp-anchor {
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 20px;
	display: block;
}
/* Overrides for new grids */
.cdc-transform .dmc-letushelp-anchor {
	padding: 5px 18px;
}    
.dmc-letushelp-anchor.dark-bg {
	background-color: #000000;
}
.dmc-letushelp-anchor,  
.dmc-letushelp-anchor.light-bg {
	background-color: #eee;
}
.dmc-letushelp-anchor.compact {
	margin: 0;
}
.dmc-letushelp-bar .links {
	padding: 0 20px;
}
.dmc-letushelp-anchor .links > ul {
	display:table;
	width: 100%;
	margin: 0 auto;
}
.dmc-letushelp-anchor ul li span.link-wrapper,  
.dmc-letushelp-anchor ul li span.icon-wrapper {
	display: table-cell;
	vertical-align: middle;
}
.dmc-letushelp-anchor ul li span.icon-wrapper {
	padding-right: 7px;
}
.dmc-letushelp-anchor ul li span.link-wrapper {
	padding-right: 20px;
}
.dmc-letushelp-anchor ul li:last-child .link-wrapper {
	padding-right: 0;
}
.dmc-letushelp-anchor ul li a.line {
	text-decoration: underline;
}
.dmc-letushelp-anchor.light ul li a.line {
	text-decoration: none;
}
.dmc-letushelp-anchor li {
	display:inline-block;
	width: 49%;
	margin: 10px 0 0 0;
	min-height: 32px;
	vertical-align: middle;
}
.dmc-letushelp-anchor .links li {
	margin-left: 0;
}
/* Drop down for additional phone numbers. */
    .dmc-letushelp-anchor .phone-numbers .arrow {
	margin: 0 auto 0 auto;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFFFFF;
	position: relative;
	top: -18px
}
.dmc-letushelp-anchor .phone-numbers {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	padding: 8px 20px 15px 20px;
	box-shadow: 4px 4px 2px -1px #999;
	z-index: 1;
	text-align: left;
	margin: 10px auto;
}
.dmc-letushelp-anchor .phone-numbers.open {
	display: block;
	z-index: 3;
}
.dmc-letushelp-anchor .phone-numbers ul {
	margin-bottom: 15px;
}
.dmc-letushelp-anchor .phone-numbers ul:last-of-type {
	margin-bottom: 0;
}
.dmc-letushelp-anchor .phone-numbers li {
	display: block;
	width: auto;
	margin: 0 0 3px 0;
	min-height: 0;
	line-height: 1.25em;
}
.dmc-letushelp-anchor .phone-numbers li:last-of-type {
	margin: 0;
}
.dmc-letushelp-anchor .phone-numbers h5 {
	font-size: 16px;
    margin-bottom: 3px;
}
.dmc-letushelp-anchor .phone-numbers li a {
	text-decoration: none;
}
.dmr.light.dmc-letushelp-anchor .phone-numbers h5,  
.dmr.light.dmc-letushelp-anchor .phone-numbers li {
	color: #58585B;
}
.dmr.light.dmc-letushelp-anchor .phone-numbers li a {
	color: #007FAB;
	border-bottom: none;
}
.dmr.light.dmc-letushelp-anchor .phone-numbers li a:hover {
	color: #049FD9;
	border-bottom: none;
}
/* Icon for opening the drop down. */
    .dmc-letushelp-anchor .link-wrapper .arrow {
	width: 20px;
	height: 20px;
	float: right;
	display: table-cell;
	cursor: pointer;
	background-image: url(../icons/arrow-blue.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.dmc-letushelp-anchor.dark-bg .link-wrapper .arrow {
	background-image: url(../icons/arrow-white.svg);
}
.dmc-letushelp-anchor .link-wrapper span.arrow.open {
	-webkit-transform:scaleY(-1);
	transform:scaleY(-1);
}
.dmc-letushelp-anchor .link-wrapper span.link-wrapper-content {
	display: inline;
	padding: 0 10px 0 0;
    font-weight: 400;
}
.dmc-letushelp-anchor ul li span.chat-icon,
.dmc-letushelp-anchor ul li span.call-icon,  
.dmc-letushelp-anchor ul li span.price-icon,  
.dmc-letushelp-anchor ul li span.local-icon,  
.dmc-letushelp-anchor ul li span.case-icon,  
.dmc-letushelp-anchor ul li span.support-icon,  
.dmc-letushelp-anchor ul li span.partner-icon {
	background-image: url(../icons/anchor-marquee-luh-icon-sprite.svg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display:inline-block;
	vertical-align: middle;
}
.dmc-letushelp-anchor.light-bg ul li span.chat-icon {
	background-position: 0 0;
}
.dmc-letushelp-anchor.light-bg ul li span.call-icon {
	background-position: 0 -20px;
}
.dmc-letushelp-anchor.light-bg ul li span.price-icon {
	background-position: 0 -40px;
}
.dmc-letushelp-anchor.light-bg ul li span.local-icon {
	background-position: 0 -60px;
}
.dmc-letushelp-anchor.light-bg ul li span.case-icon {
	background-position: 0 -80px;
}
.dmc-letushelp-anchor.light-bg ul li span.support-icon {
	background-position: 0 -100px;
}
.dmc-letushelp-anchor.light-bg ul li span.partner-icon {
	background-position: 0 -120px;
}
.dmc-letushelp-anchor.dark-bg ul li span.chat-icon {
	background-position: -20px 0;
}
.dmc-letushelp-anchor.dark-bg ul li span.call-icon {
	background-position: -20px -20px;
}
.dmc-letushelp-anchor.dark-bg ul li span.price-icon {
	background-position: -20px -40px;
}
.dmc-letushelp-anchor.dark-bg ul li span.local-icon {
	background-position: -20px -60px;
}
.dmc-letushelp-anchor.dark-bg ul li span.case-icon {
	background-position: -20px -80px;
}
.dmc-letushelp-anchor.dark-bg ul li span.support-icon {
	background-position: -20px -100px;
}
.dmc-letushelp-anchor.dark-bg ul li span.partner-icon {
	background-position: -20px -120px;
}
/*RTL Styles*/
    html[dir="rtl"] .dmc-letushelp-anchor ul li span.icon-wrapper {
	padding-left: 7px;
	padding-right: 0;
}
html[dir="rtl"] .dmc-letushelp-anchor ul li:last-child .link-wrapper {
	padding-left: 0px;
}
html[dir="rtl"] .dmc-letushelp-anchor .links li {
	margin-right: 0;
}
html[dir="rtl"] .dmc-letushelp-anchor ul li .link-wrapper {
	padding-right: 0px;
	padding-left: 20px;
}
html[dir="rtl"] .dmc-letushelp-anchor .link-wrapper .arrow {
	float: left;
}
html[dir="rtl"] .dmc-letushelp-anchor .ltr {
	direction: ltr;
	unicode-bidi: embed;
}
html[dir="rtl"] .dmc-letushelp-anchor .phone-numbers {
	text-align: right;
}
html[dir="rtl"] .dmc-letushelp-anchor .link-wrapper span.link-wrapper-content {
	padding: 0 0 0 10px;
}
}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
.dmc-letushelp-anchor {
	text-align: center;
}
.dmc-letushelp-anchor li {
	display:inline-block;
	width: auto;
}
}
/* responsive: X-LARGE, transform: GRANDE, width: 1024px */
@media only screen and (min-width: 64em) {
.cdc-transform .dmc-letushelp-anchor {
	padding: 5px 20px;
}    
}
/* transform: VENTI, width: 1280px + */
@media only screen and (min-width: 80em) {
.cdc-transform .dmc-letushelp-anchor {
	padding: 5px 22px;
}
}
/*!* DM Team - Let Us Help Bar v1.9 */
/*
 * v1.9: Cleaned up old typography styles for Brandi Typography updates
 * v1.8: Cleaned up remnant old font-family definitions
 * v1.7: Removed bold effect to H5
 * v1.6: padding fix for phonenumbers in RTL
 * v1.5: links padding fixes
 * v1.4: added right padding for links in RTL
 * v1.3: padding fix for Homepage
 * v1.2: RTL padding fix for links
 * v1.1: Removed extra left padding for links
 * v1.0: Updated components for new grids
 * v0.9: Homepage Overrides Cleanup : Added Overrides for New Grids
 * v0.8: fixed the issue with multiphone number z-index wrt sticky nav and anchor info
 * v0.7.5: updated c2c button to allow multiple lines of text
 * v0.7.4: fixed alignment issues
 * v0.7.3: updated the LUH Bar with new design for tablet breakpoint
 * v0.7.2: overrides for "Primary 5 <h5>" to map to Atlantic "Text Bold"
 * v0.7.1: match the background color to the surrounding row if it is fw-bg-medium
 * v0.7: added styles for formatting phone numbers lrt in rtl locales
 * v0.6: updated alignment and padding for multiphone dropdown and dropdown arrow as per specs 
 * v0.5: fixed dropdown arrow alignment issue in mobile devices
 * v0.4: fixed RTL alignment issues and multiphone number z-index wrt sticky nav issue
 * v0.3: RTL styles added
 * v0.2: added support for multiple phone numbers in a dropdown.
 * v0.1: initial checkin
 */

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
}

/* LARGE = 960px */
@media only screen and (min-width:60em) {
}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {
}
/* BASE Styles */
.dmc-letushelp-bar {
    display: none;
}


/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
    .dmc-letushelp-bar, 
    .dmc-letushelp-bar * {
        box-sizing: border-box;
        margin:0;
        padding:0; 
    }    
    .dmc-letushelp-bar {
        background-color: #f2f2f2;
        width: 100%;
        display: table;
        margin: 0 0 20px 0;
    }
    .cdc-homepage .cdc-transform .dmc-letushelp-bar,
    .cdc-homepage .dmc-letushelp-bar{
		padding: 0;
	}

	.cdc-homepage.cdc-transform .dmc-letushelp-bar .cta-button.c2c-component {
    	padding-left: 0;
    	padding-right: 0;
	}
    .cdc-homepage.cdc-transform .dmc-letushelp-bar .links {
		padding-left: 0;
    	padding-right: 0;
	}
    /* Match the color of the surrounding row when it is this very similar gray. */
    .row.fw-bg-medium .dmc-letushelp-bar {
        background-color: #f5f5f5;
    }
    .dmc-letushelp-bar.compact {
        margin: 0;
    }
    .dmc-letushelp-bar .links {
        display:block; 
        padding: 20px;
    }
	.dmc-letushelp-bar .cta-button {
        display: block; 
        padding: 30px 20px 0 20px;
    }
    .dmc-letushelp-bar .links > ul {
        display:table;
        width: 100%;
        margin-bottom: 0;
    }
    .dmc-letushelp-bar > div:first-child {
        padding-left: 20px;
    }
    .dmc-letushelp-bar ul li span.call-icon,
    .dmc-letushelp-bar ul li span.case-icon,
    .dmc-letushelp-bar ul li span.email-icon,
    .dmc-letushelp-bar ul li span.local-icon,
    .dmc-letushelp-bar ul li span.support-icon,
    .dmc-letushelp-bar ul li span.options-icon {
        background: url(../icons/letushelp-bar-icons.png);
        background-repeat:no-repeat;
        height: 39px;
        width: 39px;
        display: block;
    }
    .dmc-letushelp-bar ul li span.call-icon {
        background-position: 0 0;
    }
    .dmc-letushelp-bar ul li span.case-icon {
        background-position: 0 -40px;
    }
    .dmc-letushelp-bar ul li span.email-icon {
        background-position: 0 -80px;
    }
    .dmc-letushelp-bar ul li span.local-icon {
        background-position: 0 -120px;
    }
    .dmc-letushelp-bar ul li span.support-icon {
        background-position: 0 -160px;
    }
    .dmc-letushelp-bar ul li span.options-icon {
        background-position: 0 -200px;
    }
    .dmc-letushelp-bar ul li span.link-wrapper,
    .dmc-letushelp-bar ul li span.icon-wrapper {
        display: table-cell;
        vertical-align: middle;
    }
    .dmc-letushelp-bar ul li span.icon-wrapper {
        padding-right: 7px;
    }
    .dmc-letushelp-bar ul li span.link-wrapper,
    .dmc-letushelp-bar ul li:last-child .link-wrapper {
        padding-right: 0;
    }
    .dmc-letushelp-bar .cta-button a{
        font-size:14px;
        background-color: #1ba0d7;
        border-radius: 60px;
        color: #fff;
        display: block;
        height: auto;
        line-height: 1.25em;
        text-align: center;
        width: 172px;
        padding: 11px 10px;
    }
    .dmc-letushelp-bar .cta-button a:hover {
       background-color: #0f8abe;
       text-decoration: none;
    }
    .dmc-letushelp-bar li {
        display:inline-block;
        width: 49%;
        margin: 10px 0;
        min-height: 32px;
        vertical-align: middle;
    }
    .dmc-letushelp-bar .links li {
        margin-left: 0;
    }
	.dmc-letushelp-bar .links li:last-child {
    	margin-bottom: 10px;
    }
    .dmc-letushelp-bar ul li span.divider {
        color: #cccccc;
        margin-left: 5px;
    }
    .dmc-letushelp-bar ul li span.link-wrapper {
        line-height: 20px;
    }
    .dmc-letushelp-bar ul li span.regular {
        font-size:14px;
        font-weight:bold;
    }
    .dmc-letushelp-bar ul li a.line {
        text-decoration: underline;
    }
    /* code for variation 2 */
    .dmc-letushelp-bar.var-2 {
        padding: 0 20px;
    }
	/* Drop down for additional phone numbers. */
    .dmc-letushelp-bar .phone-numbers .arrow {
        margin: 0 auto 0 auto;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #FFFFFF;
        position: relative;
        top: -18px
    }
    .dmc-letushelp-bar .phone-numbers {
        display: none;
        position: absolute;
        background-color: #FFFFFF;
        padding: 8px 20px 15px 20px;
        margin: 10px 0 0 40px;
        box-shadow: 4px 4px 2px -1px #999;
        z-index: 1;
    }
    .dmc-letushelp-bar .phone-numbers.open {
        display: block;
        z-index: 3;
    }
    .dmc-letushelp-bar .phone-numbers ul {
        margin-bottom: 15px;
    }
    .dmc-letushelp-bar .phone-numbers ul:last-of-type {
        margin-bottom: 0;
    }
    .dmc-letushelp-bar .phone-numbers li {
        display: block;
        width: auto;
        margin: 0 0 3px 0;
        min-height: 0;
        line-height: 1.25em;
    }
    .dmc-letushelp-bar .phone-numbers li:last-of-type {
        margin: 0;
    }
    .dmc-letushelp-bar .phone-numbers h5 {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .dmc-letushelp-bar .phone-numbers li a {
        text-decoration: none;
    }
    /* Icon for opening the drop down. */
    .dmc-letushelp-bar .link-wrapper .arrow {
        width: 20px;
        height: 20px;
        float: right;
        display: table-cell;
        cursor: pointer;
        background-image: url(../icons/arrow-blue.svg);
        background-position: center center;
        background-repeat: no-repeat;
    }
    .dmc-letushelp-bar .link-wrapper span.arrow.open {
        -webkit-transform:scaleY(-1);
        transform:scaleY(-1);
    }
    .dmc-letushelp-bar .link-wrapper span.link-wrapper-content {
        display: table-cell;
        padding-right: 5px;
    }

    /*RTL Styles*/
    html[dir="rtl"] .dmc-letushelp-bar ul li span.icon-wrapper{
        padding-left: 7px;
        padding-right: 0;
    }
    html[dir="rtl"] .dmc-letushelp-bar ul li:last-child .link-wrapper{
        padding-left: 0px;
    }
    html[dir="rtl"] .dmc-letushelp-bar .links li{
        margin-right: 0;
    }
    html[dir="rtl"] .dmc-letushelp-bar .link-wrapper span.arrow {
        float: left;
    }
    html[dir="rtl"] .dmc-letushelp-bar .link-wrapper span.link-wrapper-content {
        padding-left: 5px;
        padding-right: 0;
    }
    html[dir="rtl"] .dmc-letushelp-bar .ltr {
        direction: ltr;
        unicode-bidi: embed;
    }
	html[dir="rtl"] .cdc-homepage.cdc-transform .dmc-letushelp-bar .cta-button.c2c-component {
    	padding-right: 0;
    	padding-left: 0;
	}
}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
    .cdc-homepage .dmc-letushelp-bar .cta-button.c2c-component {
    	padding-left: 10px;
	}
    .cdc-homepage .dmc-letushelp-bar .links {
    	padding-right: 10px;
	}    
    .dmc-letushelp-bar .cta-button {
        width: 215px;
        padding-bottom: 30px;
        display:table-cell; 
        vertical-align: middle;
    }
    .dmc-letushelp-bar .links {
    	display:table-cell; 
        vertical-align: middle;
        padding-left: 0;
    }
	.cdc-homepage.cdc-transform .dmc-letushelp-bar .cta-button.c2c-component {
    	padding-right: 20px;
	}
	/*RTL Styles*/
    html[dir="rtl"] .dmc-letushelp-bar .links {
    	padding-right: 0;
        padding-left: 20px;
    }
	html[dir="rtl"] .cdc-homepage.cdc-transform .dmc-letushelp-bar .cta-button.c2c-component {
    	padding-left: 20px;
	}
	html[dir="rtl"] .dmc-letushelp-bar > div:first-child {
        padding-right: 20px;
    }
}
/* LARGE = 960px */
@media only screen and (min-width:60em) {
    .dmc-letushelp-bar .links li:first-child {
        padding-left: 0;
    }
    .dmc-letushelp-bar .links li {
        padding-left: 10px;
    }
    .dmc-letushelp-bar .phone-numbers li {
        padding-left: 0;
    }
    .dmc-letushelp-bar {
        height: 100px;
    }
    .dmc-letushelp-bar li {
        display:table-cell;
        width: auto;
    }
    /* code for variation 2 */
    .dmc-letushelp-bar.var-2 li {
        width: 25%;
    }
	html[dir="rtl"] .dmc-letushelp-bar .links li {
        padding-right: 10px;
    	padding-left: 0;
    }
	html[dir="rtl"] .dmc-letushelp-bar .links li:first-child,
	html[dir="rtl"] .dmc-letushelp-bar .phone-numbers li {
        padding-right: 0;
    }
}
/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {}
/*!* DM Team - Let Us Help - Block Component: v2.9*/
/*
 * v2.9: Removed bold effect to H5
 * v2.8: RTL fix for phone numbers
 * v2.7: Added Override for compact
 * v2.6: Homepage Overrides Cleanup : Added Overrides for New Grids
 * v2.5: Removed right margin for li for RTL pages
 * v2.4: removed atlantic styles for cq version and added for html version
 * v2.3: removed font-family, applied Atlantic styles and removed unnecessary style
 * v2.2.1: match the background color to the surrounding row if it is fw-bg-medium
 * v2.2: added styles for formatting phone numbers lrt in rtl locales
 * v2.1: fixed alignment and padding issues as per specs
 * v2.0: Removed style for padding bottom of c2c button
 * v1.1.1: width to 'auto'
 * v1.1: Added style for c2c Proactive Chat.
*/
/* BASE Styles */


/* X-SMALL = 480px */
@media only screen and (min-width:30em) {}

/* SMALL = 600px */
@media only screen and (min-width:37.5em){}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {}

/* LARGE = 960px */
@media only screen and (min-width:60em) {}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {}
/* BASE Styles */
.dmc-contactus, .dmc-contactus * {
	-moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
	-webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
	box-sizing:        border-box;   /* Everything else */
}
.dmc-contactus {
	background: none repeat scroll 0 0 #f2f2f2;
	width: auto;
	padding: 23px 15px 0 12px;
	margin: 0 0 20px 0;
}
.cdc-transform .dmc-contactus{
	padding: 23px 16px 0;
}
.cdc-transform .container.grid .col .dmc-contactus{
	margin-bottom: 20px;
}
/* Let Us Help, Block Overrides */
.cdc-transform .dmc-contactus:not(.base-blowout) {
    padding-left: 0;
    padding-right: 0;
}
/* Match the color of the surrounding row when it is this very similar gray. */
.row.fw-bg-medium .dmc-contactus {
	background-color: #f5f5f5;
}
.cdc-transform .container.grid .col .dmc-contactus.compact,
.dmc-contactus.compact {
	margin-bottom: 0;
}
.dmc-contactus .menu {
	position: relative;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	display: block;
}
.dmc-contactus:not(.dmr) .menu h2 {
	font-size: 24px;
	font-weight:300;
	font-style: normal;
	line-height: 1.167em;
	color: #58585B;
	margin-bottom: 15px;
}

.dmc-contactus:not(.dmr) .menu h5 {
	font-size: 20px;
	font-style: normal;
	line-height: 1.2em;
	color: #58585B;
	margin-bottom: 15px;
}
.dmc-contactus:not(.dmr) .menu p {
	font-size: 16px;
	font-weight:300;
	font-style: normal;
	line-height: 1.375em;
	color: #58585B;
	margin-bottom: 15px;
}
.dmc-contactus:not(.dmr) .menu ul {
	margin-bottom: 20px;
}
.dmc-contactus .menu ul li {
	list-style: none;
	margin-left: 0;
}
.dmc-contactus:not(.dmr) .menu ul li {
	font-size: 16px;
	font-weight:300;
	font-style: normal;
	line-height: 1.25em;
	margin-bottom: 10px;
}
.dmc-contactus .menu ul li:last-child {
	margin-bottom: 0;
}
.dmc-contactus .menu ul li a {
	text-decoration: none;
	margin-bottom: 0;
}
.dmc-contactus:not(.dmr) .menu ul li a {
	font-size: 16px;
	font-weight:400;
	font-style: normal;
	line-height: 1.25em;
	color: #007fab;
}
.no-touch .dmc-contactus:not(.dmr) .menu ul li a:hover {
	color: #049fd9;
}
.dmc-contactus .menu a.line {
	text-decoration: underline;
}
.dmc-contactus .menu span.divider {
	color: #cccccc;
	font-size: 16px;
}
.dmc-contactus .menu ul li.cta-button a {
	background-color: #1ba0d7;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	width: 100%;
}
.no-touch .dmc-contactus .menu ul li.cta-button a:hover {
	color: #fff;
}
/* "Contact US" dynamic button over rides*/
.dmc-contactus .menu a b {
	font-weight: normal
}
.dmc-contactus .menu a b i {
	font-style: normal
}
/* Code for IE8 and below */

/* Contact Us Variation 2*/
.lt-ie9 .dmc-contactus {
	display:none;
}
/* Position the proactive chat. */
.c2c-proactive-modal {
	position: fixed;
	top: -1000px;
	left: -1000px;
}
/* RTL Styles */
html[dir="rtl"] .dmc-contactus .menu ul li {
    margin-right: 0;
}
html[dir="rtl"] .dmc-contactus .ltr {
	direction: ltr;
	unicode-bidi: embed;
}        
/* X-SMALL = 480px */
@media only screen and (min-width:30em) {}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
/* Contact Us Variation 2*/
.dmc-contactus {
	display:none;
}
}

/*!* WEM Responsive Let Us Help (EOT) Component v1.11 */
/*
 * v1.11 Fixed bottom margin issues for LUH in IE
 * v1.10 Fixed spacing issues for C2C Button
 * v1.9 Added styles to support Phone Numbers from DD
 * v1.8 Updated background color
 * v1.7 Removed the bold effect to H5
 * v1.6 Centered the button text
 * v1.5 Fixed the alignment issue with the phone numers in RTL
 * v1.4 Updated with the Atlantic Typography
 * v1.3 Added .ltr class for making specific parts LTR, such as phone numbers.
 * v1.2 overrides for "Primary 5 <h5>" to map to Atlantic "Text Bold"
 * v1.1 multiple Phone numbers styles are added
 * v1.0 version
 */

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {}

/* LARGE = 960px */
@media only screen and (min-width:60em) {}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {}


/* BASE */
.dmc-letushelp-eot, .dmc-letushelp-eot * {
   -moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
   -webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
    box-sizing:        border-box;   /* Everything else */
}

/* As a standalone component, provide padding and background color. */
.dmc-letushelp-eot {
    background-color: #f2f2f2;
    padding: 20px 10px 30px 10px;
    margin-bottom:20px;
}

/* As a child in the EOT RightRail, inherit padding and background color. */
.cdc-eot .rightRailComponent .dmc-letushelp-eot {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.dmc-letushelp-eot.compact {
    margin-bottom:0px;
}
.dmc-letushelp-eot ul,
.ie .dmc-letushelp-eot ul{
    margin-bottom: 0;
}
.dmc-letushelp-eot ul li span.divider {
    color: #58585b;
    margin-left: 5px;
}

/* multiple Phone numbers */
.dmc-letushelp-eot ul li a {
    text-decoration:none;
} 
.dmc-letushelp-eot ul li.sub-title,
.dmc-letushelp-eot .luh-num{
    margin-bottom: 0;
}
.dmc-letushelp-eot .luh-num + .sub-title{
    margin-top: 0.8333em;
}
.dmc-letushelp-eot h5 {
    font-size: 16px;
    margin-bottom: 3px;
}

/* Style the Chat Now / Contact Us buttons */
.dmc-letushelp-eot .c2c-no-margin,
.dmc-letushelp-eot .c2c-component {
    margin-bottom: 0;
}
.dmc-letushelp-eot .c2c-component .c2c-active a,
.dmc-letushelp-eot .c2c-component .c2c-inactive a {
    background-color: #7f7f86;
    border: 0;
    color: #fff;
    border-radius: 60px;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 9px 40px;
    margin: 0 0 20px 0;
    text-align: center;
}
.dmc-letushelp-eot .c2c-component .c2c-active a:hover,
.dmc-letushelp-eot .c2c-component .c2c-inactive a:hover {
    background-color: #626469;
    color: #fff;
}

/* Color options. */
.dmc-letushelp-eot.pal-2 {
    background-color: #dee8f5;
}
.dmc-letushelp-eot.pal-2 .c2c-component .c2c-active a,
.dmc-letushelp-eot.pal-2 .c2c-component .c2c-inactive a {
    background-color: #049fd9;
}
.dmc-letushelp-eot.pal-2 .c2c-component .c2c-active a:hover,
.dmc-letushelp-eot.pal-2 .c2c-component .c2c-inactive a:hover {
    background-color: #047fad;
}
.dmc-letushelp-eot.pal-3 {
    background-color: transparent;
}
.dmc-letushelp-eot.pal-3 .c2c-component .c2c-active a,
.dmc-letushelp-eot.pal-3 .c2c-component .c2c-inactive a {
    background-color: #abc233;
}
.dmc-letushelp-eot.pal-3 .c2c-component .c2c-active a:hover,
.dmc-letushelp-eot.pal-3 .c2c-component .c2c-inactive a:hover {
    background-color: #889b28;
}

/* IE8 */
.lt-ie9 .dmc-letushelp-eot {
    padding: 20px 20px 30px;
}
.lt-ie9 .cdc-eot .rightRailComponent .dmc-letushelp-eot {
    padding: 0;
}

/* RTL Styles */
html[dir="rtl"] .dmc-letushelp-eot .ltr {
    direction: ltr;
    display: inline-block;
    unicode-bidi: embed;
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
    .dmc-letushelp-eot {
        padding: 20px 20px 30px;
    }
    .cdc-eot .rightRailComponent .dmc-letushelp-eot {
        padding: 0;
    }
}
/*!* WEM Responsive Let Us Help (EOT) Partner Component v1.10 */
/*
 * v1.10 Updated background color
 * v1.9 Removed the font styles
 * v1.8 Removed bold effect to H5
 * v1.7 Fixed the alignment issue with the phone numers in RTL
 * v1.6 Fixed the typography issues
 * v1.5 Updated with the Atlantic Typography
 * v1.4 Added LTR class to support phone numbers on RTL pages
 * v1.3 overrides for "Primary 5 <h5>" to map to Atlantic "Text Bold"
 * v1.2 multiple Phone numbers styles are added
 * v1.1 Updated with the styles of rightRailComponent(class) DIV, it which would overide the current padding
 * v1.0 version
 */

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {}

/* LARGE = 960px */
@media only screen and (min-width:60em) {}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {}

/* BASE */
.dmc-letushelp-eot-partner, .dmc-letushelp-eot-partner * {
   -moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
   -webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
    box-sizing:        border-box;   /* Everything else */
}
.dmc-letushelp-eot-partner {
    background-color: #f2f2f2;
    padding: 16px 10px 9px;
    margin-bottom: 20px;
    width: 100%;
}
/* As a child in the EOT RightRail, inherit padding and background color. */
.cdc-eot .rightRailComponent .dmc-letushelp-eot-partner {
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.dmc-letushelp-eot-partner.compact {
    margin-bottom: 0;
}
/* Color options. */
.dmc-letushelp-eot-partner.pal-1 {
    background-color: #f2f2f2;
}
.dmc-letushelp-eot-partner.pal-2 {
    background-color: #dee8f5;
}
.dmc-letushelp-eot-partner.pal-3 {
    background-color: transparent;
}

.dmr.dmc-letushelp-eot-partner ul {
    margin: 0 0 10px;
}
.dmc-letushelp-eot-partner ul li span.contact-details {
    line-height: 1.25em;    
}
/* multiple Phone numbers */
.dmc-letushelp-eot-partner ul li.sub-title {
    margin-bottom: 0;
}  
.dmc-letushelp-eot-partner h5 {
    font-size: 16px;
    margin-bottom: 3px;
}
/* RTL Styles */
html[dir="rtl"] .dmc-letushelp-eot-partner .ltr {
    direction: ltr;
    display: inline-block;
    unicode-bidi: embed;
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
    .dmc-letushelp-eot-partner {
        padding: 15px 12px 8px;
    }
    .cdc-eot .rightRailComponent .dmc-letushelp-eot-partner {
        padding: 0;
    }
}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
    .dmc-letushelp-eot-partner {
        padding: 17px 20px 8px;
    }
    .cdc-eot .rightRailComponent .dmc-letushelp-eot-partner {
        padding: 0;
    }
}