/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding: 0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width: 100%;} .ExternalClass{width: 100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace: 0pt; mso-table-rspace: 0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode: bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/**
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
background-color: #DEE0E2;
}
/**
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
border-top: 4px solid #BBBBBB;
}
/**
* @tip Set the border for your email.
*/
#templateContainer{
border: 1px solid #BBBBBB;
}
/**
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
color: #404040 !important;
display: block;
font-family: Helvetica;
font-size: 26px;
font-style: normal;
font-weight: bold;
line-height: 100%;
letter-spacing: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
text-align: left;
}
/**
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
color: #404040 !important;
display: block;
font-family: Helvetica;
font-size: 20px;
font-style: normal;
font-weight: bold;
line-height: 100%;
letter-spacing: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
text-align: left;
}
/**
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
color: #3d98c6 !important;
display: block;
font-family: Helvetica;
font-size: 16px;
font-weight: normal;
line-height: 100%;
letter-spacing: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
text-align: left;
}
/**
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
color: #808080 !important;
display: block;
font-family: Helvetica;
font-size: 14px;
font-weight: normal;
line-height: 100%;
letter-spacing: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
text-align: left;
}
/**
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
background-color: #F4F4F4;
border-bottom: 1px solid #CCCCCC;
}
/**
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
color: #808080;
font-family: Helvetica;
font-size: 10px;
line-height: 125%;
text-align: left;
}
/**
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
color: #606060;
font-weight: normal;
text-decoration: underline;
}
/**
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
background-color: #F4F4F4;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}
/**
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
color: #505050;
font-family: Helvetica;
font-size: 20px;
font-weight: bold;
line-height: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
text-align: left;
vertical-align: middle;
}
/**
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: normal;
text-decoration: underline;
}
#headerImage{
height: auto;
max-width: 600px;
}
#socialShare img {
margin-right: 3px;
}
/* ========== Body Styles ========== */
/**
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
background-color: #FFFFFF;
border-top: 1px solid #FFFFFF;
/*border-bottom: 1px solid #CCCCCC;*/
}
/**
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
color: #505050;
font-family: Helvetica;
font-size: 16px;
line-height: 150%;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
text-align: left;
}
/**
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: normal;
text-decoration: underline;
}
/**
* @tip Set the styling for your email's data table text. Choose a size and color that is easy to read.
*/
.dataTableHeading{
/*background-color: #E7F1FC;*/
color: #336699;
font-family: Helvetica;
font-size: 14px;
font-weight: bold;
line-height: 150%;
text-align: left;
}
/**
* @tip Set the styling for your email's data table links. Choose a color that helps them stand out from your text.
*/
.dataTableHeading a:link, .dataTableHeading a:visited, /* Yahoo! Mail Override */ .dataTableHeading a .yshortcuts /* Yahoo! Mail Override */{
color: #FFFFFF;
font-weight: bold;
}
/**
* @tip Set the styling for your email's data table text. Choose a size and color that is easy to read.
*/
.dataTableContent{
border-top: 1px solid #DDDDDD;
border-bottom: 0;
color: #404040;
font-family: Helvetica;
font-size: 12px;
line-height: 150%;
text-align: left;
}
/**
* @tip Set the styling for your email's data table links. Choose a color that helps them stand out from your text.
*/
.dataTableContent a:link, .dataTableContent a:visited, /* Yahoo! Mail Override */ .dataTableContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: bold;
}
/* ========== Column Styles ========== */
.templateColumnContainer{width: 200px;}
/**
* @tip Set the background color and borders for your email's column area.
*/
#templateColumns{
background-color: #F4F4F4;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}
/**
* @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
*/
.leftColumnContent{
color: #505050;
font-family: Helvetica;
font-size: 14px;
line-height: 150%;
padding-top: 0;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
text-align: left;
}
/**
* @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text.
*/
.leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: normal;
text-decoration: underline;
}
/**
* @tip Set the styling for your email's center column content text. Choose a size and color that is easy to read.
*/
.centerColumnContent{
color: #505050;
font-family: Helvetica;
font-size: 14px;
line-height: 150%;
padding-top: 0;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
text-align: left;
}
/**
* @tip Set the styling for your email's center column content links. Choose a color that helps them stand out from your text.
*/
.centerColumnContent a:link, .centerColumnContent a:visited, /* Yahoo! Mail Override */ .centerColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: normal;
text-decoration: underline;
}
/**
* @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
*/
.rightColumnContent{
color: #505050;
font-family: Helvetica;
font-size: 14px;
line-height: 150%;
padding-top: 0;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
text-align: left;
}
/**
* @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text.
*/
.rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: normal;
text-decoration: underline;
}
/**
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
background-color: #F4F4F4;
border-top: 1px solid #FFFFFF;
}
/**
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
color: #808080;
font-family: Helvetica;
font-size: 10px;
line-height: 150%;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
text-align: left;
}
/**
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
color: #606060;
font-weight: normal;
text-decoration: underline;
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 480px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust: none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width: 100% !important; min-width: 100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding: 10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width: 600px !important;
width: 100% !important;
}
/**
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
font-size: 24px !important;
line-height: 100% !important;
}
/**
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
font-size: 20px !important;
line-height: 100% !important;
}
/**
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
font-size: 18px !important;
line-height: 100% !important;
}
/**
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
font-size: 16px !important;
line-height: 100% !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display: none !important;} /* Hide the template preheader to save space */
/**
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height: auto !important;
max-width: 600px !important;
width: 100% !important;
}
/**
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
font-size: 20px !important;
line-height: 125% !important;
}
/* ======== Body Styles ======== */
/**
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
font-size: 18px !important;
line-height: 125% !important;
}
/**
* @tip Set the background color and border for your email's data table.
*/
.templateDataTable{
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
}
/**
* @tip Set the styling for your email's data table text. Choose a size and color that is easy to read.
*/
.dataTableHeading{
background-color: #D8E2EA;
color: #336699;
font-family: Helvetica;
font-size: 14px;
font-weight: bold;
line-height: 150%;
text-align: left;
}
/**
* @tip Set the styling for your email's data table links. Choose a color that helps them stand out from your text.
*/
.dataTableHeading a:link, .dataTableHeading a:visited, /* Yahoo! Mail Override */ .dataTableHeading a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: bold;
}
/**
* @tip Set the styling for your email's data table text. Choose a size and color that is easy to read.
*/
.dataTableContent{
border-top: 1px solid #DDDDDD;
border-bottom: 0;
color: #202020;
font-family: Helvetica;
font-size: 12px;
font-weight: bold;
line-height: 150%;
text-align: left;
}
/**
* @tip Set the styling for your email's data table links. Choose a color that helps them stand out from your text.
*/
.dataTableContent a:link, .dataTableContent a:visited, /* Yahoo! Mail Override */ .dataTableContent a .yshortcuts /* Yahoo! Mail Override */{
color: #3d98c6;
font-weight: bold;
}
/**
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
height: auto !important;
max-width: 480px !important;
width: 100% !important;
}
/**
* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.leftColumnContent{
font-size: 16px !important;
line-height: 125% !important;
}
/**
* @tip Make the center column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.centerColumnContent{
font-size: 16px !important;
line-height: 125% !important;
}
/**
* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.rightColumnContent{
font-size: 16px !important;
line-height: 125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
font-size: 14px !important;
line-height: 115% !important;
}
.footerContent a {
display:block !important;
} /* Place footer social and utility links on their own lines, for easier access */
<p>Gamification company <a href="https://www.spartasales.com/about/" rel="nofollow">Sparta</a> announced today its launch into the UK market as its looks to replicate its success beyond the Nordics.</p>
<li>Build stronger sales and customer retention cultures.</li>
<li>Promotes actions and behaviors across businesses.<br>
</li>
</ul>
<p>This is done via a powerful gamification solution that taps into what really motivates and rewards</p>
<p>employees and provides recognition to employees by helping to facilitate coaching, competitions, goal-setting and other management initiatives.</p>
<p>Since being founded in late 2013, the <a href="https://www.spartasales.com/customers/" rel="nofollow">company's impressive client roster</a> includes customers across a variety of size, industry and regions including Coca Cola, Hyundai, EON, Volkswagen, Office Depot, Spotify and Netigate.</p>
<p>A recent survey by Incentive Research found that 50% fewer sales reps are motivated by money, compared to just 5 years ago, while 33% of employees do not feel appreciated at work. By using the Sparta tool you can not only ensure staff are <a href="http://blog.spartasales.com/the-3-keys-to-running-successful-sales-competitions" rel="nofollow">fully engaged and are energised</a> in their day to day roles, but also help improve company culture and exceed business objectives</p>
<p>Download our latest whitepaper on <u>"</u><a href="http://blog.spartasales.com/why-sales-gamification-is-here-to-stay-in-2014-pdf-download?utm_source=hs_automation&utm_medium=email&utm_content=39310660&_hsenc=p2ANqtz-86DJU61kkHQRK_XgbTXfhnW7YJxZFQHFJVXCg0PuspoLfY0d8TcmxZ7w2H__pEEVOseEnUXaXDTb9nsBQAx5hQfnsZpCiY3IMxlRwpAmbKykd9IBk&_hsmi=39310660" rel="nofollow">Why Sales Gamification Is Here To Stay In 2017"</a>
</p>
<p>
<span class="xn-person">Peter Britten</span>, UK Managing Director for Sparta, "<i>Having been in sales and leaderships positions for over 15 years I totally understand the challenges that are out there when it comes to motivation, engagement and driving key activities and company behaviours with staff. The Sparta software achieves all these and more, and I am excited to now have the opportunity to provide a tool to the UK market that can make such a big and positive difference to so many organisations</i>"</p>
<p>
<u><b>Here are some ways that the Sparta tool can impact </b></u> <u><b>business</b></u><u><b>es</b></u><u><b>:</b></u> </p>
<ul type="disc">
<li>
<b>Provides employee engagement, motivation, energy, recognition and reward</b> - "<i>50% fewer sales reps are motivated by money, compared to just 5 years ago</i><i>"</i><i> (Incentive Research Foundation)</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Increases activities towards core business objectives resulting in an increase on overall individual and business performance</b> - "<i>most teams have an average of 60% of mid level inconsistent performers.</i><i>"</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Provides real time and transparent measurements of the company's and individual's</b><b>'</b><b> performance across departments, teams and employees through computers,</b> <a href="http://www.mynewsdesk.com/sparta/pressreleases/sales-gamification-platform-sparta-launches-ios-app-and-scales-up-with-two-recruits-from-microsoft-and-magine-1578792" rel="nofollow"><b>mobile phones</b></a> <b>and TV screens</b> - <i>"</i><i>as an employee, you win through your activities; as a manager you win with through the activities of your people.</i><i>"</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Presents ways to make home and internationally based employees feel less isolated, more included and part of the team, company goals and culture</b> - <i>"The sense of belonging is very challenging for virtual workers, who seem to be all alone out in cyberland." (Kaplan University)</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Enhances a healthy, competitive, collaborative and fun working environment to help attr</b><b>act and retain the best talents</b>-<i>.</i> "<i>78% percent of business leaders rank employee retention as important or urgent.</i><i>"</i><i> (TLNT - Talent Management and HR)</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Saves time that can now be focussed on business critical activities. No more need to use whiteboards, excel and email to run and report on internal competitions</b> - "<i>corporate managers are wasting 36 per cent of time on needless administrative tasks</i><i>"</i><i> (cloud company, ServiceNow)</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Assists business leaders with performance management, coaching and career progression of their employees</b> - "<i>CFOs spend at least 40% of their time on business performance management, but they estimate that 30% of their company</i><i>'</i><i>s performance potential is lost due to ineffective performance management processes and behaviours.</i><i>"</i><i> (Talent Management 360)</i>
</li>
</ul>
<br>
<ul type="disc">
<li>
<b>Help to increase better use by employees of internal workflow and CRM systems. Includes the opportunity to</b><a href="http://www.mynewsdesk.com/sparta/pressreleases/sparta-launches-salesforce-com-integration-to-help-sales-organisations-drive-sales-growth-and-build-stronger-sales-culture-with-gamification-1207807" rel="nofollow"><b> </b> <b>integrate with Salesforce</b></a><b> and your own business systems through Sparta</b><b>'</b><b>s API.</b> - <i>"</i><i>Automate [as much] CRM activity because you're never going to change behaviour.</i><i>"</i><i> (<span class="xn-person">James Kaikis</span></i><i> </i> <i>Manager of Sales Engineering)</i>
</li>
</ul>
<br>
<p>
<a href="https://drive.google.com/file/d/0B69PHhmIvTr0ckcwX3ZaS1hqRWM/view" rel="nofollow">Watch our video</a> on how Sparta can increase the performance of a sales team.</p>
<p>
<span class="xn-person">James Pember</span> founder and CEO "<i>I</i><i>'</i><i>m truly excited by the prospect of taking our innovative and successful solution to the UK market. We have incredible demand for our product already, as evidenced by some significant contracts with big enterprises already, in addition to a feeling that the business culture is a real match for what our solution delivers.</i>"</p>
<p>Setting up and using Sparta is extremely quick and easy. Watch this <a href="https://vimeo.com/109793005" rel="nofollow">short video</a> which shows just how easy it is!</p>
<p>
<a href="https://www.spartasales.com/demo/" rel="nofollow">Click here to request a demo</a>
</p>
<p>Alternatively get in touch via <a href="mailto:hello@spartasales.com" rel="nofollow">hello@spartasales.com</a> or contact <span class="xn-person">Peter Britten</span>, UK Managing Director, <a href="mailto:peter.britten@spartasales.com" rel="nofollow">peter.britten@spartasales.com</a> and start benefiting from this market leading gamification tool.</p>