<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <title></title>
     <meta name="description" content="" />

    <!-- Facebook sharing information tags -->
    <meta property="og:title" content="*|MC:SUBJECT|*" />

    <style type="text/css">
        /* EMBEDDED CSS
           Android Mail doesn't support "class" declarations outside of a media query so use inline CSS as a rule.
           More info: Http://www.emailonacid.com/blog/the_android_mail_app_and_css_class_declarations/ */


        /****** EMAIL CLIENT BUG FIXES - BEST NOT TO CHANGE THESE ********/


        /* Forces Hotmail to display emails at full width. */
        .ExternalClass {width:100%;}

        /* Forces Hotmail to display normal line spacing. */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}

        /* Prevents Webkit and Windows Mobile platforms from changing default font sizes. */
        body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}

        /* Resets all body margins and padding to "0" for good measure. */
        body {margin:0; padding:0;}

        /* Resolves webkit padding issue. */
        table {border-spacing:0;}

        /* Resolves the Outlook 2007, 2010, and Gmail td padding issue. */
        table td {border-collapse:collapse;}


        /****** END BUG FIXES ********/


        /****** RESETTING DEFAULTS, IT IS BEST TO OVERWRITE THESE STYLES INLINE ********/


        /* This sets a clean slate for all clients EXCEPT Gmail.
           From there it forces you to do all of your spacing inline during the development process.
           Be sure to stick to margins because paragraph padding is not supported by Outlook 2007/2010.
           Remember: Hotmail does not support "margin" nor the "margin-top" properties.
           Stick to "margin-bottom", "margin-left", "margin-right" in order to control spacing.
           It also wise to set the inline top-margin to "0" for consistancy in Gmail for every inline instance
           of a paragraph tag. */
        p {margin:0; padding:0; margin-bottom:0; color: #808183;}

        /* This CSS will overwrite Hotmails default CSS and make your headings appear consistant with Gmail.
           From there, you can override with inline CSS if needed. */
        h1, h2, h3, h4, h5, h6 {color:#333333; line-height:100%; font-family:Arial,Sans serif;}


        /****** END RESETTING DEFAULTS ********/


        /****** EDITABLE STYLES - FOR YOUR TEMPLATE ********/


        /* The "body" is defined here for Yahoo Beta because it does not support your body tag. Instead, it will
           create a wrapper div around your email and that div will inherit your embedded body styles.
           The "#body_style" is defined for AOL because it does not support your embedded body definition nor
           your body tag, we will use this class in our wrapper div. */
        body, #body_style {width:100% !important; min-height:1000px; color:#808183; background:#e0e0e0; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.4;}

        /* This is the embedded CSS link color for Gmail. This will overwrite Hotmail and Yahoo Beta's
           embedded link colors and make it consistent with Gmail. Also use this rule on inline CSS. */
        a         {color:#114eb1; text-decoration:none;}

        /* There is no way to set these inline so you have the option of adding pseudo class definitions here.
           They won't work for Gmail or older Lotus Notes but it's a nice addition for all other clients. */
        a:link    {color:#00aeef; text-decoration:none;}
        a:visited {color:#00aeef; text-decoration:none;}
        a:focus   {color:#0066ff !important; text-decoration:underline;}
        a:hover   {color:#0066ff !important; text-decoration:underline;}
          
    	  
		  p {font-size: 15px; line-height: 22px;}

        /* A nice and clean way to target phone numbers you want clickable and avoid a mobile phone from
           linking other numbers that look like, but are not phone numbers. Use these two blocks of code to
           "unstyle" any numbers that may be linked. The second block gives you a class ".mobile_link" to apply
           with a span tag to the numbers you would like linked and styled.
           More info: http://www.campaignmonitor.com/blog/post/3571/using-phone-numbers-in-html-email/ */
        a[href^="tel"], a[href^="sms"] {text-decoration:none; color:#333333; pointer-events:none; cursor:default;}
        .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration:default; color:#6e5c4f !important; pointer-events:auto; cursor:default;}


			ul, ol {
				padding-left: 0;
				list-style-position: inside;
				margin: 25px 0;
			}
			
			ul li,
			ol li {
				margin-bottom: 5px;
				color: #515049;
			}
            
                body[yahoo] .main-title h1 {font-size: 27px !important; margin-top: 0 !important; color:#515049 !important; font-size:36px !important; line-height:1.2 !important; font-weight:bold !important;  margin-bottom:15px !important;}
                
                body[yahoo] .main-title h2 {color:#808183 !important; font-size:21px !important; line-height:1.2 !important; font-weight:normal !important; margin-top:10px !important; margin-bottom:1.5em !important;}
                
                body[yahoo] .main-title h3 {color:#515049 !important;}
                
                body[yahoo] .main-title h4 {color:#515049 !important;}
                
                body[yahoo] .main-title p {color:#515049 !important;}
            
			.cta {margin-top: 20px; padding-top: 20px;}
			.cta a {
				color: #fff !important;
				margin: 0;
				border: none;
				text-align: left;
				font-size: 18px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				font-weight: 400!important;
				text-shadow: none!important;
				/*text-indent: 15px;*/
				text-decoration: none;		
				width: auto;
				display: inline-block;
				background: #db0078/* url('//cdn2.hubspot.net/hub/344164/file-710127412-png/Landing_Page_Assets/arrow.png') no-repeat center right*/;
				padding: 10px 80px 10px 0;
			}
			
			.cta a:hover {background-color: #be006b !important;}
			
			.image-cta {}
			
			#hs_cos_wrapper_hs_email_body p,
			 .main-text-section p {margin-bottom: 3px !important;}
			 
			#hs_cos_wrapper_hs_email_body p.sig-wrap  {
				-ms-word-break: break-word;
				word-wrap: break-word;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;
				max-width: 310px;
				}
				
				
				
			
        /****** MEDIA QUERIES ********/
        /* You must use attribute selectors in your media queries to prevent Yahoo from rendering these styles.
           We added a yahoo attribute in the body tag to complete this fix.
           More info: http://www.emailonacid.com/blog/details/C13/stop_yahoo_mail_from_rendering_your_media_queries */

        /* Target mobile devices. */
        /* @media only screen and (max-device-width: 639px) { */
        @media only screen and (max-width: 639px) {

            /* Hide elements at smaller screen sizes (!important needed to override inline CSS). */
            body[yahoo] .hide {display:none !important;}
				body[yahoo] .show {display: table-cell !important;}
				
				 body[yahoo] h2 { margin-bottom: 0.5em !important;}

            /* Adjust table widths at smaller screen sizes. */
            body[yahoo] .table {width:320px !important;}
            body[yahoo] .innertable {width:280px !important;}
				
				body[yahoo] .twothirds {width: 280px !important;margin-right: 0px !important;}
				body[yahoo] .connect {font-size: 16px !important; margin-right: 8px !important;}
				body[yahoo] .cta a {white-space: normal !important; text-indent: 0 !important;	padding: 8px 5px !important; display: block !important; line-height: 20px !important;	text-align: center !important;background-image: none !important;font-size: 16px !important;font-weight: bold !important;
				}
				
				body[yahoo] #hs_cos_wrapper_hs_email_body {
						width: 280px !important;
						padding-bottom: 20px !important;
					}
				
				body[yahoo] #hs_cos_wrapper_hs_email_body p.sig-wrap {max-width: 280px;}
				
				body[yahoo] .sidebar {width:280px !important;}
				body[yahoo] .image-cta.cta-280 img { width: 280px !important; height: 179px !important; margin: 0 !important;}
				
				body[yahoo] img.map {width:121px !important; height: 85px !important;}
				
				body[yahoo] td.panel-detail{padding-left: 7px !important; padding-right: 7px;font-size: 13px !important;}
				
				body[yahoo] h1.main-title {font-size: 27px !important; margin-top: 0 !important;}

            /* Resize hero image at smaller screen sizes. */
            body[yahoo] .heroimage img {width:280px !important; height:80px !important;}
				body[yahoo] .rainbow {width:300px !important; height:10px !important;}

            /* Resize page shadow at smaller screen sizes. */
            body[yahoo] .shadow {width:280px !important; height:4px !important;}

            /* Collapse cells at smaller screen sizes. */
            body[yahoo] .collapse-cell {width:320px !important;}

            /* Range social icons left at smaller screen sizes. */
            body[yahoo] .social-media img {float:left !important; margin:0 1em 0 0 !important;}
				
				body[yahoo] .cta-table .cta {
					padding-left: 0 !important;
				}

        }

        /* Target tablet devices. */
        /* @media only screen and (min-device-width: 640px) and (max-device-width: 1024px) { */
        @media only screen and (min-width: 640px) and (max-width: 1024px) {

        }


        /*** END EDITABLE STYLES ***/


        /****** TEMPORARY - THESE SHOULD BE MOVED INLINE AT END OF YOUR DEVELOPMENT PROCESS ********/

        img {display:block; border:none; outline:none; text-decoration:none;}

        /* Remove spacing around Outlook 07, 10 tables */
        table {border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;}

        /*** END TEMPORARY ***/
    </style>
    <!--[if gte mso 9]>
<style>
ul {
   margin: 0 0 0 24px;
   padding: 0;
   list-style-position: inside;
}
</style>
<![endif]-->

</head>


<body style="width:100% !important; min-height:1000px; color:#808183; background:#e0e0e0; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.4;" alink="#114eb1" link="#114eb1" bgcolor="#e0e0e0" text="#333333" yahoo="fix">
<!-- You may adjust each of the values above for your template as needed.

We've included the style attribute for Gmail because it does not support embedded CSS and it will convert this body tag to
a div. Since it gets converted to a div, the other body attributes like bgcolor are ignored.

We included body attributes (alink, link, bgcolor and text) for Lotus Notes 6.5 and 7, as these clients do not offer much
support for embedded nor inline CSS.

The "min-height" attribute is set for Gmail and AOL since they will be converting this body tag to a div and we want our
background color to reach the bottom of the page.

The yahoo attribute is added if you are using media queries for mobile devices (see media queries above) -->

<!-- PAGE WRAPPER -->
    <div id="body_style">


        <!-- Wrapper/Container Table: Use a wrapper table to control the width and the background color consistently of your email. Use this approach instead of setting attributes on the body tag. -->
        <table cellpadding="0" cellspacing="0" border="0" align="center" style="width:100% !important; margin:0; padding:0;">
            <tr bgcolor="#e0e0e0">
                <td>


                    <!-- Tables are the most common way to format your email consistently. Set your table widths inside cells and in most cases reset cellpadding, cellspacing, and border to zero. Use nested tables as a way to space effectively in your message. -->
                    <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="table">


                        <!-- PREHEADER -->
                        <tr>
                            <td>
                                <table width="100%" cellpadding="10" cellspacing="0" border="0">
                                    <tr>
                                        <td valign="top" style="font-size:11px; text-align: center; color: #a0a0a0">
                                            
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!-- /PREHEADER -->


                        <!-- HEADER -->
                        <tr>
                            <td>
                                <!-- set a value for bgcolor -->
                                <table bgcolor="#ffffff" width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <!-- logo -->
                                         <td class="logo">
                                            <a href="http://www.colt.net/uk/en/index.htm"  id="hs-link-colt_logo" style="border-width:0px;border:0px;"><img src="http://cdn2.hubspot.net/hub/344164/file-706676589-jpg/Landing_Page_Assets/logo-email.jpg" class="hs-image-widget "  style="width:109px;border-width:0px;max-width:none !important; width:auto !important;border: none; outline: none;" width="109" align="left" hspace="0" alt="Colt Logo" title="Colt Logo"></a>        											  														  
                                           </td>
                                        <!-- /header left -->
                                    </tr>
												
												<tr>
                                        <!-- rainbow -->
                                        <td>
														<img src="http://cdn2.hubspot.net/hub/344164/file-715916870-jpg/Landing_Page_Assets/rainbow-email.jpg" alt="Rainbow" class="rainbow" width="600" height="20" />
                                        </td>
                                        <!-- /header left -->
                                    </tr>
												
												
                                </table>
                            </td>
                        </tr>
                        <!-- /HEADER -->


                        <!-- CONTENT -->
                        <!-- set a value for bgcolor -->
                        <tr bgcolor="#ffffff">
                            <td style="padding-top:4px;">
                                <!-- hero article -->
                                <table style="margin-bottom:1em;" width="560" cellpadding="0" cellspacing="0" border="0" align="center" class="innertable">
                                    <!-- hero article main image: must be 560px x 186px -->
                                    <tr>
                                        <td class="heroimage">
                                            <span id="hs_cos_wrapper_main_image" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image" ><img src="http://cdn2.hubspot.net/hub/344164/file-712168616-jpg/Landing_Page_Assets/hero-email.jpg" class="hs-image-widget "  style="width:560px;border-width:0px;border:0px;max-width:none !important; max-height:none !important; width:560px; height:160px;" width="560" align="left" hspace="0" alt="Colt Engage" title="Colt Engage"></span>
														  														  
                                        </td>
                                    </tr>
                                    <!-- /hero article main image -->
												<tr>
                                        <!-- hero article textarea -->
                                        <td>
                                            <table width="100%" cellpadding="10" cellspacing="0" border="0">
                                                <tr>
                                                    
																	 <td style="padding: 1.5em 0 0 0;" class="introtext">
                                                        <!-- hero article heading text -->
                                                        <h1 style="color:#515049; font-size:36px; line-height:1.2; font-weight:bold; margin-top:10px; margin-bottom:7px;" class="main-title">Main headline text</h1>
																		  <h2 style='color:#808183; font-size:21px; line-height:1.2; font-weight:normal; margin-top:10px; margin-bottom:1.5em;'>Lorem ipsum dolor sit amet, consec tetur adipiscing elit.</h2>
																		  <hr style='margin-bottom: 10px; border-top: none; border-color: #cccccc !important;border-left: none;border-right: none;' />
                                                    </td><!-- /hero article heading text -->
																	 
                                                </tr>
                                            </table>
                                        </td>
                                        <!-- /hero article textarea -->
                                    </tr>
                                    
                                </table>
										  
										</td>
									</tr>
									<tr bgcolor="#ffffff">
										<td>
                                <!-- /hero article -->

                                <table width="560" cellpadding="0" cellspacing="0" border="0" align="center" class="innertable">
                                    <tr valign="top">
                                        <!-- standard article textarea -->
                                        <td width="560">
                                         <table width="310" cellpadding="0" cellspacing="0" border="0" class="twothirds" align="left">
                                                <tr valign="top">
																	
                                                    <td style="padding-bottom: 40px;" class="main-text-section" width="320">
																		<!-- 	MAIN TEXT AREA -->
																		<div id="hs_cos_wrapper_email_body" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_content_attribute" style="" data-hs-cos-general-type="widget" data-hs-cos-type="content_attribute" ><p>Hi&nbsp;{{contact.firstname}},</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec metus at diam euismod scelerisque. Aliquam erat volutpat. Nam ac ligula euismod, condimentum ipsum non, fringilla felis. Sed at tincidunt nunc. Mauris id nibh nec eros luctus viverra. Sed auctor tellus ultrices quam convallis lobortis. Curabitur neque orci, volutpat eget augue vel, accumsan pellentesque purus.</p><br />
<p>Yours Sincerely,</p>
<p class="sig-wrap" style='color: #515049;'>{{contact.contact_salesperson_name}}</p>
<p class="sig-wrap">{{contact.contact_salesperson_title}}</p>
<p class="sig-wrap"><a style="color: #00aeef !important;" href='mailto:{{contact.contact_salesperson_email_address}}'>{{contact.contact_salesperson_email_address}}</a></p>
<p class="sig-wrap">{{contact.contact_salesperson_telephone_number}}</p></div>								  
 																	  <!-- 	/MAIN TEXT AREA -->
                                                    </td>		
																	 
                                                </tr>
                                            </table>                                        
                                        
													 <!-- CTA COLUMN -->
													 <table width="235" cellpadding="0" cellspacing="0" border="0" class="sidebar" align="right">
															<tr>
																<td style="padding-bottom: 30px !important;">
																
																<!--  CTA -->
																<table width="230" cellpadding="0" cellspacing="0" border="0" class="panel innertable cta-table" style="margin-bottom: 20px; width: 230px; margin-top: 10px;" align="right">
																	
																	<!-- TOP BLUE STRIP -->
																	<tr style="color: #fff; background-color: #009de0;" bgcolor="#009de0" valign="middle">
														<td valign="middle" style="vertical-align:middle;border-left: 1px solid #009de0; border-top: 1px solid #009de0;padding-left: 15px; font-size: 15px; font-weight: bold;" valign="middle" class="panel-detail"><p style="vertical-align:middle;font-size: 15px; color: #ffffff; margin-bottom: 10px !important; margin-top: 10px !important;">Free Whitepaper</p></td>
														<td style="padding-left: 15px; text-align: right;border-right: 1px solid #009de0;" align="right" valign="middle"></td>
													</tr>
																	
																	
																	<!-- CTA BODY -->
																	<tr style="">
																			
																		<td style="vertical-align: text-top; padding-top: 10px;padding-bottom: 10px; padding-left: 15px;padding-right: 15px;border-left: 1px solid #d2d3d5; border-right: 1px solid #d2d3d5; border-bottom: 1px solid #d2d3d5; line-height: 20px;" colspan=2>
																		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dignissim mollis egestas.
																		<br /><br />
																		
																		
																		<table width="100%" cellpadding="0" cellspacing="0" border="0" class="" style="" align="right">
																			<tr valign="middle">
																				<td bgcolor="db0078" style="padding:5px; padding-left: 15px;" valign="middle" class="cta">
																					<a style='display: block; font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none;background-color: #db0078;padding: 7px 0px 7px 0; vertical-align: middle; height: 100%' href='http://colt.net'>Download now</a>																					
																				</td>
																				<td bgcolor="db0078" style="vertical-align: middle;">
																					<img src="http://cdn2.hubspot.net/hub/344164/file-710127412-png/Landing_Page_Assets/arrow.png" width="39" height="24" class="hide" align="right" style="vertical-align: middle;" />
																				</td>
																			</tr>
																		</table>
																		
																		</td>
																	</tr>
																</table>
																<!-- END CTA -->
																
																
												
												
																
																
																</td>
															</tr>												
														</table><!-- /sidebar -->
														
														
														
														
													 </td>
                                    </tr>
                                </table>										  
                            </td>
                        </tr>
                        <!-- /CONTENT -->
								
								<!-- SOCIAL STRIP -->
								<tr class="social" bgcolor="#a7a9ac" style="background-color: #a7a9ac; text-align: center; vertical-align: middle; padding-top: 10px;" valign="center">
									<td valign="center" style="padding-top: 10px; padding-bottom:10px;">
											<span style="color: #ffffff; vertical-align: middle; font-size: 18px; margin-right: 12px;" class="connect">Connect with us</span>
											
												<img style="display: inline-block; margin-right: 6px;vertical-align: middle;" src="http://cdn2.hubspot.net/hub/344164/file-708426311-png/Landing_Page_Assets/youtube.png" /></a>&thinsp;
											
											<a href="http://twitter.com/FuzerColt"><img style="display: inline-block; margin-right: 6px; vertical-align: middle;" src="http://cdn2.hubspot.net/hub/344164/file-708426316-png/Landing_Page_Assets/twitter.png" width="25" height="25" /></a>&thinsp;
											
											<a href="http://www.linkedin.com/company/fuzer-colt"><img style="display: inline-block; margin-right: 6px; vertical-align: middle;" src="http://cdn2.hubspot.net/hub/344164/file-711535195-png/Landing_Page_Assets/linkedIn.png" width="25" height="25" /></a>&thinsp;
											
										</td>
								</tr><!-- /.social -->
                        <!-- FOOTER -->
                        <tr>
                            <td>
                                <table bgcolor="#ffffff" width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="text-align: center; color: #dddddd; padding-top: 30px;">
    								<a style="font-size: 12px;color: #00aeef;" href="http://www.colt.net/uk/en/accessibility/index.htm">Accessibility </a> &#124; 
									<a style="font-size: 12px;color: #00aeef;" href="http://www.colt.net/uk/en/Colt-Group-of-Companies/index.htm"> Colt Group of Companies </a> &#124; 
									<a style="font-size: 12px;color: #00aeef;" href="http://www.colt.net/uk/en/enquiries-and-complaints/index.htm"> Enquiries &amp; Complaints </a> &#124; 
									<a style="font-size: 12px;color: #00aeef;" href="http://www.colt.net/uk/en/terms-of-use/index.htm"> Terms of use </a> &#124; 
									<a style="font-size: 12px;color: #00aeef;" href="http://www.colt.net/uk/en/data-privacy-statement/index.htm"> Data Privacy Statement</a>								
								 </td>
                                    </tr>
									<tr>
                        <!-- ALTERNATIVE INTERNATIONAL ADDRESS -->                      
                    
                        
                    </tr>
                    
                    <tr>
        											
													<td style="padding: 15px;">
														<p style="color: #a7a9ac;text-align: center;margin: 0; margin-bottom: 15px;font-size: 12px;line-height: 17px;">&copy;Fuzer name and logos are trade marks. All rights reserved.</p>
														<p style="color: #a7a9ac;text-align: center;margin: 0;padding-top: 20px;font-size: 12px;line-height: 17px;"><a href="" style="color: #00aeef !important;">Unsubscribe</a> from all future emails</p>    
													</td>
													
												</tr>
                                </table>
                            </td>
                        </tr>
                        <!-- /FOOTER -->
								


                    </table>
                </td>
            </tr>
        </table>
        <!-- End of wrapper table -->


    </div>
<!-- /PAGE WRAPPER -->

</body>
</html>
