#outlook a{
padding:0;
}
.ReadMsgBody{
width:100%;
}
.ExternalClass{
width:100%;
}
body{
margin:0;
padding:0;
}
a{
word-wrap:break-word !important;
}
img{
border:0;
height:auto !important;
line-height:100%;
outline:none;
text-decoration:none;
}
table,td{
border-collapse:collapse;
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
#bodyTable,#bodyCell{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
.mcnImage{
vertical-align:bottom;
}
.mcnTextContent img{
height:auto !important;
}
body,#bodyTable{
background-color:#ffffff;
}
#bodyCell{
border-top:0;
}
h1{
color:#606060 !important;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040 !important;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060 !important;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080 !important;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h1 a,h2 a,h3 a,h4 a{
color:#6DC6DD;
font-weight:bold;
text-decoration:none;
}
#templatePreheader{
background-color:#e81919;
border-top:0;
border-bottom:0;
}
.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
color:#ffffff;
font-family:Helvetica;
font-size:11px;
line-height:125%;
text-align:left;
}
.preheaderContainer .mcnTextContent a{
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}
#templateHeader{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
color:#ffffff;
font-family:Helvetica;
font-size:15px;
line-height:150%;
text-align:left;
}
.headerContainer .mcnTextContent a{
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}
#templateBody{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
color:#000000;
font-family:Helvetica;
font-size:15px;
line-height:150%;
text-align:left;
}
.bodyContainer .mcnTextContent a{
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}
#templateFooter{
background-color:#e81919;
border-top:0;
border-bottom:0;
}
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
color:#ffffff;
font-family:Helvetica;
font-size:11px;
line-height:125%;
text-align:left;
}
.footerContainer .mcnTextContent a{
color:#000000;
font-weight:normal;
text-decoration:underline;
}
@media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none !important;
}
} @media only screen and (max-width: 480px){
body{
width:100% !important;
min-width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnBoxedTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcpreview-image-uploader]{
width:100% !important;
display:none !important;
}
} @media only screen and (max-width: 480px){
img[class=mcnImage]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnImageGroupContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageGroupContent]{
padding:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageGroupBlockInner]{
padding-bottom:0 !important;
padding-top:0 !important;
}
} @media only screen and (max-width: 480px){
tbody[class=mcnImageGroupBlockOuter]{
padding-bottom:9px !important;
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionTopContent],table[class=mcnCaptionBottomContent]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftTextContentContainer],table[class=mcnCaptionRightTextContentContainer],table[class=mcnCaptionLeftImageContentContainer],table[class=mcnCaptionRightImageContentContainer],table[class=mcnImageCardLeftTextContentContainer],table[class=mcnImageCardRightTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftContentOuter] td[class=mcnTextContent],table[class=mcnCaptionRightContentOuter] td[class=mcnTextContent]{
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnCaptionBlockInner] table[class=mcnCaptionTopContent]:last-child td[class=mcnTextContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnBoxedTextContentColumn]{
padding-left:18px !important;
padding-right:18px !important;
}
} @media only screen and (max-width: 480px){
table[class=templateContainer]{
max-width:600px !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
h1{
font-size:14px !important;
line-height:100% !important;
}
} @media only screen and (max-width: 480px){
h2{
font-size:14px !important;
line-height:100% !important;
}
} @media only screen and (max-width: 480px){
h3{
font-size:14px !important;
line-height:100% !important;
}
} @media only screen and (max-width: 480px){
h4{
font-size:14px !important;
line-height:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnBoxedTextContentContainer] td[class=mcnTextContent]{
font-size:14px !important;
line-height:100% !important;
}
} @media only screen and (max-width: 480px){
table[id=templatePreheader]{
display:block !important;
}
} @media only screen and (max-width: 480px){
td[class=preheaderContainer] td[class=mcnTextContent]{
font-size:14px !important;
line-height:115% !important;
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=headerContainer] td[class=mcnTextContent]{
font-size:14px !important;
line-height:100% !important;
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=bodyContainer] td[class=mcnTextContent]{
font-size:14px !important;
line-height:100% !important;
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=footerContainer] td[class=mcnTextContent]{
font-size:14px !important;
line-height:115% !important;
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=footerContainer] a[class=utilityLink]{
display:block !important;
}
}
|
|
@media only screen and (max-width: 480px){
table[id="canspamBar"] td{font-size:14px !important;}
table[id="canspamBar"] td a{display:block !important; margin-top:10px !important;}
}