@import url("https://fonts.googleapis.com/css?family=Montserrat:bold,normal");
@import url("https://fonts.googleapis.com/css?family=Avenir:bold,normal");
#mainContentLayout {
position: relative;
width: 520px;
margin-left: auto;
margin-right: auto;
font-family: lucida, 'Avenir', roboto, helvetica neue, helvetica, arial, sans-serif;
display: block;
}
@media only screen and (max-width:620px) {
#mainContentLayout {
width: 480px !important;
}
}
#mainContentLayoutLeft {
position: relative;
width: 520px;
font-family: lucida, 'Avenir', roboto, helvetica neue, helvetica, arial, sans-serif;
display: block;
}
@media only screen and (max-width:620px) {
#mainContentLayoutLeft {
width: 480px !important;
}
}
#headerLayout {
position: relative;
width: 580px;
margin-left: auto;
margin-right: auto;
}
#templateHeaderLayout {
background-color: #ffffff;
background-image: url("https://motorcycles-prod-us-east-1-public.s3.us-east-1.amazonaws.com/Images/motorcycles_email_header.png");
background-repeat: no-repeat;
background-position: top;
background-size: contain;
border-top: 0;
border-bottom: 0;
padding-bottom: 0px;
height: 230px;
width: 620px;
}
@media only screen and (max-width:620px) {
#templateHeaderLayout {
background-size: cover !important;
height: 150px !important;
}
}
#titleLayout {
font-family: Montserrat, roboto, helvetica neue, helvetica, arial, sans-serif;
font-weight: bold;
position: relative;
margin: auto;
color: #5743AF;
font-size: 14pt;
max-width: 250px;
height: 80px;
width: 270px;
float: left;
overflow-wrap: break-word;
word-break: break-word;
text-align: left;
padding-top: 20px;
padding-left: 10px;
}
@media only screen and (max-width:620px) {
#titleLayout {
padding-top: 35px !important;
width: 210px !important;
max-width: 210px;
}
}
#logosLayout {
position: relative;
width: 520px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}
#footerLayout {
position: relative;
width: 580px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
#templateFooterLayout {
background-color: #ffffff;
background-image: url("https://motorcycles-prod-us-east-1-public.s3.us-east-1.amazonaws.com/Images/motorcycles_email_footer.png");
background-repeat: no-repeat;
background-position: top;
background-size: contain;
border-top: 0;
border-bottom: 0;
padding-bottom: 0px;
height: 180px;
}
@media only screen and (max-width:620px) {
#templateFooterLayout {
height: 180px !important;
background-size: cover !important;
}
#footerLayout {
padding-top: 50px !important;
width: 460px !important;
}
}
.mailing-address-layout {
text-align: center;
line-height: 1.5;
font-size: 9pt;
color: #0067CD;
}
@media only screen and (max-width:620px) {
.mailing-address-layout {
font-size: 8pt !important;
}
}
.skywatch-logo-image {
max-height: 28px;
max-width: 180px;
padding-top: 15px;
float: left;
}
.broker-logo-image {
max-height: 40px;
max-width: 180px;
float: right;
padding-top: 10px;
}
#templateLogosLayout {
height: 20px;
padding-bottom: 5px;
}
.desktop-only {
display: block;
}
.mobile-only {
display: none;
}
@media only screen and (max-width:620px) {
.desktop-only {
display: none !important;
}
.mobile-only {
display: block !important;
}
}
#facebook-button-layout{
padding-right: 10px;
}
#twitter-button-layout{
padding-right: 10px;
}
#linkedin-button-layout{
padding-right: 10px;
}
Voom Motorcycle Insurance payment could not be processed
p {
margin: 10px 0;
padding: 0;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
margin: 0;
padding: 0;
}
img,
a img {
border: 0;
height: auto;
outline: none;
text-decoration: none;
}
body,
#bodyTable,
#bodyCell {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.mcnPreviewText {
display: none !important;
}
#outlook a {
padding: 0;
}
img {
-ms-interpolation-mode: bicubic;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
p,
a,
li,
td,
blockquote {
mso-line-height-rule: exactly;
}
a[href^=tel],
a[href^=sms] {
color: inherit;
cursor: default;
text-decoration: none;
}
p,
a,
li,
td,
body,
table,
blockquote {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass td,
.ExternalClass div,
.ExternalClass span,
.ExternalClass font {
line-height: 100%;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.templateContainer {
max-width: 600px !important;
}
a.mcnButton {
display: block;
}
.mcnImage,
.mcnRetinaImage {
vertical-align: bottom;
}
.mcnTextContent {
word-break: break-all;
}
.mcnTextContent img {
height: auto !important;
}
.mcnDividerBlock {
table-layout: fixed !important;
}
h1 {
color: #222222;
font-family: lucida, 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: bold;
line-height: 150%;
letter-spacing: normal;
text-align: center;
}
h2 {
color: #222222;
font-family: lucida, Helvetica;
font-size: 34px;
font-style: normal;
font-weight: bold;
line-height: 150%;
letter-spacing: normal;
text-align: left;
}
h3 {
color: #444444;
font-family: lucida, Helvetica;
font-size: 22px;
font-style: normal;
font-weight: bold;
line-height: 150%;
letter-spacing: normal;
text-align: left;
}
h4 {
color: #999999;
font-family: lucida, Georgia;
font-size: 20px;
font-style: italic;
font-weight: normal;
line-height: 125%;
letter-spacing: normal;
text-align: center;
}
#templateHeader {
background-color: #ffffff;
background-image: none;
background-repeat: no-repeat;
background-position: top;
background-size: contain;
border-top: 0;
border-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.headerContainer {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-top: 0;
border-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.headerContainer .mcnTextContent,
.headerContainer .mcnTextContent p {
color: #808080;
font-family: lucida, Helvetica;
font-size: 16px;
line-height: 150%;
text-align: left;
}
.headerContainer .mcnTextContent a,
.headerContainer .mcnTextContent p a {
color: #00ADD8;
font-weight: normal;
text-decoration: underline;
}
#templateBody {
background-color: #ffffff;
background-image: none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
border-top: 0;
border-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.bodyContainer {
background-color: #ffffff;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-top: 0;
border-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.bodyContainer .mcnTextContent,
.bodyContainer .mcnTextContent p {
color: #122658;
font-family: lucida, Helvetica;
font-size: 17px;
line-height: 125%;
text-align: left;
}
.bodyContainer .mcnTextContent a,
.bodyContainer .mcnTextContent p a {
color: #222222;
font-weight: normal;
text-decoration: underline;
}
.footerContainer {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-top: 0;
border-bottom: 0;
padding-top: 50px;
padding-bottom: 0;
}
.footerContainer .mcnTextContent,
.footerContainer .mcnTextContent p {
color: #FFFFFF;
font-family: lucida, 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 150%;
text-align: center;
}
.footerContainer .mcnTextContent a,
.footerContainer .mcnTextContent p a {
color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
}
Dear Greg,
Your last payment of $104.12 could not be processed.
This may be due to a card expiration or an insufficient credit balance.
To pay your remaining balance, please validate payment details by clicking below.
Validate Payment
For more details feel free to reach us at support@voominsurance.com.
Best regards,
VOOM support team
www.voominsurance.com
