We are migrating CKEditor issue tracking to GitHub. Please, use GitHub to report any new issues.

The former tracking system (this website) will still be available in the read-only mode. All issues reported in the past will still be available publicly and can be referenced.

Important: we decided not to transfer all the tickets to GitHub, as many of them are not reproducible anymore or simply no longer requested by the community.
If the issue you are interested in, can be still reproduced in the latest version of CKEditor, feel free to report it again on GitHub.
At the same time please note that issues reported on this website are still taken into consideration when picking up candidates for next milestones.

To report a new issue, go to https://github.com/ckeditor/ckeditor-dev/issues and follow the instructions in the issue template.

Context Navigation

Back to Ticket #14627

Ticket #14627: default.js

File default.js, 1.5 MB (added by Devidas Bhange, 8 years ago)

Line
1	/*
2	Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
3	For licensing, see LICENSE.md or http://ckeditor.com/license
4	*/
5	CKEDITOR.addTemplates("default", { imagesPath: CKEDITOR.getUrl(CKEDITOR.plugins.getPath("templates") + "templates/images/"), templates:
6
7
8
9	[
10	{ description: "A How to Remove Bugs and Tar Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in"></A>Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in"><B>How to Remove Bugs and Tar</B></P> <P STYLE="margin-bottom: 0.14in">While we can both agree that bugs look awful dotted across your front bumper and hood, they also very destructive. Bugs can damage the paint long after they hit the car. As the insect decomposes, they produce enzymes intended to break down the carcass. These enzymes also break down automotive paint, resulting in etching. </P> <P STYLE="margin-bottom: 0.14in">If you live in the Southeast portion of the United States “love” bugs are a HUGE problem. “Love” bugs have very fatty bodies, which produce a lot of enzymes. Plus, because there are MILLIONS of them your vehicle IS going to kill a few…. </P> <P STYLE="margin-bottom: 0.14in">In addition to bugs, your vehicle is also going to have the opportunity to collect tar, tree sap, and bird droppings. None of these are good for your vehicle’s paint finis. </P> <P STYLE="margin-bottom: 0.14in"><B>Bug & Tar Removal</B></P> <P STYLE="margin-bottom: 0.14in">As soon as you notice bugs, tar, or anything foreign on your vehicle, take action. </P> <P STYLE="margin-bottom: 0.14in">If the spot is relatively fresh, use a microfiber towel and some water or paint cleaning solution to wipe the paint clean. This is ideal because you’re not removing any existing wax.</P> <P STYLE="margin-bottom: 0.14in">If that does not work, you need a back-up plan. For a small spot of bugs, you can use a bug and tar remover. The issue with bug and tar removers is that you should reapply paint protection. </P> <P STYLE="margin-bottom: 0.14in">Let’s say you just drove from Florida to Atlanta and your care is covered in bugs. Instead of trying to address each spot, you should wash your entire vehicle. As you’re soaping down the front of your vehicle, use a cleaning agent that safe for your paint and gently wash the entire area in a back and forth motion. You can also use a cloth with a honeycomb texture that will help you get under the bug remains and lifts them off the paint.</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> <P STYLE="margin-bottom: 0.14in"> </P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> <P STYLE="margin-bottom: 0.14in"> </P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "HowtoRemoveBugsandTar/screenshot.png", title: "How to Remove Bugs and Tar" },
11
12	{ description: "A Leather Care Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in"><FONT FACE="Arial, serif">Dear [[Customer Name]], </FONT> </P> <P STYLE="margin-bottom: 0.14in"> <FONT FACE="Arial, serif"><FONT SIZE=4 STYLE="font-size: 14pt"><B>T</B></FONT></FONT><FONT COLOR="#000000"><FONT FACE="Arial, serif"><FONT SIZE=4 STYLE="font-size: 14pt"><B>aking Care of Your Vehicle’s Leather</B></FONT></FONT></FONT></P> <P STYLE="margin-bottom: 0.14in"><FONT COLOR="#000000"><FONT FACE="Arial, serif">If you want your vehicle’s leather is to retain its beauty, you must take care of it, clean it and condition it... It is much easier to spend a little time protecting and conditioning your vehicle’s leather than spending the money to save it after it has been damaged. </FONT></FONT> </P> <P STYLE="margin-bottom: 0.17in"><FONT COLOR="#000000"><FONT FACE="Arial, serif">Leather surfaces are just like beautiful, delicate skin. Leather must be carefully cleansed before it can be properly conditioned. As leather ages, it loses essential protectants infused into the leather during the manufacturing process. That leaves the leather susceptible to dirt, oils, and UV damage. To keep leather looking and feeling its best, you must first clean it and then replace the lost moisture and protection.</FONT></FONT></P> <P STYLE="margin-bottom: 0.17in"><FONT COLOR="#000000"><FONT FACE="Arial, serif"><FONT SIZE=4 STYLE="font-size: 14pt"><B>Proper Care Takes Two Steps</B></FONT></FONT></FONT></P> <P STYLE="margin-bottom: 0.17in"><FONT COLOR="#000000"><FONT FACE="Arial, serif"><B>Step One:</B></FONT></FONT><FONT COLOR="#000000"><FONT FACE="Arial, serif"> First you need to select a pure leather cleaner that is free of petroleum solvents, silicone oils or gloss agents, penetrates deep into every pore. It should be applied with a microfiber application pad/towel or a leather and vinyl scrub brush. It is important to use an agitating motion NOT a scrubbing motion. Agitation opens the pores of the leather and allows dirt and body oils to rise to the surface of the leather where it can be wiped away. <BR><BR></FONT></FONT><FONT COLOR="#000000"><FONT FACE="Arial, serif"><B>Step Two:</B></FONT></FONT><FONT COLOR="#000000"><FONT FACE="Arial, serif"> After cleaning your leather thoroughly the next step is to apply a high quality leather conditioner. High quality conditioners are designed to nourish and moisturize your leather. They are engineered to absorb deep into your vehicles leather fibers\' cells, allowing the fibers to retain their resilience, and prohibit premature aging. </FONT></FONT> </P> <P STYLE="margin-bottom: 0.17in"><FONT COLOR="#000000"><FONT FACE="Arial, serif">IMPORTANT! Inexpensive conditioners leave a greasy finish that can transfer to clothing. For the best results select a water-based, pH-balanced leather conditioner.<BR><BR>With a little time and the right chemicals, your vehicle\'s leather will remain soft, supple, and inviting for years to come!</FONT></FONT></P> <H3 CLASS="western"></H3> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "LeatherCare/screenshot.png", title: "Leather Care" },
13
14
15	{ description: "A Paint Care Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in"></A>Dear [[Customer Name]],</P> <P STYLE="margin-bottom: 0.14in">Here is a short email on the how to take care of your vehicles paint. There are 4 basic steps to maintaining your vehicles finish: </P> <P STYLE="margin-bottom: 0.14in">1. <B>Wash:</B> This initial step will remove of loose contaminants such as dirt, dust, etc from your car’s paint. We suggest you ONLY use car wash soap that is ph balanced (NEVER USE DISH WASHING DETERGENT) with a wash mitt or sponge along with a clean soft towel for drying. ALWAYS make sure your vehicle’s surface is cool to the touch and it is in the shade before you begin washing your vehicle. You should wash and rinse one section at a time to prevent the soap from drying on your paint. </P> <P STYLE="margin-bottom: 0.14in">2. <B>Drying:</B> After washing your vehicle one section at a time, your next step is to dry it. Never just let your vehicle air dry as this can lead to water spotting because the minerals in the water will be left behind as the water evaporates. The harder the water, the more spotting will occur. Your drying towel should be absorbent, very soft and very gentle to the paint. The best choices for drying towels are microfiber drying towels or chamois. </P> <P STYLE="margin-bottom: 0.14in">3. <B>Protect/Wax:</B> Now it\'s time to “seal” your car’s beautiful shine by applying a wax or sealant. Most people apply too much wax/sealant. This only lengthens the time it takes for the wax/sealant to dry. It also makes the wax more difficult to remove, and wastes your money. The “right” amount of wax will leave a “haze” on your paint. Always allow a wax or sealant to fully “cure” before removing. </P> <P STYLE="margin-bottom: 0.14in">To see if the wax/sealant is dry take one of your fingertips and wipe it across an area of the vehicle that has been waxed. If it streaks or is smears then the wax/sealant has not fully dried and should not yet be removed. If the area is clear and glossy, the wax is dry and can be removed with a clean, dry microfiber polishing cloth or 100% cotton terry towel. </P> <P STYLE="margin-bottom: 0.14in">4. <B>Maintain:</B> Maintaining your car’s shine is fairly simple. Keep it clean…Make it a point to removal contaminants before they have a chance to bond to your paint’s surface. If you drive in the rain, it gets dusty, dirty, muddy, or has been left outside for a few days you should treat your car to a car wash.</P> <P STYLE="margin-bottom: 0.14in">Your Local Collision Repair Professional</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "PaintCare/screenshot.png", title: "Paint Care" },
16
17	{ description: "A Wheel Winterization Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in">You need to protect your [[Vehicle Information]] wheels just like the paint. To protect your wheels use a protective wax. It prevents brake dust adhesion and repels snow and ice. You will need to apply this protective wax regularly but the results are well worth the effort.</P> <P STYLE="margin-bottom: 0.14in">You need to protect your tires because the rubber needs to be kept supple in freezing temperatures to prevent cracking. You can use tire gels that make your tires look great AND hydrate your tires to keep them flexible.</P> <P STYLE="margin-bottom: 0.14in">Finally, make sure your tires are inflated properly. The air inside your tires will shrink in cold temperatures. If your tires become under-inflated, the tread will not make enough contact with the road to maneuver on icy asphalt</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "WheelWinterization/screenshot.png", title: "Wheel Winterization" },
18
19	{ description: "A Winterizing Your Windshield and Wipers Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in">Make sure you use an antifreeze and cleaner that will keep your windshield clean and frost-free. Simply add it to your windshield washer fluid according to the directions. Most additives protect your vehicle against freezing down to -22°F and overspray will not affect your car’s paint, plastic, or rubber.</P> <P STYLE="margin-bottom: 0.14in">If you live an area that receives snow make sure you have a quality ice scraper. If you don’t want to scrape your windshield you can now purchase deicer sprays that speed up the removal of light snow, ice, and frost. </P> <P STYLE="margin-bottom: 0.14in">To preserve your windshield wipers you can now purchase windshield wiper “wipes”. These wipes are covered with a rubber lubricant that prevents snow and ice from sticking to your wipers and will reduce skipping, chattering, and streaking.</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Winterizing Your Windshield and Wipers" },
20
21	{ description: "A Windshield Damage Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in">Do you have a ding in your windshield? If so here are a few things to do and remember. </P> <P STYLE="margin-bottom: 0.14in">If you are going to continue driving your vehicle the vibration of the road and exposure to the elements could cause the damaged area to grow. </P> <P STYLE="margin-bottom: 0.14in">Make sure to inspect the damage. If it has a cone shape, a circle deep in the glass or looks like a small star with points spreading out, call us so we can fix it immediately! These are serious dings that can grow into a cracked windshield.</P> <P STYLE="margin-bottom: 0.14in">Don\'t touch the damaged area or attempt to repair it yourself. Without special equipment and training, you will only contaminate the damaged area, making repairs hard to complete. What you can do as a temporary fix is to put a piece of clear tape, like packing tape, over the damaged area. </P> <P STYLE="margin-bottom: 0.14in">Do not wash your car, especially through the car wash. Soap and water can contaminate damaged area and a high-pressure wash can cause the ding to expand.</P> <P STYLE="margin-bottom: 0.14in">Try to avoid slamming your doors and don\'t close the doors with the windows closed. The vibration or build-up of air pressure inside the car can cause the damage to spread.</P> <P STYLE="margin-bottom: 0.14in">Try not to park in the sun or turn on your air conditioning, heater or defrost on HIGH. Changes in your vehicles inside temperature or exposure to sunlight can cause stress to your windshield. </P> <P STYLE="margin-bottom: 0.14in">If your windshield is damaged please call us today at so we can</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "WindshieldDamage/screenshot.png", title: "Windshield Damage" },
22
23	{ description: "A Headlight Restoration Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in">Did you know that 80 percent or more of the vehicles on the road have inefficient and worn or cloudy and improperly aimed headlights? Are you one of these people? If so, you are at a higher risk of an accident if you drive with inefficient headlights without enough light output due to opaque or cloudy lenses. Not only is your vision reduced, but other cars will not be able to see you as well with dim lights. </P> <P STYLE="margin-bottom: 0.14in">We offer a headlight restoration process that uses a patented headlight restoration and cleaning solution which has been proven effective in restoring previously cloudy lenses to new again at a fraction of the cost of replacement. Our headlight restoration will greatly improve your night time driving safety and make your car look so much better.</P> <P STYLE="margin-bottom: 0.14in">For more information on how we can restore your headlights call us today at</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "HeadlightRestoration/screenshot.png", title: "Headlight Restoration" },
24
25	{ description: "A Sun Damage Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div align="left" style="clear: both; margin-top:25px"> <div align="lift"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">Dear [[Customer Name]],</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;"> Has your vehicle lost its shine? If so, your paint may be sun damaged. The condition can be fixed through a sun damage restoration process. You can restore your sun damaged paint can be by using a car polish or, if your paint is REALLY faded you can use a rubbing compound. If you are going to try and restore your sun damaged paint yourself car polishes or rubbing compound can be purchased as either a liquid or paste.</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">Before applying the polish or rubbing compound make sure to thoroughly wash your car first as the dirt can contain contaminants that will scratch your paint and make it worse (be sure to use specific car cleaning solutions only).To apply the polish or rubbing compound use a small circular motion.</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">After the polish or compound dries to a haze wipe the surface clean with a terry or microfiber towel. This will make your paint’s surface smooth. Next you should apply a car wax or polish to protect your finish. Synthetic car polishes will last longer, but car waxes do give the best shine.</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">One of our detailing secrets is to use two coats of car polish and then apply two coats of a carnauba based wax. This will provide your vehicle with great protection and like new, showroom shine.</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">If you would like us to restore your sum damaged please call us at </span> </div>u0009 </div> </body> </html>', image: "SunDamage/screenshot.png", title: "Sun Damage" },
26
27	{ description: "A Bug and Tar Prevention Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in"> <B>Bug and Tar Prevention</B></P> <P STYLE="margin-bottom: 0.14in">To prevent bugs, tar, and sap from accumulating on your vehicle and damaging your paint protect the vehicle with a quality wax or paint sealant. Look for one that is really slick one. Insects will have a tough time sticking to a slippery bumper and, if they do manage to stick, their bond is often much weaker because there’re no surface tension. Therefore, the bugs are easier to remove. </P> <P STYLE="margin-bottom: 0.14in">Windshield sealants will have the same slick effect on the glass. Plus, a glass sealant increases the driver’s visibility by keeping the windshield cleaner.</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "BugandTarPrevention/screenshot.png", title: "Bug and Tar Prevention" },
28
29	{ description: "A Proper Car Washing and Drying Technique Template", html: '<html> <head> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in"><B>Proper Car Washing & Drying Technique</B></P> <P STYLE="margin-bottom: 0.14in">First and foremost clean water insures a clean car! All water has minerals and most has some form of sediment. If your car shampoo (or hair shampoo) doesn’t lather well and your faucets and fixtures tend to turn green, you’ve got hard water. If water will not sheet off your vehicle and you’re constantly battling water spots, you’ve got hard water. Hard water is mainly caused by calcium and magnesium, which can be removed with a water softener.</P> <P STYLE="margin-bottom: 0.14in">Sediment is another common enemy of any paint finish. Sediment is actually dirt and rust in the water line. Water treatment plants filter out sediment but more sediment can enter the pipes between the plant and your home. This is why household faucets have screens in them. If you have well water, beware. You most likely have sediment and hard water.</P> <P STYLE="margin-bottom: 0.14in">The best way to insure clean water is to use a hose filter that will clean and soften the water before it reaches your vehicle. Connect it to any standard garden hose hooked up to an exterior spigot. </P> <P STYLE="margin-bottom: 0.14in">Did you know that most of the swirl marks that damage your vehicle are caused by poor washing techniques? While it is important to wash your vehicle weekly, improper washing and drying techniques can cause swirls and scratches in your vehicle’s paint requiring additional and possibly expensive detail costs. You can prevent paint damage and save yourself extra work expense by following a few simple tips when washing and drying your vehicle.</P> <P STYLE="margin-bottom: 0.14in">Washing your vehicle weekly is best. Washing your vehicle weekly will remove many contaminants before they have the opportunity to do permanent damage to your vehicle’s paint finish.</P> <P STYLE="margin-bottom: 0.14in">Remember…..Never wash your vehicle in direct sunlight!!!!! Second select washing tools that are gentle on your car’s pain but still clean it. Some of the best washing tools are plush hand sponges and mitts Natural Sea Sponges have tons of deep compartments where dirt and debris can accumulate. The natural fibers will not scratch the paint and they will essentially pull contamination into the sponge’s openings, away from the paint. </P> <P STYLE="margin-bottom: 0.14in">Microfiber wash mitts are also great wash tools. Microfiber’s combination of polyester and polyamide make it capable of scrubbing the paint without scratching or swirling. It traps dirt and grit within the fibers rather than leaving them on the surface of your vehicle. Be sure to rinse the mitt frequently to release these particles.</P> <P STYLE="margin-bottom: 0.14in"><B>The “Right Way” to Wash Your Vehicle </B> </P> <P STYLE="margin-bottom: 0.14in">1. Wash the wheels and tires first. If you splash wheel cleaners or dirt onto your vehicle, you can simply wash it off as you wash your vehicle. Agitate with a wheel brush to clean wheels without scratching. Wash each wheel and tire one at a time and rinse thoroughly before moving on to the next one. </P> <P STYLE="margin-bottom: 0.14in">2. Start with clean water and a freshly rinsed container and the right wash tools. It’s important to use a car wash that is rich in lubricants. The purpose of the car wash is to remove contaminants and lubricate them so they do not scratch the paint as they slide off the vehicle. Dish detergents are not ideal because they remove protective coatings. </P> <P STYLE="margin-bottom: 0.14in">3. How do you prevent swirl marks? Use two buckets. Fill one bucket with soapy water and fill the other with clean water. Each time you’re ready to reload your sponge with soapy water, dip it in the clean water first, to rinse out the grit and contamination you’ve just removed from your vehicle. Then dip it in the soapy water and continue washing.</P> <P STYLE="margin-bottom: 0.14in">4. Always rinse your vehicle thoroughly before you begin washing in order to remove loose debris. Then begin washing at the top of the vehicle. Wash down the vehicle as opposed to front to back. Remember that the lower panels are dirtiest. You want to clean the windows and the upper panels before cleaning the lower half of the vehicle so that you don’t transfer grit to the top half of the vehicle. Rinse your vehicle frequently as you work, especially in hot weather.</P> <P STYLE="margin-bottom: 0.14in">5. When rinsing, you don’t have to blast your car clean with the water hose. Free-flowing water (no nozzle) will allow the water to sheet off of your vehicle for a more thorough rinsing.</P> <P STYLE="margin-bottom: 0.14in"><B>The “Right Way” to Wash and Dry Your Vehicle </B> </P> <P STYLE="margin-bottom: 0.14in"><B>ALWAYS DRY YOUR CAR!!!</B> Drying your vehicle after washing is necessary to prevent water spots. Water spots are caused by mineral deposits that etch the outline of a drop of water into your vehicle’s paint. All water has minerals, whether it’s from the hose or the sky. As the water evaporates, the minerals remain on the surface and they will eventually, invariably create water spots. You can dry your vehicle in a variety of ways, but you want to make sure you do it quickly. </P> <P STYLE="margin-bottom: 0.14in">Microfiber is more absorbent than terry cloth or chamois, and it lasts longer. Terry cloth towels are not recommended because the fibers can become matted and hard after repeated uses. They shed lint. They increase the chance of swirls. Compared to microfiber, they are not as absorbent and they don’t last as long. Never use bath towels that have been discarded from the house. You may also use a genuine or synthetic chamois. </P> <P STYLE="margin-bottom: 0.14in"><B>Drying Your Vehicle</B></P> <P STYLE="margin-bottom: 0in; line-height: 100%">1. Dry the windows and mirrors first.</P> <P STYLE="margin-bottom: 0in; line-height: 100%">2. Use the right drying tools to remove the majority of water from your vehicle. </P> <P STYLE="margin-bottom: 0in; line-height: 100%">3. Once the outside of your vehicle is dry, wipe down all your door jambs. Open the trunk and hood to wipe the jambs.</P> <P STYLE="margin-bottom: 0in; line-height: 100%">4. Dry your wheels using a towel or chamois that is designed for this purpose.</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "ProperCarWashingandDryingTechnique/screenshot.png", title: "Proper Car Washing and Drying Technique" },
30
31	{ description: "A Applying Wax By Hand Template", html: '<html> <head> </head> <body> <P STYLE="margin-bottom: 0.14in">Dear [[Customer Name]], </P> <P STYLE="margin-bottom: 0.14in"> <B>Applying Wax By Hand </B> </P> <P STYLE="margin-bottom: 0.14in">Always apply a car wax or paint sealant in the shade. If the wax or sealant dries too quickly or sits on the vehicle too long, it may be difficult to buff off. </P> <P STYLE="margin-bottom: 0.14in">Always apply car wax or paint sealant to a dry vehicle. Droplets of water on the paint will cause the product to streak and it will be unnecessarily tough to buff off. </P> <P STYLE="margin-bottom: 0.14in">Apply the thinnest coat you can. If you want more shine and depth, you’re not going to accomplish it in one thick coat. It just makes the wax or sealant difficult to remove and streaky. Buff one coat off before applying a second extremely thin coat. Check the label to see how long one coat has to cure before applying another (usually 12-18 hours). </P> <P STYLE="margin-bottom: 0.14in">Buff the haze away with microfiber. A quality microfiber towel will buff your paint to a stunning shine as you remove the wax residue. The static-charged, woven fibers grab the wax residue so there is less dusting. Microfiber towels do not shed lint and the tiny, manmade fibers polish the paint while you buff. Make sure to rotate your towel frequently to reveal a clean side.</P> <P STYLE="margin-bottom: 0.14in"><BR><BR> </P> </body> </html>', image: "ApplyingWaxByHand/screenshot.png", title: "Applying Wax By Hand" },
32
33	{ description: "A Spring Has Sprung Email Template", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div align="left" style="clear: both; margin-top:25px"> <div align="lift"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">Dear Valued [[Customer Name]],</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;"> Can you believe it, Spring has already "sprung"...As your premier local auto appearance and safety expert we thought we would send you a short email to remind you to check to make sure your car is ready, willing and able to make it through this year\'s spring season.</span> </div> </div> </body> </html>', image: "Spring/screenshot.png", title: "Spring Has Sprung Email" },
34	{ description: "A template for Agent Performance Update", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div align="left" style="clear: both; margin-top:25px"> <div align="lift"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">Dear Valued [[Customer Name]],</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">I hope this email finds you well. I am sending you this email to update you on our company\'s CSI and repair cycle time performance for our summer quarter.</span> </div> <div style="padding-top:5px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">When it comes to Customer Satisfaction we are the best in our region.. As you can see from our Customer Satisfaction Report (Click Here to Review). we feel very good about our ability to "wow" our customers.</span> </div> </div> </body> </html>', image: "Agent/screenshot.png", title: "Agent Performance Update" },
35	{ description: "A template for HelpIcrashedMycar introduction", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div align="left" style="clear: both; margin-top:25px"> <div align="lift"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">Dear Valued [[Customer Name]],</span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">I am sending you this e-mail to introduce you to a new service we are offering our customers. This new service called, <span style=" font-weight: bold; color: Red;"> Digital Marketing</span>, is a new, mobile phone based <span style=" color: #4A4A4A; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;">Car Accident Emergency Assistant</span> that will help you, your family, and friends if you are ever involved in another accident. One of the best things about this new service is we are offering it <span style=" color: #4A4A4A; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;"> FREE OF CHARGE!</span></span> </div> <div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;"><span style=" font-weight: bold; color: Red;">Digital Marketing</span> is a software application that is downloaded onto a smart phone such as a Blackberry, IPhone, Windows Mobile, Google Android, etc and provides you with the following safety and communication if you are ever involved in an accident or need our assistance….</span> </div> <div align="lift" style="padding-top:10px"> <span style=" font-weight: bold; color: Red;">Digital Marketing</span> </div> <div style="padding-left: 20px;"> <ul style=" color: #4A4A4A; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12px;" style="padding-left: 20px;"> <li type="1">Allows you to select <span style=" color: #4A4A4A; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;">My Auto Body Shop</span> as your preferred auto body shop u0009u0009so you can communicate directly with us without ever searching for our phone number again.</li> <li type="1">Automatically sends us your accident information and location when you press the <span style=" font-weight: bold; color: Red;">"Help"</span> button.</li> <li type="1">Automatically sends accident communication and accident location information to up to three friends, family and/or businesses when you press the <span style=" font-weight: bold; color: Red;">"Help"</span> button.</li> <li type="1">Allows you to document and share an accident and photos directly from the scene of your accident.</li> <li type="1">Allows you to locate and contact the closest emergency services such as the Police, Ambulance Services, and Hospitals from the scene of the accident via your phone’s GPS capabilities.</li> <li type="1">Allows you to locate and contact the closest auto body shop from the scene of the accident via your phone’s GPS capabilities.</li> <li type="1">Allows you to locate and contact the closest rental car company office from the scene of the accident via your phone’s GPS capabilities.</li> <li type="1">Provides you with information on what you should do when you are in an accident.</li> u0009u0009<li type="1">Provides you with information on what to look for in an auto body shop.</li> u0009u0009<li type="1">Allows you to provide feedback, reviews, and ratings on the service we provide you. </li> u0009u0009<li type="1">Allows you to receive vehicle repair status updates on your mobile phone. </li> </ul> </div> u0009u0009<div style="padding-top:5px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;"><span style=" font-weight: bold; color: Red;">Digital Marketing</span> can be downloaded from our website at <a href="http://www.autobodyshop.com" target="_blank">www.autobodyshop.com</a>, installed and setup on your smart phone less than 5 minutes. For directions on how to install and setup you own personalized version of <span style=" font-weight: bold; color: Red;">Digital Marketing</span> visit <a href="http://www.helpicrashedmycar.com" target="_blank">www.helpicrashedmycar.com</a>. .</span> u0009u0009</div> u0009u0009<div style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">While we hope you never have to use <span style=" font-weight: bold; color: Red;">Digital Marketing</span> it will be an invaluable tool if you do. Please share this e-mail and <span style=" font-weight: bold; color: Red;">Digital Marketing</span> with your friends and family. </span> u0009u0009</div> u0009u0009<div align="lift" style="padding-top:10px"> <span style=" font-size: 12px; font-family: Arial; font-weight: normal; color: #333333;">Thank you for your business.</span> </div> </div> </body> </html>', image: "Help/screenshot.png", title: "Help Intro Email" },
36	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #e6e6e6; background-image: url(\'/fckeditor/templates/images/BusinessTemplate1/bg.jpg\'); background-position: top center; background-repeat: no-repeat repeat-y; margin: 0; padding: 0; } a img { border: none; } table.main { background-color: #ffffff; } td.permission { padding: 10px 0 10px 0; } td.permission p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } td.permission p a { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } td.header { background-color: #4babc5; padding: 0 0 2px 0; } td.header h1 { font-family: \'Gill Sans\', \'Arial Black\', sans-serif; font-size: 35px; font-weight: bold; color: #ffffff; margin: 0 0 0 10px; padding: 0; display: inline; } td.date { padding: 8px 0 8px 0; } td.date p { font-family: Arial; font-size: 12px; font-weight: normal; color: #666666; margin: 0; padding: 0; } td.sidebar ul { font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; margin: 10px 0 10px 24px; padding: 0; } td.sidebar ul li a { font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.sidebar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #6cb9ce; } td.sidebar h4 { font-family: Georgia; font-size: 13px; font-weight: bold; color: #333333; margin: 14px 0 0 0; padding: 0; } td.sideHeader h3 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.sideTitle h3 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.mainbar h2 { font-family: Georgia; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Georgia; font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; } td.mainbar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar p.more { padding: 0 0 10px 0; } td.mainbar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #6cb9ce; } td.mainbar p img { border-bottom: 4px solid #edc913; } td.mainbar ul { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 10px 0; padding: 0; list-style-position: inside; } td.footer { padding: 10px 0 10px 0; } td.footer p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } </style> </head> <body> <table width="100%" cellspacing="10" cellpadding="0"> <tr> <td align="center" valign="top"> <table width="580" border="0" cellspacing="0" cellpadding="0" class="main"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td height="90" valign="bottom" align="left" class="header"> <img src="/fckeditor/templates/images/BusinessTemplate1/header.gif" width="580" height="90" alt="ABC Widgets" /> </td> </tr> <tr> <td align="center"> <table width="550" cellspacing="0" cellpadding="0"> <tr> <td width="192"></td> <td></td> <td class="date"><p>Monday 28 april</p></td> </tr> <tr align="left" rowspan="3" valign="top"> <td width="192" valign="top" class="sidebar" align="left"> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#eeeeee"> <tr> <td bgcolor="#000000" class="sideHeader"> <h3>In this issue</h3> </td> </tr> <tr> <td> <ul> <li><a href="#">Lorem ipsum dolar sit amet</a></li> <li><a href="#">Donce imperiat accumsan felis</a></li> <li><a href="#">Aliquam lectus orci, adipiscing</a></li> </ul> </td> </tr> </table> <img src="/fckeditor/templates/images/smallspacer.gif" width="192" height="25" /> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td class="sideTitle"> <h3>In other news</h3> </td> </tr> </table> <h4>Proin sagittis tincidunuris. Ali quam erat.</h4> <p>Nunc ipsum metus, iaculis sit amet, interdum at. <a href="#">Donce imperiat ccumsan</a> felis.</p> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravidacras sed ante. Phasellus in massa.</p> <img src="/fckeditor/templates/images/smallhr.gif" width="190" height="19" /> <h4>Proin sagittis tincidunuris. Ali quam erat.</h4> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravidacras sed ante. Phasellus in massa.</p> <img src="/fckeditor/templates/images/BusinessTemplate1/smallhr.gif" width="190" height="19" /> <img src="/fckeditor/templates/images/BusinessTemplate1/smallspacer.gif" width="192" height="25" /> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td class="sideTitle"> <h3>Forward to a friend</h3> </td> </tr> </table> <p>Know someone who might be interested in the email? Why not <forwardtoafriend>forward this email</forwardtoafriend> to them.</p> <img src="/fckeditor/templates/images/BusinessTemplate1/smallhr.gif" width="190" height="19" /> <img src="/fckeditor/templates/images/BusinessTemplate1/smallspacer.gif" width="192" height="25" /> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td class="sideTitle"> <h3>Unsubscribe</h3> </td> </tr> </table> <p>Don\'t want to receive these emails any more. Please <unsubscribe>unsubscribe instantly</unsubscribe>.</p> <img src="/fckeditor/templates/images/BusinessTemplate1/smallhr.gif" width="190" height="19" /> </td> <td width="28"></td> <td width="330" valign="top" class="mainbar" align="left"> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Lorem ipsum dolar sit amet</h2> </td> </tr> </table> <p>Suspendisse potenti--Fusce eu ante in sapien vestibulum sagittis. Cras purus. Nunc rhoncus.</p> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at <a href="#">dignissim nibh</a> velit vitae sem. Nunc condimentum blandit tortorphasellus facilisis neque vitae purus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate1/hr.gif" width="329" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Donce imperiat accumsan felis</h2> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate1/spacer.gif" width="329" height="12" /> <p><img src="/fckeditor/templates/images/BusinessTemplate1/contentImage.jpg" /></p> <p>Fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat--tortor purus condimentum lectus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate1/hr.gif" width="329" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Aliquam lectus orci, adipiscing</h2> </td> </tr> </table> <p>Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est.</p> <ul> <li>Aliquam lectus orci, adipiscing et, sodales ac</li> <li>Ut dictum velit nec est. Quisque posuere, purus sit amet</li> <li>malesuada blandit, sapien sapien auctor arcu</li> </ul> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate1/hr.gif" width="329" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Fermentum quamdonec imperde</h2> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate1/spacer.gif" width="329" height="12" /> <p><img src="/fckeditor/templates/images/BusinessTemplate1/contentImage-inline.jpg" width="164" height="159" alt="Content Image Inline" align="left" hspace="10" /> Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapien–lacinia fermentum.<br /><br />Donec iaculis Nunc a purus eu sapien--lacinia fermentum. Donec iaculis Nunc a purus eu sapien--lacinia fermen-tum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate1/hr.gif" width="329" height="27" /> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="footer"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span style="font-weight: bold;">abcWidgets Corp</span>.</p> <p>ABCWidgets Corp 123 Some Street, City, ST 99999. Ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate1/screenshot.png", title: "Business Template 1" },
37
38	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #eeeeee; } a img { border: none; } table.bg1 { background-color: #eeeeee; } table.bg2 { background-color: #ffffff; } td.permission { background-color: #eeeeee; padding: 10px 20px 10px 20px; } td.permission p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } td.permission p a { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } td.body { padding: 0 20px 20px 20px; background-color: #ffffff; } td.sidebar h3 { font-family: Arial; font-size: 15px; font-weight: bold; color: #333333; margin: 0; padding: 0; } td.sidebar ul { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 6px 0 14px 24px; padding: 0; } td.sidebar ul li a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.sidebar h4 { font-family: Arial; font-size: 13px; font-weight: bold; color: #680606; margin: 6px 0 0 0; padding: 0; } td.sidebar h4 a { font-family: Arial; font-size: 13px; font-weight: bold; color: #680606; text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 10px 0; padding: 0; } td.sidebar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #680606; text-decoration: none; } td.buttons { padding: 20px 0 0 0; } td.mainbar h2 { font-family: Arial; font-size: 16px; font-weight: bold; color: #680606; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Arial; font-size: 16px; font-weight: bold; color: #680606; text-decoration: none; margin: 0; padding: 0; } td.mainbar img.hr { margin: 0; padding: 0 0 10px 0; } td.mainbar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 0 0 14px 0; padding: 0; } td.mainbar p a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.mainbar p.more a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; text-decoration: none; } td.mainbar ul { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.mainbar ul li a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.footer { padding: 0 20px 0 20px; background-image: url(\'/fckeditor/templates/images/BusinessTemplate2/footer-bg.gif\'); background-repeat: no-repeat; background-position: top center; background-color: #333333; height: 61px; vertical-align: middle; } td.footer p { font-family: Arial; font-size: 11px; font-weight: normal; color: #ffffff; line-height: 16px; margin: 0; padding: 0; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bg1"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="bg2"> <tr> <td class="permission" align="left"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left"> <img src="/fckeditor/templates/images/BusinessTemplate2/header.gif" alt="Header" width="600" height="150" /> </td> </tr> <tr> <td valign="top" class="body"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" class="mainbar" align="left"> <h2><a href="#">Lorem ipsum dolor sit amet</a></h2> <img class="hr" src="/fckeditor/templates/images/BusinessTemplate2/hr.gif" alt="Header" width="560" height="3" /> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad <a href="#">minim veniam</a>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="more"><a href="#">Read more</a> <img src="/fckeditor/templates/images/BusinessTemplate2/read-more.gif" alt="Header" width="8" height="8" /></p> <br /> <h2><a href="#">Quis nostrud exercitation ullamco</a></h2> <img class="hr" src="/fckeditor/templates/images/BusinessTemplate2/hr.gif" alt="Header" width="560" height="3" /> <ul> <li><a href="#">reprehenderit in voluptate</a></li> <li><a href="#">sint occaecat cupidatat</a></li> <li><a href="#">laboris nisi ut aliquip</a></li> </ul> <br /> <h2><a href="#">Ut enim ad minim veniam</a></h2> <img class="hr" src="/fckeditor/templates/images/BusinessTemplate2/hr.gif" alt="Header" width="560" height="3" /> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <a href="#">deserunt mollit</a> anim id est laborum. Velit esse cillum dolore eu fugiat nulla pariatur.</p> <p class="more"><a href="#">Read more</a> <img src="/fckeditor/templates/images/BusinessTemplate2/read-more.gif" alt="Header" width="8" height="8" /></p> </td> </tr> </table> </td> </tr> <tr> <td valign="middle" align="left" class="footer" height="61"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of abcWidgets Corp.<br /> <p>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate2/screenshot.png", title: "Business Template 2" },
39
40	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #eeeeee; } a img { border: none; } table.bg1 { background-color: #eeeeee; } table.bg2 { background-color: #ffffff; } td.permission { background-color: #eeeeee; padding: 10px 20px 10px 20px; } td.permission p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } td.permission p a { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } td.body { padding: 0 20px 20px 20px; background-color: #ffffff; } td.sidebar h3 { font-family: Arial; font-size: 15px; font-weight: bold; color: #333333; margin: 0; padding: 0; } td.sidebar ul { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 6px 0 14px 24px; padding: 0; } td.sidebar ul li a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.sidebar h4 { font-family: Arial; font-size: 13px; font-weight: bold; color: #680606; margin: 6px 0 0 0; padding: 0; } td.sidebar h4 a { font-family: Arial; font-size: 13px; font-weight: bold; color: #680606; text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 10px 0; padding: 0; } td.sidebar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #680606; text-decoration: none; } td.buttons { padding: 20px 0 0 0; } td.mainbar h2 { font-family: Arial; font-size: 16px; font-weight: bold; color: #680606; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Arial; font-size: 16px; font-weight: bold; color: #680606; text-decoration: none; margin: 0; padding: 0; } td.mainbar img.hr { margin: 0; padding: 0 0 10px 0; } td.mainbar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 0 0 14px 0; padding: 0; } td.mainbar p a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.mainbar p.more a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; text-decoration: none; } td.mainbar ul { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.mainbar ul li a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.footer { padding: 0 20px 0 20px; background-image: url(\'/fckeditor/templates/images/BusinessTemplate3/footer-bg.gif\'); background-repeat: no-repeat; background-position: top center; background-color: #333333; height: 61px; vertical-align: middle; } td.footer p { font-family: Arial; font-size: 11px; font-weight: normal; color: #ffffff; line-height: 16px; margin: 0; padding: 0; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bg1"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="bg2"> <tr> <td class="permission" align="left"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left"> <img src="/fckeditor/templates/images/BusinessTemplate3/header.gif" alt="Header" width="600" height="150" /> </td> </tr> <tr> <td valign="top" class="body"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" width="170" class="sidebar" align="left"> <h3>In this issue</h3> <ul> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">Quis nostrud exercitation ullamco</a></li> <li><a href="#">Ut enim ad minim veniam</a></li> </ul> <br /> <h3>In other news</h3> <h4><a href="#">Irure dolor in</a></h4> <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <h4><a href="#">Culpa qui officia deserunt</a></h4> <p>Voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> <br /> <h3>Forward</h3> <p>Know someone who might be interested in this email? <forwardtoafriend>Forward it</forwardtoafriend>.</p> <h3>Unsubsccribe</h3> <p>Not interested in this email? <unsubscribe>Unsubscribe</unsubscribe>.</p> </td> <td width="20"></td> <td width="370" valign="top" class="mainbar" align="left"> <h2><a href="#">Lorem ipsum dolor sit amet</a></h2> <img class="hr" src="hr.gif" alt="Header" width="340" height="3" /> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad <a href="#">minim veniam</a>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="more"><a href="#">Read more</a> <img src="/fckeditor/templates/images/BusinessTemplate3/read-more.gif" alt="Header" width="8" height="8" /></p> <br /> <h2><a href="#">Quis nostrud exercitation ullamco</a></h2> <img class="hr" src="/fckeditor/templates/images/BusinessTemplate3/hr.gif" alt="Header" width="340" height="3" /> <ul> <li><a href="#">reprehenderit in voluptate</a></li> <li><a href="#">sint occaecat cupidatat</a></li> <li><a href="#">laboris nisi ut aliquip</a></li> </ul> <br /> <h2><a href="#">Ut enim ad minim veniam</a></h2> <img class="hr" src="/fckeditor/templates/images/BusinessTemplate3/hr.gif" alt="Header" width="340" height="3" /> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <a href="#">deserunt mollit</a> anim id est laborum. Velit esse cillum dolore eu fugiat nulla pariatur.</p> <p class="more"><a href="#">Read more</a> <img src="/fckeditor/templates/images/BusinessTemplate3/read-more.gif" alt="Header" width="8" height="8" /></p> </td> </tr> </table> </td> </tr> <tr> <td valign="middle" align="left" class="footer" height="61"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of abcWidgets Corp.<br /> <p>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate3/screenshot.png", title: "Business Template 3" },
41
42	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #eeeeee; } a img { border: none; } table.bg1 { background-color: #eeeeee; } table.bg2 { background-color: #ffffff; } td.permission { background-color: #eeeeee; padding: 10px 20px 10px 20px; } td.permission p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } td.permission p a { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } td.body { padding: 0 20px 20px 20px; background-color: #ffffff; } td.sidebar h3 { font-family: Arial; font-size: 15px; font-weight: bold; color: #333333; margin: 0; padding: 0; } td.sidebar ul { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 6px 0 14px 24px; padding: 0; } td.sidebar ul li a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.sidebar h4 { font-family: Arial; font-size: 13px; font-weight: bold; color: #680606; margin: 6px 0 0 0; padding: 0; } td.sidebar h4 a { font-family: Arial; font-size: 13px; font-weight: bold; color: #680606; text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 10px 0; padding: 0; } td.sidebar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #680606; text-decoration: none; } td.buttons { padding: 20px 0 0 0; } td.mainbar h2 { font-family: Arial; font-size: 16px; font-weight: bold; color: #680606; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Arial; font-size: 16px; font-weight: bold; color: #680606; text-decoration: none; margin: 0; padding: 0; } td.mainbar img.hr { margin: 0; padding: 0 0 10px 0; } td.mainbar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 0 0 14px 0; padding: 0; } td.mainbar p a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.mainbar p.more a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; text-decoration: none; } td.mainbar ul { font-family: Arial; font-size: 13px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.mainbar ul li a { font-family: Arial; font-size: 13px; font-weight: normal; color: #680606; } td.footer { padding: 0 20px 0 20px; background-image: url(\'/fckeditor/templates/images/BusinessTemplate4/footer-bg.gif\'); background-repeat: no-repeat; background-position: top center; background-color: #333333; height: 61px; vertical-align: middle; } td.footer p { font-family: Arial; font-size: 11px; font-weight: normal; color: #ffffff; line-height: 16px; margin: 0; padding: 0; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bg1"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="bg2"> <tr> <td class="permission" align="left"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p> Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>. </p> </td> </tr> <tr> <td class="header" align="left"> <img src="/fckeditor/templates/images/BusinessTemplate4/header.gif" alt="Header" width="600" height="150" /> </td> </tr> <tr> <td valign="top" class="body"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="370" valign="top" class="mainbar" align="left"> <h2> <a href="#">Lorem ipsum dolor sit amet</a> </h2> <img class="hr" src="hr.gif" alt="Header" width="340" height="3" /> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad <a href="#">minim veniam</a>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="more"> <a href="#">Read more</a> <img src="/fckeditor/templates/images/BusinessTemplate4/read-more.gif" alt="Header" width="8" height="8" /> </p> <br /> <h2> <a href="#">Quis nostrud exercitation ullamco</a> </h2> <img class="hr" src="hr.gif" alt="Header" width="340" height="3" /> <ul> <li> <a href="#">reprehenderit in voluptate</a> </li> <li> <a href="#">sint occaecat cupidatat</a> </li> <li> <a href="#">laboris nisi ut aliquip</a> </li> </ul> <br /> <h2> <a href="#">Ut enim ad minim veniam</a> </h2> <img class="hr" src="hr.gif" alt="Header" width="340" height="3" /> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <a href="#">deserunt mollit</a> anim id est laborum. Velit esse cillum dolore eu fugiat nulla pariatur. </p> <p class="more"> <a href="#">Read more</a> <img src="/fckeditor/templates/images/BusinessTemplate4/read-more.gif" alt="Header" width="8" height="8" /> </p> </td> <td width="20"></td> <td valign="top" width="170" class="sidebar" align="left"> <h3>In this issue</h3> <ul> <li> <a href="#">Lorem ipsum dolor sit amet</a> </li> <li> <a href="#">Quis nostrud exercitation ullamco</a> </li> <li> <a href="#">Ut enim ad minim veniam</a> </li> </ul> <br /> <h3>In other news</h3> <h4> <a href="#">Irure dolor in</a> </h4> <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <h4> <a href="#">Culpa qui officia deserunt</a> </h4> <p>Voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> <br /> <h3>Forward</h3> <p> Know someone who might be interested in this email? <forwardtoafriend>Forward it</forwardtoafriend>. </p> <h3>Unsubsccribe</h3> <p> Not interested in this email? <unsubscribe>Unsubscribe</unsubscribe>. </p> </td> </tr> </table> </td> </tr> <tr> <td valign="middle" align="left" class="footer" height="61"> <p> abcWidgets and the abcWidgets Logo are registered trademarks of abcWidgets Corp.<br /> <p>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate4/screenshot.png", title: "Business Template 4" },
43	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #e6e6e6; background-image: url(\'/fckeditor/templates/images/BusinessTemplate5/bg.jpg\'); background-position: top center; background-repeat: no-repeat repeat-y; margin: 0; padding: 0; } a img { border: none; } table.main { background-color: #ffffff; } td.permission { padding: 10px 0 10px 0; } td.permission p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } td.permission p a { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } td.header { background-color: #4babc5; padding: 0 0 2px 0; } td.header h1 { font-family: \'Gill Sans\', \'Arial Black\', sans-serif; font-size: 35px; font-weight: bold; color: #ffffff; margin: 0 0 0 10px; padding: 0; display: inline; } td.date { padding: 8px 0 8px 0; } td.date p { font-family: Arial; font-size: 12px; font-weight: normal; color: #666666; margin: 0; padding: 0; } td.sidebar ul { font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; margin: 10px 0 10px 24px; padding: 0; } td.sidebar ul li a { font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.sidebar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #6cb9ce; } td.sidebar h4 { font-family: Georgia; font-size: 13px; font-weight: bold; color: #333333; margin: 14px 0 0 0; padding: 0; } td.sideHeader h3 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.sideTitle h3 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.mainbar h2 { font-family: Georgia; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Georgia; font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; } td.mainbar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar p.more { padding: 0 0 10px 0; } td.mainbar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #6cb9ce; } td.mainbar p img { border-bottom: 4px solid #edc913; } td.mainbar ul { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 10px 0; padding: 0; list-style-position: inside; } td.footer { padding: 10px 0 10px 0; } td.footer p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } </style> </head> <body> <table width="100%" cellspacing="10" cellpadding="0"> <tr> <td align="center" valign="top"> <table width="580" border="0" cellspacing="0" cellpadding="0" class="main"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td height="90" valign="bottom" align="left" class="header"> <img src="/fckeditor/templates/images/BusinessTemplate5/header.gif" width="580" height="90" alt="ABC Widgets" /> </td> </tr> <tr> <td align="center"> <table width="550" cellspacing="0" cellpadding="0"> <tr> <td class="date" width="330"><p>Monday 28 april</p></td> <td></td> <td width="192"></td> </tr> <tr align="left" rowspan="3" valign="top"> <td width="330" valign="top" class="mainbar" align="left"> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Lorem ipsum dolar sit amet</h2> </td> </tr> </table> <p>Suspendisse potenti--Fusce eu ante in sapien vestibulum sagittis. Cras purus. Nunc rhoncus.</p> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at <a href="#">dignissim nibh</a> velit vitae sem. Nunc condimentum blandit tortorphasellus facilisis neque vitae purus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate5/hr.gif" width="329" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Donce imperiat accumsan felis</h2> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate5/spacer.gif" width="329" height="12" /> <p><img src="/fckeditor/templates/images/BusinessTemplate5/contentImage.jpg" /></p> <p>Fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat--tortor purus condimentum lectus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate5/hr.gif" width="329" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Aliquam lectus orci, adipiscing</h2> </td> </tr> </table> <p>Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est.</p> <ul> <li>Aliquam lectus orci, adipiscing et, sodales ac</li> <li>Ut dictum velit nec est. Quisque posuere, purus sit amet</li> <li>malesuada blandit, sapien sapien auctor arcu</li> </ul> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate5/hr.gif" width="329" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Fermentum quamdonec imperde</h2> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate5/spacer.gif" width="329" height="12" /> <p><img src="/fckeditor/templates/images/BusinessTemplate5/contentImage-inline.jpg" width="164" height="159" alt="Content Image Inline" align="left" hspace="10" /> Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum.<br /><br />Donec iaculis Nunc a purus eu sapien--lacinia fermentum. Donec iaculis Nunc a purus eu sapien--lacinia fermen-tum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate5/hr.gif" width="329" height="27" /> </td> <td width="28"></td> <td width="192" valign="top" class="sidebar" align="left"> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#eeeeee"> <tr> <td bgcolor="#000000" class="sideHeader"> <h3>In this issue</h3> </td> </tr> <tr> <td> <ul> <li><a href="#">Lorem ipsum dolar sit amet</a></li> <li><a href="#">Donce imperiat accumsan felis</a></li> <li><a href="#">Aliquam lectus orci, adipiscing</a></li> </ul> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate5/smallspacer.gif" width="192" height="25" /> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td class="sideTitle"> <h3>In other news</h3> </td> </tr> </table> <h4>Proin sagittis tincidunuris. Ali quam erat.</h4> <p>Nunc ipsum metus, iaculis sit amet, interdum at. <a href="#">Donce imperiat ccumsan</a> felis.</p> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravidacras sed ante. Phasellus in massa.</p> <img src="/fckeditor/templates/images/BusinessTemplate5/smallhr.gif" width="190" height="19" /> <h4>Proin sagittis tincidunuris. Ali quam erat.</h4> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravidacras sed ante. Phasellus in massa.</p> <img src="/fckeditor/templates/images/BusinessTemplate5/smallhr.gif" width="190" height="19" /> <img src="/fckeditor/templates/images/BusinessTemplate5/smallspacer.gif" width="192" height="25" /> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td class="sideTitle"> <h3>Forward to a friend</h3> </td> </tr> </table> <p>Know someone who might be interested in the email? Why not <forwardtoafriend>forward this email</forwardtoafriend> to them.</p> <img src="/fckeditor/templates/images/BusinessTemplate5/smallhr.gif" width="190" height="19" /> <img src="/fckeditor/templates/images/BusinessTemplate5/smallspacer.gif" width="192" height="25" /> <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td class="sideTitle"> <h3>Unsubscribe</h3> </td> </tr> </table> <p>Don\'t want to receive these emails any more. Please <unsubscribe>unsubscribe instantly</unsubscribe>.</p> <img src="/fckeditor/templates/images/BusinessTemplate5/smallhr.gif" width="190" height="19" /> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="footer"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span style="font-weight: bold;">abcWidgets Corp</span>.</p> <p>ABCWidgets Corp 123 Some Street, City, ST 99999. Ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate5/screenshot.png", title: "Business Template 5" },
44
45	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #e6e6e6; background-image: url(\'/fckeditor/templates/images/BusinessTemplate6/bg.jpg\'); background-position: top center; background-repeat: no-repeat repeat-y; margin: 0; padding: 0; } a img { border: none; } table.main { background-color: #ffffff; } td.permission { padding: 10px 0 10px 0; } td.permission p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } td.permission p a { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } td.header { background-color: #4babc5; padding: 0 0 2px 0; } td.header h1 { font-family: \'Gill Sans\', \'Arial Black\', sans-serif; font-size: 35px; font-weight: bold; color: #ffffff; margin: 0 0 0 10px; padding: 0; display: inline; } td.date { padding: 8px 0 8px 0; } td.date p { font-family: Arial; font-size: 12px; font-weight: normal; color: #666666; margin: 0; padding: 0; } td.sidebar ul { font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; margin: 10px 0 10px 24px; padding: 0; } td.sidebar ul li a { font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.sidebar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #6cb9ce; } td.sidebar h4 { font-family: Georgia; font-size: 13px; font-weight: bold; color: #333333; margin: 14px 0 0 0; padding: 0; } td.sideHeader h3 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.sideTitle h3 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.mainbar h2 { font-family: Georgia; font-size: 18px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Georgia; font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; } td.mainbar p { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar p.more { padding: 0 0 10px 0; } td.mainbar p a { font-family: Arial; font-size: 12px; font-weight: normal; color: #6cb9ce; } td.mainbar p img { border-bottom: 4px solid #edc913; } td.mainbar ul { font-family: Arial; font-size: 12px; font-weight: normal; color: #4c4c4c; margin: 10px 0 10px 0; padding: 0; list-style-position: inside; } td.footer { padding: 10px 0 10px 0; } td.footer p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; margin: 0; padding: 0; } </style> </head> <body> <table width="100%" cellspacing="10" cellpadding="0"> <tr> <td align="center" valign="top"> <table width="580" border="0" cellspacing="0" cellpadding="0" class="main"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td height="90" valign="bottom" align="left" class="header"> <img src="/fckeditor/templates/images/BusinessTemplate6/header.gif" width="580" height="90" alt="ABC Widgets" /> </td> </tr> <tr> <td align="center"> <table width="550" cellspacing="0" cellpadding="0"> <tr> <td class="date"><p>Monday 28 april</p></td> </tr> <tr align="left" valign="top"> <td width="550" valign="top" class="mainbar" align="left"> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Lorem ipsum dolar sit amet</h2> </td> </tr> </table> <p>Suspendisse potenti--Fusce eu ante in sapien vestibulum sagittis. Cras purus. Nunc rhoncus.</p> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at <a href="#">dignissim nibh</a> velit vitae sem. Nunc condimentum blandit tortorphasellus facilisis neque vitae purus.</p> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate6/hr-big.gif" width="550" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Aliquam lectus orci, adipiscing</h2> </td> </tr> </table> <p>Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est.</p> <ul> <li>Aliquam lectus orci, adipiscing et, sodales ac</li> <li>Ut dictum velit nec est. Quisque posuere, purus sit amet</li> <li>malesuada blandit, sapien sapien auctor arcu</li> </ul> <p class="more"><a href="#">Read more</a></p> <img src="/fckeditor/templates/images/BusinessTemplate6/hr-big.gif" width="550" height="27" /> <table cellspacing="0" cellpadding="4" bgcolor="#000000"> <tr> <td> <h2>Fermentum quamdonec imperde</h2> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate6/spacer.gif" width="329" height="12" /> <p><img src="/fckeditor/templates/images/BusinessTemplate6/contentImage-inline.jpg" width="164" height="159" alt="Content Image Inline" align="left" hspace="10" /> Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum.<br /><br />Donec iaculis Nunc a purus eu sapien--lacinia fermentum. Donec iaculis Nunc a purus eu sapien--lacinia fermen-tum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus.</p> <p class="more"><a href="#">Read more</a></p> <br /> <br /> <img src="/fckeditor/templates/images/BusinessTemplate6/hr-big.gif" width="550" height="27" /> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="footer"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span style="font-weight: bold;">abcWidgets Corp</span>.</p> <p>ABCWidgets Corp 123 Some Street, City, ST 99999. Ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate6/screenshot.png", title: "Business Template 6" },
46
47	{ description: "A template with left sidebar", html: '<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #f5f6f4; margin: 0; padding: 0; } a img { border: none; } a { border: none; } td.permission { padding: 30px 0 10px 0; } .permission { font-family: \'Lucida Grande\'; font-size: 10px; color: #666666; padding: 4px 0 4px 0; } .permission a { color: #333333; } .permission p { margin: 0 0 4px 0; } .header { background-color: #353535; } .header h1 { u0009font-family: Georgia; u0009font-size: 32px; u0009font-weight: normal; u0009color: #bfbfbf; u0009display: inline; u0009text-align: left;} .date h3 { u0009font-family: Georgia; u0009font-size: 14px; u0009color: #bfbfbf; u0009font-weight: normal; u0009text-align: right; u0009display: inline; u0009font-style: italic; } .body { background-color: #ffffff; } td.sidebar { u0009padding: 22px 10px 10px 10px; } .sidebar h2 { font-family: Georgia; font-size: 18px; font-weight: bold; color: #808080; margin: 0 0 6px 4px; padding: 0; text-align: left; } .sidebar h2.issue { color: #000000; margin: 0 0 10px 10px; } .sidebar ul { font-family: Georgia; font-size: 12px; color: #2679b9; margin: 0 0 0 24px; padding: 0; text-align: left; } .sidebar ul a { u0009font-family: Georgia; u0009font-size: 12px; u0009color: #2679b9; u0009font-style: italic; } .sidebar ul li { u0009margin: 0 0 10px 0; } .sidebar p { font-family: \'Lucida Grande\'; font-size: 11px; color: #5f5f5f; padding: 0; margin: 0 0 10px 0; text-align: left; } td.sidebg { background-color: #f1f1f1; padding: 10px 16px 10px 16px; } td.mainbar { u0009border-left: solid 2px #ededed; u0009padding: 22px 14px 0 14px; } .mainbar p { u0009font-family: \'Lucida Grande\'; u0009font-size: 12px; u0009color: #333333; u0009margin: 0 0 10px 0; u0009text-align: left; } .mainbar p.first { u0009margin-top: 10px; } .mainbar h2 { u0009font-family: \'Lucida Grande\'; u0009font-size: 16px; u0009color: #000000; u0009text-transform: uppercase; u0009margin: 10px 0 16px 0; } .mainbar h2 a { u0009font-family: \'Lucida Grande\'; u0009font-size: 16px; u0009color: #000000; u0009text-transform: uppercase; u0009text-decoration: none; u0009font-style: normal; } .mainbar a { u0009font-family: Georgia; u0009font-size: 13px; u0009color: #2679b9; u0009font-style: italic; } .mainbar a.center { u0009font-size: 12px; u0009text-align: center; u0009display: block; u0009color: #999999; u0009padding: 8px 0 12px 0; u0009text-decoration: none; } .mainbar img.inline { u0009border: 1px solid #dedede; u0009padding: 4px; } td.footer { u0009padding: 0 0 10px 0; u0009border-top: 2px solid #ededed; } .footer p { u0009color: #a1a1a1; u0009font-size: 11px; u0009margin: 0; u0009padding: 0; } .footer p.first { u0009margin: 14px 0 0 0; } .footer a { u0009font-family: \'Lucida Grande\'; u0009font-size: 11px; u0009color: #2679b9; } </style> </head> <body> <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#f5f6f4"> <tr> <td align="center"> <table width="600" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td height="77" align="left" class="header"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate7/header.gif" width="600" height="77" alt="ABC Widgets"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center"> <table width="600" cellspacing="0" cellpadding="0" class="body"> <tr> <td align="center" valign="top" width="219" class="sidebar"> <h2 class="issue">In this issue</h2> <ul> <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></li> <li><a href="#">Aliquam molestie quam vitae mi congue tristique</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate7/small-hr.gif" width="199" height="27" alt="Small Hr"> <h2>Forward this email</h2> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebg" align="center"> <p>Do you know someone who might be interested in receiving this monthly newsletter?</p> <forwardtoafriend><img src="/fckeditor/templates/images/BusinessTemplate7/forward.gif" width="168" height="42" alt="Forward"></forwardtoafriend> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate7/small-hr.gif" width="199" height="27" alt="Small Hr"> <h2>Unsubscribe</h2> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebg" align="center"> <p>You\'re receiving this newsletter because you signed up for the ABC Widget Newsletter.</p> <unsubscribe><img src="/fckeditor/templates/images/BusinessTemplate7/unsubscribe.gif" width="168" height="42" alt="Unsubscribe"></unsubscribe> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate7/small-hr.gif" width="199" height="27" alt="Small Hr"> <h2>Contact Us</h2> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebg" align="center"> <p>123 Some Street<br />City, State<br />99999<br />(147) 789 7745</p> <a href="#"><img src="/fckeditor/templates/images/BusinessTemplate7/email.gif" width="168" height="42" alt="Email"></a> </td> </tr> </table> </td> <td align="left" valign="top" width="348" class="mainbar"> <p>Dear John,<br /><br />Lorem ipsum dolar sit amey consecutar adipiscling elit, vitae mi congue pellentsque tristique amlesuada,<br /><br />Regards, ABC Widgets</p> <img src="/fckeditor/templates/images/BusinessTemplate7/hr.gif" width="348" height="27" alt="Hr"> <h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h2> <img src="/fckeditor/templates/images/BusinessTemplate7/main-content-inline.jpg" width="329" height="159" alt="Content Inline" hspace="0" vspace="4" class="inline"> <p class="first">Pellentesque mi. Ut gravida metus vel odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam lacinia turpis et quam. In luctus massa eget enim.</p> <p>Suspendisse diam felis, tristique sed, sagittis at, interdum a, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur augue lacus, luctus sit amet, dictum sit amediam. <a href="#">Read more »</a></p> <a href="#top" class="center">Back to top^</a> <img src="/fckeditor/templates/images/BusinessTemplate7/hr.gif" width="348" height="27" alt="Hr"> <h2>Aliquam molestie quam vitae mi congue tristique</h2> <img src="/fckeditor/templates/images/BusinessTemplate7/main-content-inline-small.jpg" width="147" height="147" alt="Inline" align="right" class="inline" vspace="4"> <p>Pellentesque tristique male suada lorem. Vivamus condimentum! Duis magna. Aliquam pharetra laoreet felis. Duis metus. Fusce ac dui? <a href="#">Praesent condimentum</a>. Aliquam luctus, leo at consequat fringilla, neque neque interdum est, in vestibulum purus nisl id nulla!</p> <p>Quisque nulla ante, imperdiet quis, eleifend ut. <a href="#">Read more »</a></p> <a href="#top" class="center">Back to top^</a> </td> </tr> <tr> <td colspan="2" align="center"> <table width="560" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer" align="left"> <p class="first">abcWidgets and the abc Widgets Logo are registered trademarks of <span style="color: #000000;">abcWidgets Corp</span>.</p> <p><forwardtoafriend>Forward this email to a friend</forwardtoafriend>. Not interested anymore? <unsubscribe>Unsubscribe Instantly</unsubscribe>.</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate7/screenshot.png", title: "Business Template 7" },
48	{ description: "A template with right sidebar", html: '<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #f5f6f4; margin: 0; padding: 0; } a img { border: none; } a { border: none; } td.permission { padding: 30px 0 10px 0; } .permission { font-family: \'Lucida Grande\'; font-size: 10px; color: #666666; padding: 4px 0 4px 0; } .permission a { color: #333333; } .permission p { margin: 0 0 4px 0; } .header { background-color: #353535; } .header h1 { u0009font-family: Georgia; u0009font-size: 32px; u0009font-weight: normal; u0009color: #bfbfbf; u0009display: inline; u0009text-align: left;} .date h3 { u0009font-family: Georgia; u0009font-size: 14px; u0009color: #bfbfbf; u0009font-weight: normal; u0009text-align: right; u0009display: inline; u0009font-style: italic; } .body { background-color: #ffffff; } td.sidebar { u0009padding: 22px 10px 10px 10px; } .sidebar h2 { font-family: Georgia; font-size: 18px; font-weight: bold; color: #808080; margin: 0 0 6px 4px; padding: 0; text-align: left; } .sidebar h2.issue { color: #000000; margin: 0 0 10px 10px; } .sidebar ul { font-family: Georgia; font-size: 12px; color: #2679b9; margin: 0 0 0 24px; padding: 0; text-align: left; } .sidebar ul a { u0009font-family: Georgia; u0009font-size: 12px; u0009color: #2679b9; u0009font-style: italic; } .sidebar ul li { u0009margin: 0 0 10px 0; } .sidebar p { font-family: \'Lucida Grande\'; font-size: 11px; color: #5f5f5f; padding: 0; margin: 0 0 10px 0; text-align: left; } td.sidebg { background-color: #f1f1f1; padding: 10px 16px 10px 16px; } td.mainbar { u0009padding: 22px 14px 0 14px; } .mainbar p { u0009font-family: \'Lucida Grande\'; u0009font-size: 12px; u0009color: #333333; u0009margin: 0 0 10px 0; u0009text-align: left; } .mainbar p.first { u0009margin-top: 10px; } .mainbar h2 { u0009font-family: \'Lucida Grande\'; u0009font-size: 16px; u0009color: #000000; u0009text-transform: uppercase; u0009margin: 10px 0 16px 0; } .mainbar h2 a { u0009font-family: \'Lucida Grande\'; u0009font-size: 16px; u0009color: #000000; u0009text-transform: uppercase; u0009text-decoration: none; u0009font-style: normal; } .mainbar a { u0009font-family: Georgia; u0009font-size: 13px; u0009color: #2679b9; u0009font-style: italic; } .mainbar a.center { u0009font-size: 12px; u0009text-align: center; u0009display: block; u0009color: #999999; u0009padding: 8px 0 12px 0; u0009text-decoration: none; } .mainbar img.inline { u0009border: 1px solid #dedede; u0009padding: 4px; } td.footer { u0009padding: 0 0 10px 0; u0009border-top: 2px solid #ededed; } .footer p { u0009color: #a1a1a1; u0009font-size: 11px; u0009margin: 0; u0009padding: 0; } .footer p.first { u0009margin: 14px 0 0 0; } .footer a { u0009font-family: \'Lucida Grande\'; u0009font-size: 11px; u0009color: #2679b9; } </style> </head> <body> <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#f5f6f4"> <tr> <td align="center"> <table width="600" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td height="77" align="left" class="header"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate8/header.gif" width="600" height="77" alt="ABC Widgets"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center"> <table width="600" cellspacing="0" cellpadding="0" class="body"> <tr> <td align="left" valign="top" width="348" class="mainbar"> <p>Dear John,<br /><br />Lorem ipsum dolar sit amey consecutar adipiscling elit, vitae mi congue pellentsque tristique amlesuada,<br /><br />Regards, ABC Widgets</p> <img src="/fckeditor/templates/images/BusinessTemplate8/hr.gif" width="348" height="27" alt="Hr"> <h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h2> <img src="/fckeditor/templates/images/BusinessTemplate8/main-content-inline.jpg" width="329" height="159" alt="Content Inline" hspace="0" vspace="4" class="inline"> <p class="first">Pellentesque mi. Ut gravida metus vel odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam lacinia turpis et quam. In luctus massa eget enim.</p> <p>Suspendisse diam felis, tristique sed, sagittis at, interdum a, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur augue lacus, luctus sit amet, dictum sit amediam. <a href="#">Read more »</a></p> <a href="#top" class="center">Back to top^</a> <img src="/fckeditor/templates/images/BusinessTemplate8/hr.gif" width="348" height="27" alt="Hr"> <h2>Aliquam molestie quam vitae mi congue tristique</h2> <img src="/fckeditor/templates/images/BusinessTemplate8/main-content-inline-small.jpg" width="147" height="147" alt="Inline" align="right" class="inline" vspace="4"> <p>Pellentesque tristique male suada lorem. Vivamus condimentum! Duis magna. Aliquam pharetra laoreet felis. Duis metus. Fusce ac dui? <a href="#">Praesent condimentum</a>. Aliquam luctus, leo at consequat fringilla, neque neque interdum est, in vestibulum purus nisl id nulla!</p> <p>Quisque nulla ante, imperdiet quis, eleifend ut. <a href="#">Read more »</a></p> <a href="#top" class="center">Back to top^</a> </td> <td align="center" valign="top" width="219" class="sidebar"> <h2 class="issue">In this issue</h2> <ul> <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></li> <li><a href="#">Aliquam molestie quam vitae mi congue tristique</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate8/small-hr.gif" width="199" height="27" alt="Small Hr"> <h2>Forward this email</h2> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebg" align="center"> <p>Do you know someone who might be interested in receiving this monthly newsletter?</p> <forwardtoafriend><img src="/fckeditor/templates/images/BusinessTemplate8/forward.gif" width="168" height="42" alt="Forward"></forwardtoafriend> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate8/small-hr.gif" width="199" height="27" alt="Small Hr"> <h2>Unsubscribe</h2> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebg" align="center"> <p>You\'re receiving this newsletter because you signed up for the ABC Widget Newsletter.</p> <unsubscribe><img src="/fckeditor/templates/images/BusinessTemplate8/unsubscribe.gif" width="168" height="42" alt="Unsubscribe"></unsubscribe> </td> </tr> </table> <img src="/fckeditor/templates/images/BusinessTemplate8/small-hr.gif" width="199" height="27" alt="Small Hr"> <h2>Contact Us</h2> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebg" align="center"> <p>123 Some Street<br />City, State<br />99999<br />(147) 789 7745</p> <a href="#"><img src="/fckeditor/templates/images/BusinessTemplate8/email.gif" width="168" height="42" alt="Email"></a> </td> </tr> </table> </td> </tr> <tr> <td colspan="2" align="center"> <table width="560" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer" align="left"> <p class="first">abcWidgets and the abc Widgets Logo are registered trademarks of <span style="color: #000000;">abcWidgets Corp</span>.</p> <p><forwardtoafriend>Forward this email to a friend</forwardtoafriend>. Not interested anymore? <unsubscribe>Unsubscribe Instantly</unsubscribe>.</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate8/screenshot.png", title: "Business Template 8" },
49	{ description: "A template with single column", html: '<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { background-color: #f5f6f4; margin: 0; padding: 0; } a img { border: none; } a { border: none; } td.permission { padding: 30px 0 10px 0; } .permission { font-family: \'Lucida Grande\'; font-size: 10px; color: #666666; padding: 4px 0 4px 0; } .permission a { color: #333333; } .permission p { margin: 0 0 4px 0; } .header { background-color: #353535; } .header h1 { u0009font-family: Georgia; u0009font-size: 32px; u0009font-weight: normal; u0009color: #bfbfbf; u0009display: inline; u0009text-align: left;} .date h3 { u0009font-family: Georgia; u0009font-size: 14px; u0009color: #bfbfbf; u0009font-weight: normal; u0009text-align: right; u0009display: inline; u0009font-style: italic; } .body { background-color: #ffffff; } td.sidebar { u0009padding: 22px 0 0 0; } .sidebar h2 { font-family: Georgia; font-size: 18px; font-weight: bold; color: #808080; margin: 0 0 6px 4px; padding: 0; text-align: left; } .sidebar h2.issue { color: #000000; margin: 0 0 10px 10px; } .sidebar ul { font-family: Georgia; font-size: 12px; color: #2679b9; margin: 0 0 0 24px; padding: 0; text-align: left; } .sidebar ul a { u0009font-family: Georgia; u0009font-size: 12px; u0009color: #2679b9; u0009font-style: italic; } .sidebar ul li { u0009margin: 0 0 10px 0; } .sidebar p { font-family: \'Lucida Grande\'; font-size: 11px; color: #5f5f5f; padding: 0; margin: 0 0 10px 0; text-align: left; } td.sidebg { background-color: #f1f1f1; padding: 10px 16px 10px 16px; } td.mainbar { u0009padding: 22px 0 0 14px; u0009text-align: left; } .mainbar p { u0009font-family: \'Lucida Grande\'; u0009font-size: 12px; u0009color: #333333; u0009margin: 0 0 10px 0; u0009text-align: left; } .mainbar p.first { u0009margin-top: 10px; } .mainbar h2 { u0009font-family: \'Lucida Grande\'; u0009font-size: 16px; u0009color: #000000; u0009text-transform: uppercase; u0009margin: 10px 0 16px 0; } .mainbar h2 a { u0009font-family: \'Lucida Grande\'; u0009font-size: 16px; u0009color: #000000; u0009text-transform: uppercase; u0009text-decoration: none; u0009font-style: normal; } .mainbar a { u0009font-family: Georgia; u0009font-size: 13px; u0009color: #2679b9; u0009font-style: italic; } .mainbar a.center { u0009font-size: 12px; u0009text-align: center; u0009display: block; u0009color: #999999; u0009padding: 8px 0 12px 0; u0009text-decoration: none; } .mainbar img.inline { u0009border: 1px solid #dedede; u0009padding: 4px; } td.footer { u0009padding: 0 0 10px 0; u0009border-top: 2px solid #ededed; } .footer p { u0009color: #a1a1a1; u0009font-size: 11px; u0009margin: 0; u0009padding: 0; } .footer p.first { u0009margin: 14px 0 0 0; } .footer a { u0009font-family: \'Lucida Grande\'; u0009font-size: 11px; u0009color: #2679b9; } </style> </head> <body> <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#f5f6f4"> <tr> <td align="center"> <table width="600" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td height="77" align="left" class="header"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate9/header.gif" width="600" height="77" alt="ABC Widgets"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center"> <table width="600" cellspacing="10" cellpadding="0" class="body"> <tr> <td align="center" valign="top" class="mainbar"> <p>Dear John,<br /><br />Lorem ipsum dolar sit amey consecutar adipiscling elit, vitae mi congue pellentsque tristique amlesuada,<br /><br />Regards, ABC Widgets</p> <img src="/fckeditor/templates/images/BusinessTemplate9/hr-large.gif" width="560" height="27" alt="Hr"> <h2>Aliquam molestie quam vitae mi congue tristique</h2> <img src="/fckeditor/templates/images/BusinessTemplate9/main-content-inline-small.jpg" width="147" height="147" alt="Inline" align="right" class="inline" vspace="4"> <p>Pellentesque tristique male suada lorem. Vivamus condi-mentum! Duis magna. Aliquam pharetra laoreet felis. Duis metus. Fusce ac dui? Praesent condimentum. Aliquam luctus, leo at conse-quat fringilla, neque neque interdum est, in vestibulum purus nisl id nulla! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer</p> <p>Quisque nulla ante, imperdiet quis, eleifend ut. <a href="#">Read more »</a></p> <a href="#top" class="center">Back to top^</a> <img src="/fckeditor/templates/images/BusinessTemplate9/hr-large.gif" width="560" height="27" alt="Hr"> <h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h2> <p class="first">Pellentesque mi. Ut gravida metus vel odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam lacinia turpis et quam. In luctus massa eget enim.</p> <p>Suspendisse diam felis, tristique sed, sagittis at, interdum a, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur augue lacus, luctus sit amet, dictum sit amediam. <a href="#">Read more »</a></p> <a href="#top" class="center">Back to top^</a> </td> </tr> <tr> <td align="center"> <table width="560" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer" align="left"> <p class="first">abcWidgets and the abc Widgets Logo are registered trademarks of <span style="color: #000000;">abcWidgets Corp</span>.</p> <p><forwardtoafriend>Forward this email to a friend</forwardtoafriend>. Not interested anymore? <unsubscribe>Unsubscribe Instantly</unsubscribe>.</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate9/screenshot.png", title: "Business Template 9" },
50	{ description: "A template with left sidebar", html: '<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 20px 0 0 0; u0009padding: 0; u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate10/bg.jpg\'); u0009background-repeat: repeat-y no-repeat; u0009background-color: #8da2b2; u0009background-position: top center; } p { u0009font-family: Tahoma; u0009font-size: 12px; u0009color: #333333; } li { u0009margin: 0; u0009padding: 0; } td.permission { padding: 10px 0 10px 0; } td.permission p { u0009font-family: Arial; u0009font-size: 11px; u0009color: #4c4c4c; u0009margin: 0 0 4px 0; u0009padding: 0; u0009text-align: center; } td.permission p.second { u0009margin-bottom: 8px; } td.permission a { u0009color: #000000; } td.header { u0009background-color: #b73224; u0009height: 110px; } td.header h1 { u0009font-family: Impact, \'Arial Black\'; u0009font-size: 33px; u0009color: #eaedc9; u0009font-weight: normal; u0009line-height: 28px; u0009display: inline; u0009margin: 0 0 0 20px; u0009padding: 0; } td.sidebar a img { u0009border: none; } .table { u0009background-color: #a52c21; } td.miniTable { u0009background-color: #a52c21; u0009padding: 20px; } td.miniTable h2 { u0009font-family: Arial; u0009font-size: 16px; u0009font-weight: bold; u0009color: #ffffff; u0009text-transform: uppercase; } td.miniTable h3 { font-family: Tahoma; u0009font-size: 14px; u0009font-weight: bold; u0009color: #000000; u0009margin: 0; u0009padding: 0; } td.miniTable h3 a { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #ffffff; u0009text-decoration: underline; } td.miniTable p { u0009font-family: Tahoma; u0009font-size: 12px; u0009font-weight: normal; u0009color: #e7fccf; u0009margin: 0 0 10px 0; u0009padding: 0; } td.miniTable ul { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #e7fccf; u0009margin: 0 0 0 24px; u0009padding: 0; } td.miniTable ul li a { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #e7fccf; text-decoration: none; } td.mainbar h2 { u0009font-family: Arial; u0009font-size: 18px; u0009color: #000000; u0009border-left: 10px solid #a02f27; u0009padding-left: 8px; } td.mainbar h2 a { u0009font-family: Arial; u0009font-size: 18px; u0009color: #000000; u0009text-decoration: none; } td.mainbar a { u0009color: #344692; } td.mainbar p { u0009margin: 0 0 20px 0; } td.mainbar p.top { u0009margin: 0 0 5px 0; u0009padding: 0; u0009width: 100%; u0009text-align: right; } td.mainbar p.top a { u0009font-size: 11px; u0009margin: 0 4px 0 0; } td.mainbar img.inline { u0009margin: 0 0 10px 0; } td.footer { u0009height: 134px; } td.footer p { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 20px 0; u0009text-align: center; } table.tab { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate10/footer-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: bottom center; u0009background-color: #a52c21; } table.tab td { u0009font-family: Impact, \'Arial Black\'; u0009font-size: 20px; u0009color: #eaedc9; u0009font-weight: normal; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="581" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header"> <table width="581" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" height="110"> <img src="/fckeditor/templates/images/BusinessTemplate10/header.jpg" width="581" height="110" alt="ABC Widgets" /> </td> </tr> </table> </td> </tr> <tr> <td valign="top"> <table border="0" cellspacing="20" cellpadding="0"> <tr> <td width="194" class="sidebar" valign="top" align="left"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="miniTable"> <h2>In this issue</h2> <ul> <li><a href="#">Lorem ipsum dolor sit aer</a></li> <li><a href="#">Aliquam facilisis misl in nis ut ultricies massa</a></li> <li><a href="#">Nunc eu aliquet ultricies</a></li> </ul> </td> </tr> </table> <br /> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="miniTable"> <h2>Other news</h2> <h3><a href="#">Lorem ipsum dolor sit ame concecteaur</a></h3> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem</p> <h3><a href="#">Aliquam facilis misl in ut</a></h3> <p>Donec imperdiet, nibh sit amet pharetra placerat</p> <h3><a href="#">Fermentum quam donec imperde lorem ipsum</a></h3> <p>purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis</p> </td> </tr> </table> <br /> <forwardtoafriend><img src="/fckeditor/templates/images/BusinessTemplate10/forward.gif" width="178" height="35"></forwardtoafriend> <br /> <br /> <unsubscribe><img src="/fckeditor/templates/images/BusinessTemplate10/unsubscribe.gif" width="178" height="35"></unsubscribe> </td> <td width="326" class="mainbar" valign="top" align="left"> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Nunc <a href="#">condimentum blandit</a> tortorphasellus facilisis neque vitae purus.</p> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, massa massa aliquet est, nec dignissim nisl ante eget lectus.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate10/hr.gif" width="326" height="10" alt="hr"> <h2>Aliquam facilisis misl in nisi ut ultricies massa</h2> <img src="/fckeditor/templates/images/BusinessTemplate10/main-content-inline.jpg" width="329" height="159" alt="Main Content Inline" class="inline"> <p><a href="#">Fermentum quam</a>. Donec imperdiet, nibh sit amet pharetra placeratâ€”tortor purus condimentum lectus.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate10/hr.gif" width="326" height="10" alt="hr"> <h2>Fermentum quam donec imperde lorem ipsum dolar amet consect</h2> <img src="/fckeditor/templates/images/BusinessTemplate10/main-content-inline-small.jpg" width="147" height="147" alt="Main Content Inline Small" align="left" hspace="10"> <p>Cras purus. Nunc rhoncus. Pellentesque semper. <a href="#">Donec imperdiet accumsan felis</a>. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum. Donec iaculis Sed at est. Nunc a purus eu sapienâ€“fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate10/hr.gif" width="326" height="10" alt="hr"> </td> </tr> </table> </td> </tr> </table> <tr> <td align="center" align="134" class="footer" valign="bottom"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <strong>abcWidgets Corp</strong>.<br /> ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> <table width="98" height="66" border="0" cellspacing="8" cellpadding="0" align="center" class="tab"> <tr> <td align="left">ABC<br />Widgets</td> </tr> </table> </td> </tr> </td> </tr> </table> </body> </html>', image: "BusinessTemplate10/screenshot.png", title: "Business Template 10" },
51	{ description: "A template with right sidebar", html: '<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 20px 0 0 0; u0009padding: 0; u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate11/bg.jpg\'); u0009background-repeat: repeat-y no-repeat; u0009background-color: #8da2b2; u0009background-position: top center; } p { u0009font-family: Tahoma; u0009font-size: 12px; u0009color: #333333; } li { u0009margin: 0; u0009padding: 0; } td.permission { padding: 10px 0 10px 0; } td.permission p { u0009font-family: Arial; u0009font-size: 11px; u0009color: #4c4c4c; u0009margin: 0 0 4px 0; u0009padding: 0; u0009text-align: center; } td.permission p.second { u0009margin-bottom: 8px; } td.permission a { u0009color: #000000; } td.header { u0009background-color: #b73224; u0009height: 110px; } td.header h1 { u0009font-family: Impact, \'Arial Black\'; u0009font-size: 33px; u0009color: #eaedc9; u0009font-weight: normal; u0009line-height: 28px; u0009display: inline; u0009margin: 0 0 0 20px; u0009padding: 0; } td.sidebar a img { u0009border: none; } .table { u0009background-color: #a52c21; } td.miniTable { u0009background-color: #a52c21; u0009padding: 20px; } td.miniTable h2 { u0009font-family: Arial; u0009font-size: 16px; u0009font-weight: bold; u0009color: #ffffff; u0009text-transform: uppercase; } td.miniTable h3 { font-family: Tahoma; u0009font-size: 14px; u0009font-weight: bold; u0009color: #000000; u0009margin: 0; u0009padding: 0; } td.miniTable h3 a { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #ffffff; u0009text-decoration: underline; } td.miniTable p { u0009font-family: Tahoma; u0009font-size: 12px; u0009font-weight: normal; u0009color: #e7fccf; u0009margin: 0 0 10px 0; u0009padding: 0; } td.miniTable ul { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #e7fccf; u0009margin: 0 0 0 24px; u0009padding: 0; } td.miniTable ul li a { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #e7fccf; text-decoration: none; } td.mainbar h2 { u0009font-family: Arial; u0009font-size: 18px; u0009color: #000000; u0009border-left: 10px solid #a02f27; u0009padding-left: 8px; } td.mainbar h2 a { u0009font-family: Arial; u0009font-size: 18px; u0009color: #000000; u0009text-decoration: none; } td.mainbar a { u0009color: #344692; } td.mainbar p { u0009margin: 0 0 20px 0; } td.mainbar p.top { u0009margin: 0 0 5px 0; u0009padding: 0; u0009width: 100%; u0009text-align: right; } td.mainbar p.top a { u0009font-size: 11px; u0009margin: 0 4px 0 0; } td.mainbar img.inline { u0009margin: 0 0 10px 0; } td.footer { u0009height: 134px; } td.footer p { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 20px 0; u0009text-align: center; } table.tab { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate11/footer-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: bottom center; u0009background-color: #a52c21; } table.tab td { u0009font-family: Impact, \'Arial Black\'; u0009font-size: 20px; u0009color: #eaedc9; u0009font-weight: normal; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="581" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header"> <table width="581" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" height="110"> <img src="/fckeditor/templates/images/BusinessTemplate11/header.jpg" width="581" height="110" alt="ABC Widgets" /> </td> </tr> </table> </td> </tr> <tr> <td valign="top"> <table border="0" cellspacing="20" cellpadding="0"> <tr> <td width="326" class="mainbar" valign="top" align="left"> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Nunc <a href="#">condimentum blandit</a> tortorphasellus facilisis neque vitae purus.</p> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, massa massa aliquet est, nec dignissim nisl ante eget lectus.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate11/hr.gif" width="326" height="10" alt="hr"> <h2>Aliquam facilisis misl in nisi ut ultricies massa</h2> <img src="/fckeditor/templates/images/BusinessTemplate11/main-content-inline.jpg" width="329" height="159" alt="Main Content Inline" class="inline"> <p><a href="#">Fermentum quam</a>. Donec imperdiet, nibh sit amet pharetra placeratâ€”tortor purus condimentum lectus.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate11/hr.gif" width="326" height="10" alt="hr"> <h2>Fermentum quam donec imperde lorem ipsum dolar amet consect</h2> <img src="/fckeditor/templates/images/BusinessTemplate11/main-content-inline-small.jpg" width="147" height="147" alt="Main Content Inline Small" align="left" hspace="10"> <p>Cras purus. Nunc rhoncus. Pellentesque semper. <a href="#">Donec imperdiet accumsan felis</a>. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum. Donec iaculis Sed at est. Nunc a purus eu sapienâ€“fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate11/hr.gif" width="326" height="10" alt="hr"> </td> <td width="194" class="sidebar" valign="top" align="left"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="miniTable"> <h2>In this issue</h2> <ul> <li>Lorem ipsum dolor sit aer</li> <li>Aliquam facilisis misl in nis ut ultricies massa</li> <li>Nunc eu aliquet ultricies</li> </ul> </td> </tr> </table> <br /> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="miniTable"> <h2>Other news</h2> <h3><a href="#">Lorem ipsum dolor sit ame concecteaur</a></h3> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem</p> <h3><a href="#">Aliquam facilis misl in ut</a></h3> <p>Donec imperdiet, nibh sit amet pharetra placerat</p> <h3><a href="#">Fermentum quam donec imperde lorem ipsum</a></h3> <p>purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis</p> </td> </tr> </table> <br /> <forwardtoafriend><img src="/fckeditor/templates/images/BusinessTemplate11/forward.gif" width="178" height="35"></forwardtoafriend> <br /> <br /> <unsubscribe><img src="/fckeditor/templates/images/BusinessTemplate11/unsubscribe.gif" width="178" height="35"></unsubscribe> </td> </tr> </table> </td> </tr> </table> <tr> <td align="center" align="134" class="footer" valign="bottom"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <strong>abcWidgets Corp</strong>.<br /> ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> <table width="98" height="66" border="0" cellspacing="8" cellpadding="0" align="center" class="tab"> <tr> <td align="left">ABC<br />Widgets</td> </tr> </table> </td> </tr> </td> </tr> </table> </body> </html>', image: "BusinessTemplate11/screenshot.png", title: "Business Template 11" },
52	{ description: "A template with single column", html: '<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 20px 0 0 0; u0009padding: 0; u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate12/bg.jpg\'); u0009background-repeat: repeat-y no-repeat; u0009background-color: #8da2b2; u0009background-position: top center; } p { u0009font-family: Tahoma; u0009font-size: 12px; u0009color: #333333; } li { u0009margin: 0; u0009padding: 0; } td.permission { padding: 10px 0 10px 0; } td.permission p { u0009font-family: Arial; u0009font-size: 11px; u0009color: #4c4c4c; u0009margin: 0 0 4px 0; u0009padding: 0; u0009text-align: center; } td.permission p.second { u0009margin-bottom: 8px; } td.permission a { u0009color: #000000; } td.header { u0009background-color: #b73224; u0009height: 110px; } td.header h1 { u0009font-family: Impact, \'Arial Black\'; u0009font-size: 33px; u0009color: #eaedc9; u0009font-weight: normal; u0009line-height: 28px; u0009display: inline; u0009margin: 0 0 0 20px; u0009padding: 0; } td.sidebar a img { u0009border: none; } .table { u0009background-color: #a52c21; } td.miniTable { u0009background-color: #a52c21; u0009padding: 20px; } td.miniTable h2 { u0009font-family: Arial; u0009font-size: 16px; u0009font-weight: bold; u0009color: #ffffff; u0009text-transform: uppercase; } td.miniTable h3 { font-family: Tahoma; u0009font-size: 14px; u0009font-weight: bold; u0009color: #000000; u0009margin: 0; u0009padding: 0; } td.miniTable h3 a { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #ffffff; u0009text-decoration: underline; } td.miniTable p { u0009font-family: Tahoma; u0009font-size: 12px; u0009font-weight: normal; u0009color: #e7fccf; u0009margin: 0 0 10px 0; u0009padding: 0; } td.miniTable ul { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #e7fccf; u0009margin: 0 0 0 24px; u0009padding: 0; } td.miniTable ul li a { u0009font-family: Tahoma; u0009font-size: 14px; u0009font-weight: normal; u0009color: #e7fccf; text-decoration: none; } td.mainbar h2 { u0009font-family: Arial; u0009font-size: 18px; u0009color: #000000; u0009border-left: 10px solid #a02f27; u0009padding-left: 8px; } td.mainbar h2 a { u0009font-family: Arial; u0009font-size: 18px; u0009color: #000000; u0009text-decoration: none; } td.mainbar a { u0009color: #344692; } td.mainbar p { u0009margin: 0 0 20px 0; } td.mainbar p.top { u0009margin: 0 0 5px 0; u0009padding: 0; u0009width: 100%; u0009text-align: right; } td.mainbar p.top a { u0009font-size: 11px; u0009margin: 0 4px 0 0; } td.mainbar img.inline { u0009margin: 0 0 10px 0; } td.footer { u0009height: 134px; } td.footer p { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 20px 0; u0009text-align: center; } table.tab { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate12/footer-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: bottom center; u0009background-color: #a52c21; } table.tab td { u0009font-family: Impact, \'Arial Black\'; u0009font-size: 20px; u0009color: #eaedc9; u0009font-weight: normal; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="581" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header"> <table width="581" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" height="110"> <img src="/fckeditor/templates/images/BusinessTemplate12/header.jpg" width="581" height="110" alt="ABC Widgets" /> </td> </tr> </table> </td> </tr> <tr> <td valign="top"> <table border="0" cellspacing="20" cellpadding="0"> <tr> <td width="550" class="mainbar" valign="top" align="left"> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Nunc <a href="#">condimentum blandit</a> tortorphasellus facilisis neque vitae purus.</p> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, massa massa aliquet est, nec dignissim nisl ante eget lectus.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate12/hr-big.gif" width="550" height="10" alt="hr"> <h2>Fermentum quam donec imperde lorem ipsum dolar amet consect</h2> <img src="/fckeditor/templates/images/BusinessTemplate12/main-content-inline-small.jpg" width="147" height="147" alt="Main Content Inline Small" align="left" hspace="10"> <p>Cras purus. Nunc rhoncus. Pellentesque semper. <a href="#">Donec imperdiet accumsan felis</a>. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum. Donec iaculis Sed at est. Nunc a purus eu sapienâ€“fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate12/hr-big.gif" width="550" height="10" alt="hr"> </td> </tr> </table> </td> </tr> </table> <tr> <td align="center" align="134" class="footer" valign="bottom"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <strong>abcWidgets Corp</strong>.<br /> ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> <table width="98" height="66" border="0" cellspacing="8" cellpadding="0" align="center" class="tab"> <tr> <td align="left">ABC<br />Widgets</td> </tr> </table> </td> </tr> </td> </tr> </table> </body> </html>', image: "BusinessTemplate12/screenshot.png", title: "Business Template 12" },
53	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009background-color: #474333; u0009margin: 0; u0009padding: 0; } p a { u0009color: #44a0df; u0009text-decoration: none; } td.permission { u0009padding: 8px 0 8px 0; } td.date { u0009padding: 0 0 4px 0; } td.permission p { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009font-style: italic; u0009color: #151515; u0009text-align: center; } td.permission a { u0009color: #9f9862; u0009text-decoration: none; } table.bgTop { u0009background-color: #181818; } table.bg { u0009background-color: #ffffff; } table.header td { u0009height: 108px; } table.header td h1 { u0009font-family: \'Futura\', Arial; u0009font-size: 24px; u0009font-weight: normal; u0009color: #9f9862; u0009display: inline; u0009margin: 0 0 0 6px; u0009padding: 0; u0009text-transform: uppercase; } table.header td h3 { u0009font-family: Georgia, Arial; u0009font-size: 12px; u0009font-weight: normal; u0009font-style: italic; u0009color: #ffffff; u0009display: inline; u0009margin: 0; u0009padding: 0 0 6px 0; } td.sidebar { u0009background-color: #f8f8f8; u0009border-right: 1px solid #bdbcb8; } td.sidebar h2 { u0009font-family: Georgia; u0009font-size: 16px; u0009font-weight: normal; u0009color: #464646; u0009margin: 0 0 10px 0; u0009border-bottom: 3px solid #464646; u0009text-transform: uppercase; } td.sidebar ul { u0009margin: 0 0 20px 24px; u0009padding: 0; u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #313131; } td.sidebar ul a { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; } td.sidebar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0 0 14px 0; u0009padding: 0; } td.sidespace { padding: 20px; } table.options { u0009border-top: 1px solid #9f9862; u0009border-bottom: 1px solid #9f9862; } table.options td { u0009padding: 16px 22px 16px 22px; } td.border { u0009border-bottom: 1px solid #9f9862; } table.options h3 { u0009font-family: Georgia; u0009font-size: 16px; u0009font-weight: normal; u0009color: #9f9862; u0009margin: 0 0 4px 0; u0009padding: 0; } table.options p { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0; u0009padding: 0; } table.options p a { u0009color: #313131; u0009text-decoration: none; u0009border: none; u0009margin: 0; u0009padding: 0; } td.mainbar { padding: 20px; } td.mainbar h2 { u0009font-family: Georgia; u0009font-size: 20px; u0009font-weight: bold; u0009color: #9f9862; u0009margin: 0 0 10px 0; u0009padding: 0; } td.mainbar h2 a { u0009font-family: Georgia; u0009font-size: 20px; u0009font-weight: bold; u0009color: #9f9862; text-decoration: none; } td.mainbar h3 { u0009font-family: Verdana; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009text-transform: uppercase; u0009margin: 0 0 8px 0; u0009padding: 0; } td.mainbar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 16px 0; u0009padding: 0; } td.mainbar p.top { u0009font-family: Verdana; u0009font-size: 10px; u0009font-weight: normal; u0009color: #44a0df; u0009text-transform: uppercase; u0009width: 100%; u0009text-align: right; u0009margin: 14px 0 4px 0; } table.footer { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009color: #999999; u0009text-align: center; u0009border: 1px solid #575757; } table.footer td { u0009height: 88px; } table.footer span { u0009color: #ffffff; } table.bgBottom { padding: 10px; u0009background-color: #181818; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="579" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> </table> <table width="579" border="0" cellspacing="0" cellpadding="0" class="bgTop"> <tr> <td align="center"> <table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="header"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate13/header.gif" width="579" height="108" alt="ABC Widgets" /></td> </tr> </table> </td> </tr> </table> <table width="579" border="0" cellspacing="0" cellpadding="0" class="bg"> <tr> <td width="254" align="center" valign="top" class="sidebar"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" class="sidespace"> <h2>In this issue</h2> <ul> <li><a href="#">Lorem ipsum dolar sit amet conse</a></li> <li><a href="#">Aliquam lectus orci, adip?</a></li> <li><a href="#">Fermentum quamâ€”donec imperde lorem ipsum</a></li> </ul> <h2>In short</h2> <p><strong>Lorem ipsum dolor sit</strong> consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id <a href="#">pulvinar odio</a> lorem non turpis. Nullam sit amet enim.</p> <p><strong>Aliquam facilisis misl in</strong> pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. <a href="#">Aliquam erat volutpat</a>. fermentum bibendum enim nibh blandit sed, blandit a, eros.</p> <p><strong>Sed quis velit.</strong> Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci.</p> <table width="100%" height="173" border="0" cellspacing="0" cellpadding="0" class="options"> <tr> <td align="center" class="border" valign="top"> <h3>UNSUBSCRIBE</h3> <p><unsubscribe>Click to instantly unsubscribe from this email</unsubscribe></p> </td> </tr> <tr> <td align="center" valign="top"> <h3>FORWARD</h3> <p><forwardtoafriend>Click to forward this email to a friend</forwardtoafriend></p> </td> </tr> </table> </td> </tr> </table> </td> <td width="325" align="center" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" class="mainbar"> <h3>Feature</h3> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit.</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate13/main-content-inline-small-1.jpg" width="160" height="151" align="right" hspace="10"> Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Nunc <a href="#">condimen-tum blandit</a> tortorphasellus facilisis neque vitae purus. Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, <a href="#">Read More</a>.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate13/hr.gif" width="326" height="19"> <h3>Fashion</h3> <h2>Aliquam lectus orci, adipiscing</h2> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam. <a href="#">Read More</a></p> <h2>Sellus facilisis neque</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Aliquam facilisis nisl in nisi. <a href="#">Read More</a></p> <h2>Nunc a purus eu sapien-cinia</h2> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate13/hr.gif" width="326" height="19"> <h3>Culture</h3> <h2>Fermentum quamâ€”donec imperde lorem ipsum dolar</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate13/main-content-inline-small-2.jpg" width="160" height="151" align="right" hspace="10">Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapien laci-nia fermentum. Donec iaculis Sed at est. <a href="#">Nunc a purus eu sapien-lacinia fermentum</a>. Donec iaculis fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus. <a href="#">Read More</a></p> <h2>Pharetra Placerat</h2> <p>Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, massa massa aliquet est, nec dignissim nisl ante eget lectus. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate13/hr.gif" width="326" height="19"> </td> </tr> </table> </td> </tr> </table> <table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="bgBottom"> <tr> <td align="center" valign="middle"> <table width="559" height="88" border="0" cellspacing="0" cellpadding="0" class="footer"> <tr> <td align="center">abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate13/screenshot.png", title: "Business Template 13" },
54	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009background-color: #474333; u0009margin: 0; u0009padding: 0; } p a { u0009color: #44a0df; u0009text-decoration: none; } td.permission { u0009padding: 8px 0 8px 0; } td.date { u0009padding: 0 0 4px 0; } td.permission p { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009font-style: italic; u0009color: #151515; u0009text-align: center; } td.permission a { u0009color: #9f9862; u0009text-decoration: none; } table.bgTop { u0009background-color: #181818; } table.bg { u0009background-color: #ffffff; } table.header td { u0009height: 108px; } table.header td h1 { u0009font-family: \'Futura\', Arial; u0009font-size: 24px; u0009font-weight: normal; u0009color: #9f9862; u0009display: inline; u0009margin: 0 0 0 6px; u0009padding: 0; u0009text-transform: uppercase; } table.header td h3 { u0009font-family: Georgia, Arial; u0009font-size: 12px; u0009font-weight: normal; u0009font-style: italic; u0009color: #ffffff; u0009display: inline; u0009margin: 0; u0009padding: 0 0 6px 0; } td.sidebar { u0009background-color: #f8f8f8; u0009border-right: 1px solid #bdbcb8; } td.sidebar h2 { u0009font-family: Georgia; u0009font-size: 16px; u0009font-weight: normal; u0009color: #464646; u0009margin: 0 0 10px 0; u0009border-bottom: 3px solid #464646; u0009text-transform: uppercase; } td.sidebar ul { u0009margin: 0 0 20px 24px; u0009padding: 0; u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #313131; } td.sidebar ul a { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; } td.sidebar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0 0 14px 0; u0009padding: 0; } td.sidespace { padding: 20px; } table.options { u0009border-top: 1px solid #9f9862; u0009border-bottom: 1px solid #9f9862; } table.options td { u0009padding: 16px 22px 16px 22px; } td.border { u0009border-bottom: 1px solid #9f9862; } table.options h3 { u0009font-family: Georgia; u0009font-size: 16px; u0009font-weight: normal; u0009color: #9f9862; u0009margin: 0 0 4px 0; u0009padding: 0; } table.options p { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0; u0009padding: 0; } table.options p a { u0009color: #313131; u0009text-decoration: none; u0009border: none; u0009margin: 0; u0009padding: 0; } td.mainbar { padding: 20px; } td.mainbar h2 { u0009font-family: Georgia; u0009font-size: 20px; u0009font-weight: bold; u0009color: #9f9862; u0009margin: 0 0 10px 0; u0009padding: 0; } td.mainbar h2 a { u0009font-family: Georgia; u0009font-size: 20px; u0009font-weight: bold; u0009color: #9f9862; text-decoration: none; } td.mainbar h3 { u0009font-family: Verdana; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009text-transform: uppercase; u0009margin: 0 0 8px 0; u0009padding: 0; } td.mainbar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 16px 0; u0009padding: 0; } td.mainbar p.top { u0009font-family: Verdana; u0009font-size: 10px; u0009font-weight: normal; u0009color: #44a0df; u0009text-transform: uppercase; u0009width: 100%; u0009text-align: right; u0009margin: 14px 0 4px 0; } table.footer { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009color: #999999; u0009text-align: center; u0009border: 1px solid #575757; } table.footer td { u0009height: 88px; } table.footer span { u0009color: #ffffff; } table.bgBottom { padding: 10px; u0009background-color: #181818; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="579" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> </table> <table width="579" border="0" cellspacing="0" cellpadding="0" class="bgTop"> <tr> <td align="center"> <table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="header"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate14/header.gif" width="579" height="108" alt="ABC Widgets" /></td> </tr> </table> </td> </tr> </table> <table width="579" border="0" cellspacing="0" cellpadding="0" class="bg"> <tr> <td width="325" align="center" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" class="mainbar"> <h3>Feature</h3> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit.</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate14/main-content-inline-small-1.jpg" width="160" height="151" align="right" hspace="10"> Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Nunc <a href="#">condimen-tum blandit</a> tortorphasellus facilisis neque vitae purus. Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, <a href="#">Read More</a>.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate14/hr.gif" width="326" height="19"> <h3>Fashion</h3> <h2>Aliquam lectus orci, adipiscing</h2> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam. <a href="#">Read More</a></p> <h2>Sellus facilisis neque</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Aliquam facilisis nisl in nisi. <a href="#">Read More</a></p> <h2>Nunc a purus eu sapien-cinia</h2> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate14/hr.gif" width="326" height="19"> <h3>Culture</h3> <h2>Fermentum quamâ€”donec imperde lorem ipsum dolar</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate14/main-content-inline-small-2.jpg" width="160" height="151" align="right" hspace="10">Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapien laci-nia fermentum. Donec iaculis Sed at est. <a href="#">Nunc a purus eu sapien-lacinia fermentum</a>. Donec iaculis fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus. <a href="#">Read More</a></p> <h2>Pharetra Placerat</h2> <p>Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, massa massa aliquet est, nec dignissim nisl ante eget lectus. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate14/hr.gif" width="326" height="19"> </td> </tr> </table> </td> <td width="254" align="center" valign="top" class="sidebar"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" class="sidespace"> <h2>In this issue</h2> <ul> <li><a href="#">Lorem ipsum dolar sit amet conse</a></li> <li><a href="#">Aliquam lectus orci, adip?</a></li> <li><a href="#">Fermentum quamâ€”donec imperde lorem ipsum</a></li> </ul> <h2>In short</h2> <p><strong>Lorem ipsum dolor sit</strong> consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id <a href="#">pulvinar odio</a> lorem non turpis. Nullam sit amet enim.</p> <p><strong>Aliquam facilisis misl in</strong> pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. <a href="#">Aliquam erat volutpat</a>. fermentum bibendum enim nibh blandit sed, blandit a, eros.</p> <p><strong>Sed quis velit.</strong> Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci.</p> <table width="100%" height="173" border="0" cellspacing="0" cellpadding="0" class="options"> <tr> <td align="center" class="border" valign="top"> <h3>UNSUBSCRIBE</h3> <p><unsubscribe>Click to instantly unsubscribe from this email</unsubscribe></p> </td> </tr> <tr> <td align="center" valign="top"> <h3>FORWARD</h3> <p><forwardtoafriend>Click to forward this email to a friend</forwardtoafriend></p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="bgBottom"> <tr> <td align="center" valign="middle"> <table width="559" height="88" border="0" cellspacing="0" cellpadding="0" class="footer"> <tr> <td align="center">abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate14/screenshot.png", title: "Business Template 14" },
55	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009background-color: #474333; u0009margin: 0; u0009padding: 0; } p a { u0009color: #44a0df; u0009text-decoration: none; } td.permission { u0009padding: 8px 0 8px 0; } td.date { u0009padding: 0 0 4px 0; } td.permission p { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009font-style: italic; u0009color: #151515; u0009text-align: center; } td.permission a { u0009color: #9f9862; u0009text-decoration: none; } table.bgTop { u0009background-color: #181818; } table.bg { u0009background-color: #ffffff; } table.header td { u0009height: 108px; } table.header td h1 { u0009font-family: \'Futura\', Arial; u0009font-size: 24px; u0009font-weight: normal; u0009color: #9f9862; u0009display: inline; u0009margin: 0 0 0 6px; u0009padding: 0; u0009text-transform: uppercase; } table.header td h3 { u0009font-family: Georgia, Arial; u0009font-size: 12px; u0009font-weight: normal; u0009font-style: italic; u0009color: #ffffff; u0009display: inline; u0009margin: 0; u0009padding: 0 0 6px 0; } td.sidebar { u0009background-color: #f8f8f8; u0009border-right: 1px solid #bdbcb8; } td.sidebar h2 { u0009font-family: Georgia; u0009font-size: 16px; u0009font-weight: normal; u0009color: #464646; u0009margin: 0 0 10px 0; u0009border-bottom: 3px solid #464646; u0009text-transform: uppercase; } td.sidebar ul { u0009margin: 0 0 20px 24px; u0009padding: 0; u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #313131; } td.sidebar ul a { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; } td.sidebar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0 0 14px 0; u0009padding: 0; } td.sidespace { padding: 20px; } table.options { u0009border-top: 1px solid #9f9862; u0009border-bottom: 1px solid #9f9862; } table.options td { u0009padding: 16px 22px 16px 22px; } td.border { u0009border-bottom: 1px solid #9f9862; } table.options h3 { u0009font-family: Georgia; u0009font-size: 16px; u0009font-weight: normal; u0009color: #9f9862; u0009margin: 0 0 4px 0; u0009padding: 0; } table.options p { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0; u0009padding: 0; } table.options p a { u0009color: #313131; u0009text-decoration: none; u0009border: none; u0009margin: 0; u0009padding: 0; } td.mainbar { padding: 20px; } td.mainbar h2 { u0009font-family: Georgia; u0009font-size: 20px; u0009font-weight: bold; u0009color: #9f9862; u0009margin: 0 0 10px 0; u0009padding: 0; } td.mainbar h2 a { u0009font-family: Georgia; u0009font-size: 20px; u0009font-weight: bold; u0009color: #9f9862; text-decoration: none; } td.mainbar h3 { u0009font-family: Verdana; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009text-transform: uppercase; u0009margin: 0 0 8px 0; u0009padding: 0; } td.mainbar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 16px 0; u0009padding: 0; } td.mainbar p.top { u0009font-family: Verdana; u0009font-size: 10px; u0009font-weight: normal; u0009color: #44a0df; u0009text-transform: uppercase; u0009width: 100%; u0009text-align: right; u0009margin: 14px 0 4px 0; } table.footer { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009color: #999999; u0009text-align: center; u0009border: 1px solid #575757; } table.footer td { u0009height: 88px; } table.footer span { u0009color: #ffffff; } table.bgBottom { padding: 10px; u0009background-color: #181818; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="579" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> </table> <table width="579" border="0" cellspacing="0" cellpadding="0" class="bgTop"> <tr> <td align="center"> <table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="header"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate15/header.gif" width="579" height="108" alt="ABC Widgets" /></td> </tr> </table> </td> </tr> </table> <table width="579" border="0" cellspacing="0" cellpadding="0" class="bg"> <tr> <td width="100%" align="center" valign="top"> <table width="530" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" class="mainbar"> <h3>Feature</h3> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit.</h2> <img src="/fckeditor/templates/images/BusinessTemplate15/main-content-inline-small-1.jpg" width="160" height="151" align="right" hspace="10"> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Nunc <a href="#">condimen-tum blandit</a> tortorphasellus facilisis neque vitae purus. Aliquam facilisis nisl in nisi.</p> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem.</p> <p>Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, <a href="#">Read More</a>.</p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate15/hr-big.gif" width="530" height="19"> <h3>Fashion</h3> <h2>Aliquam lectus orci, adipiscing</h2> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam. <a href="#">Read More</a></p> <h2>Sellus facilisis neque</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus, at dignissim nibh velit vitae sem. Aliquam facilisis nisl in nisi. <a href="#">Read More</a></p> <h2>Nunc a purus eu sapien-cinia</h2> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam egestas. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate15/hr-big.gif" width="530" height="19"> <h3>Culture</h3> <h2>Fermentum quamâ€”donec imperde lorem ipsum dolar</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate15/main-content-inline-small-2.jpg" width="160" height="151" align="right" hspace="10">Cras purus. Nunc rhoncus. Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapien laci-nia fermentum. Donec iaculis Sed at est. <a href="#">Nunc a purus eu sapien-lacinia fermentum</a>. Donec iaculis fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortor purus condimentum lectus. <a href="#">Read More</a></p> <h2>Pharetra Placerat</h2> <p>Donec eget orci eget urna aliquam egestas. Nulla vitae felis. <a href="#">Maecenas bibendum</a>, nunc eu aliquet ultricies, massa massa aliquet est, nec dignissim nisl ante eget lectus. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate15/hr-big.gif" width="530" height="19"> </td> </tr> </table> </td> </tr> </table> <table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="bgBottom"> <tr> <td align="center"> <table width="559" height="88" border="0" cellspacing="0" cellpadding="0" class="footer"> <tr> <td align="center">abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate15/screenshot.png", title: "Business Template 15" },
56	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009margin: 0; u0009padding: 0; } td.permission { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #151515; u0009text-align: center; u0009padding: 20px 0 10px 0; } td.permission a { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #151515; } td.header { u0009background-color: #888888; u0009height: 119px; } td.header h1 { u0009font-family: \'Arial Black\', Arial, sans-serif; u0009font-size: 28px; u0009font-weight: normal; u0009color: #ffffff; u0009line-height: 26px; u0009display: inline; } td.header h1 span { u0009color: #000000; } table.sidebar td { u0009background-color: #ededed; u0009padding: 0 8px 0 15px; } table.sidebar td.sideheader { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate16/sidebar-bg-header.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; } table.sidebar td.midheader { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate16/sidebar-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; } table.sidebar td.other { u0009padding: 8px 8px 0 15px; } table.sidebar h3 { u0009margin: 0; u0009padding: 0; u0009display: inline; u0009text-transform: uppercase; u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #242424; } table.sidebar h4 { u0009margin: 0 0 8px 0; u0009padding: 0; u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; } table.sidebar td ul { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009margin: 10px 0 0 24px; u0009padding: 0; } table.sidebar td ul li a { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009text-decoration: none; } table.sidebar p { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0 0 14px 0; u0009padding: 0; } table.sidebar td.actions { u0009background-color: #cacaca; u0009height: 76px; } table.sidebar td.first { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate16/sidebar-actions-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; u0009background-color: #cacaca; } table.sidebar td.actions h3 { u0009margin: 0; u0009padding: 0; } table.sidebar td.actions h3 a { u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #ffffff; u0009text-decoration: none; u0009text-transform: none; } table.sidebar td.actions p { u0009font-family: Arial; u0009font-size: 13px; u0009font-weight: normal; u0009color: #7a7a7a; u0009margin: 0; u0009padding: 0; } table.sidebar td.end { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate16/sidebar-end-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; u0009background-color: #ededed; u0009height: 94px; } td.mainbar { u0009border-bottom: 8px solid #ed5d9a; } td.mainbar h2 { u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #ed5d9a; u0009margin: 0 0 10px 0; u0009padding: 10px 0 0 0; u0009border-top: 8px solid #ed5d9a; } td.mainbar p.date { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #333333; u0009text-align: right; u0009margin: 0 0 4px 0; u0009padding: 0; } td.mainbar p { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #666666; u0009margin: 0 0 12px 0; u0009padding: 0; } td.mainbar a { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009text-decoration: none; } td.mainbar p.top { u0009text-align: right; } td.mainbar p.top a { u0009font-family: Arial; u0009font-size: 10px; u0009font-weight: normal; u0009color: #ed5d9a; } td.footer { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #999999; u0009padding: 0 0 20px 0; } td.footer span { u0009color: #ed5d9a; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission" align="center"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" height="119" align="right" valign="bottom"> <img src="/fckeditor/templates/images/BusinessTemplate16/header.jpg" width="580" height="119" /> </td> </tr> </table> <table width="580" border="0" cellspacing="14" cellpadding="0"> <tr> <td align="left" valign="top"> <table width="208" border="0" cellspacing="0" cellpadding="0" class="sidebar"> <tr> <td height="45" class="sideheader"> <h3>In this issue</h3> </td> </tr> <tr> <td> <ul> <li><a href="#">Lorem ipsum dolor sit aer consectetuer adipiscing</a></li> <li><a href="#">Morbi commodo, ipsum sed pharetra gravida, orci</a></li> <li><a href="#">Rhoncus neque, id pulvinar</a></li> </ul> </td> </tr> <tr> <td height="45" class="midheader"> <h3>Other news</h3> </td> </tr> <tr> <td class="other"> <h4>Lorem ipsum dolor sit aer</h4> <p>Consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p> <h4>Aliquam facilisis misl in</h4> <p>Pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. fermentum bibendum enim nibh blandit sed, blandit.</p> <h4>Sed quis velit. Nulla facilisi</h4> <p>Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci.</p> </td> </tr> <tr> <td class="actions first"> <h3><unsubscribe>Unsubscribe</unsubscribe></h3> <p>Click to instantly unsubscribe from this mailing list.</p> </td> </tr> <tr> <td class="actions"> <h3><forwardtoafriend>Send to a friend</forwardtoafriend></h3> <p>Send this email to someone you think may be interested.</p> </td> </tr> <tr> <td class="end" height="94"> </td> </tr> </table> </td> <td align="left" valign="top" width="324" class="mainbar"> <p class="date">friday may 20th, 2008</p> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus <a href="#">condimentum lectus</a>, at dignissim nibh velit vitae sem. Nunc condimentum blandit tortorphasellus facilisis neque vitae purus.</p> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget <a href="#">urna aliquam</a> egestas. Nulla vitae felis. Maecenas bibendum, nunc eu aliquet ultricies, massa eget lectus. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <h2>Aliquam lectus orci, adipiscing</h2> <img src="/fckeditor/templates/images/BusinessTemplate16/main-content-inline.jpg" width="326" height="125" /> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <h2>Fermentum quam-donec imperde lorem ipsum dolar amet consect</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate16/main-content-inline-small.jpg" width="161" height="151" alt="Main Content Inline Small" align="right"> Cras purus. Nunc rhoncus.Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum. Donec iaculis Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortors condimentum. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> </td> </tr> </table> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer" align="center" valign="top">abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate16/screenshot.png", title: "Business Template 16" },
57	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009margin: 0; u0009padding: 0; } td.permission { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #151515; u0009text-align: center; u0009padding: 20px 0 10px 0; } td.permission a { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #151515; } td.header { u0009background-color: #888888; u0009height: 119px; } td.header h1 { u0009font-family: \'Arial Black\', Arial, sans-serif; u0009font-size: 28px; u0009font-weight: normal; u0009color: #ffffff; u0009line-height: 26px; u0009display: inline; } td.header h1 span { u0009color: #000000; } table.sidebar td { u0009background-color: #ededed; u0009padding: 0 8px 0 15px; } table.sidebar td.sideheader { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate17/sidebar-bg-header.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; } table.sidebar td.midheader { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate17/sidebar-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; } table.sidebar td.other { u0009padding: 8px 8px 0 15px; } table.sidebar h3 { u0009margin: 0; u0009padding: 0; u0009display: inline; u0009text-transform: uppercase; u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #242424; } table.sidebar h4 { u0009margin: 0 0 8px 0; u0009padding: 0; u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; } table.sidebar td ul { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009margin: 10px 0 0 24px; u0009padding: 0; } table.sidebar td ul li a { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009text-decoration: none; } table.sidebar p { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0 0 14px 0; u0009padding: 0; } table.sidebar td.actions { u0009background-color: #cacaca; u0009height: 76px; } table.sidebar td.first { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate17/sidebar-actions-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; u0009background-color: #cacaca; } table.sidebar td.actions h3 { u0009margin: 0; u0009padding: 0; } table.sidebar td.actions h3 a { u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #ffffff; u0009text-decoration: none; u0009text-transform: none; } table.sidebar td.actions p { u0009font-family: Arial; u0009font-size: 13px; u0009font-weight: normal; u0009color: #7a7a7a; u0009margin: 0; u0009padding: 0; } table.sidebar td.end { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate17/sidebar-end-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; u0009background-color: #ededed; u0009height: 94px; } td.mainbar { u0009border-bottom: 8px solid #ed5d9a; } td.mainbar h2 { u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #ed5d9a; u0009margin: 0 0 10px 0; u0009padding: 10px 0 0 0; u0009border-top: 8px solid #ed5d9a; } td.mainbar p.date { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #333333; u0009text-align: right; u0009margin: 0 0 4px 0; u0009padding: 0; } td.mainbar p { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #666666; u0009margin: 0 0 12px 0; u0009padding: 0; } td.mainbar a { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009text-decoration: none; } td.mainbar p.top { u0009text-align: right; } td.mainbar p.top a { u0009font-family: Arial; u0009font-size: 10px; u0009font-weight: normal; u0009color: #ed5d9a; } td.footer { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #999999; u0009padding: 0 0 20px 0; } td.footer span { u0009color: #ed5d9a; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission" align="center"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" height="119" align="right" valign="bottom"> <img src="/fckeditor/templates/images/BusinessTemplate17/header.jpg" width="580" height="119" /> </td> </tr> </table> <table width="580" border="0" cellspacing="14" cellpadding="0"> <tr> <td align="left" valign="top" width="324" class="mainbar"> <p class="date">friday may 20th, 2008</p> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus <a href="#">condimentum lectus</a>, at dignissim nibh velit vitae sem. Nunc condimentum blandit tortorphasellus facilisis neque vitae purus.</p> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget <a href="#">urna aliquam</a> egestas. Nulla vitae felis. Maecenas bibendum, nunc eu aliquet ultricies, massa eget lectus. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <h2>Aliquam lectus orci, adipiscing</h2> <img src="/fckeditor/templates/images/BusinessTemplate17/main-content-inline.jpg" width="326" height="125" /> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget urna aliquam. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <h2>Fermentum quam-donec imperde lorem ipsum dolar amet consect</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate17/main-content-inline-small.jpg" width="161" height="151" alt="Main Content Inline Small" align="right"> Cras purus. Nunc rhoncus.Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum. Donec iaculis Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortors condimentum. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> </td> <td align="left" valign="top"> <table width="208" border="0" cellspacing="0" cellpadding="0" class="sidebar"> <tr> <td height="45" class="sideheader"> <h3>In this issue</h3> </td> </tr> <tr> <td> <ul> <li><a href="#">Lorem ipsum dolor sit aer consectetuer adipiscing</a></li> <li><a href="#">Morbi commodo, ipsum sed pharetra gravida, orci</a></li> <li><a href="#">Rhoncus neque, id pulvinar</a></li> </ul> </td> </tr> <tr> <td height="45" class="midheader"> <h3>Other news</h3> </td> </tr> <tr> <td class="other"> <h4>Lorem ipsum dolor sit aer</h4> <p>Consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p> <h4>Aliquam facilisis misl in</h4> <p>Pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. fermentum bibendum enim nibh blandit sed, blandit.</p> <h4>Sed quis velit. Nulla facilisi</h4> <p>Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci.</p> </td> </tr> <tr> <td class="actions first"> <h3><unsubscribe>Unsubscribe</unsubscribe></h3> <p>Click to instantly unsubscribe from this mailing list.</p> </td> </tr> <tr> <td class="actions"> <h3><forwardtoafriend>Send to a friend</forwardtoafriend></h3> <p>Send this email to someone you think may be interested.</p> </td> </tr> <tr> <td class="end" height="94"> </td> </tr> </table> </td> </tr> </table> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer" align="center" valign="top">abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate17/screenshot.png", title: "Business Template 17" },
58	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009margin: 0; u0009padding: 0; } td.permission { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #151515; u0009text-align: center; u0009padding: 20px 0 10px 0; } td.permission a { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #151515; } td.header { u0009background-color: #888888; u0009height: 119px; } td.header h1 { u0009font-family: \'Arial Black\', Arial, sans-serif; u0009font-size: 28px; u0009font-weight: normal; u0009color: #ffffff; u0009line-height: 26px; u0009display: inline; } td.header h1 span { u0009color: #000000; } table.sidebar td { u0009background-color: #ededed; u0009padding: 0 8px 0 15px; } table.sidebar td.sideheader { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate18/sidebar-bg-header.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; } table.sidebar td.midheader { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate18/sidebar-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; } table.sidebar td.other { u0009padding: 8px 8px 0 15px; } table.sidebar h3 { u0009margin: 0; u0009padding: 0; u0009display: inline; u0009text-transform: uppercase; u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #242424; } table.sidebar h4 { u0009margin: 0 0 8px 0; u0009padding: 0; u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; } table.sidebar td ul { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009margin: 10px 0 0 24px; u0009padding: 0; } table.sidebar td ul li a { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009text-decoration: none; } table.sidebar p { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #313131; u0009margin: 0 0 14px 0; u0009padding: 0; } table.sidebar td.actions { u0009background-color: #cacaca; u0009height: 76px; } table.sidebar td.first { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate18/sidebar-actions-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; u0009background-color: #cacaca; } table.sidebar td.actions h3 { u0009margin: 0; u0009padding: 0; } table.sidebar td.actions h3 a { u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #ffffff; u0009text-decoration: none; u0009text-transform: none; } table.sidebar td.actions p { u0009font-family: Arial; u0009font-size: 13px; u0009font-weight: normal; u0009color: #7a7a7a; u0009margin: 0; u0009padding: 0; } table.sidebar td.end { u0009background-image: url(\'/fckeditor/templates/images/BusinessTemplate18/sidebar-end-bg.gif\'); u0009background-repeat: no-repeat; u0009background-position: top center; u0009background-color: #ededed; u0009height: 94px; } td.mainbar { u0009border-bottom: 8px solid #ed5d9a; } td.mainbar h2 { u0009font-family: Arial; u0009font-size: 20px; u0009font-weight: bold; u0009color: #ed5d9a; u0009margin: 0 0 10px 0; u0009padding: 10px 0 0 0; u0009border-top: 8px solid #ed5d9a; } td.mainbar p.date { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #333333; u0009text-align: right; u0009margin: 0 0 4px 0; u0009padding: 0; } td.mainbar p { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #666666; u0009margin: 0 0 12px 0; u0009padding: 0; } td.mainbar a { u0009font-family: \'Lucida Grande\', Arial, sans-serif; u0009font-size: 12px; u0009font-weight: normal; u0009color: #44a0df; u0009text-decoration: none; } td.mainbar p.top { u0009text-align: right; } td.mainbar p.top a { u0009font-family: Arial; u0009font-size: 10px; u0009font-weight: normal; u0009color: #ed5d9a; } td.footer { u0009font-family: Arial; u0009font-size: 11px; u0009font-weight: normal; u0009color: #999999; u0009padding: 0 0 20px 0; } td.footer span { u0009color: #ed5d9a; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission" align="center"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" height="119" align="right" valign="bottom"> <img src="/fckeditor/templates/images/BusinessTemplate18/header.jpg" width="580" height="119" /> </td> </tr> </table> <table width="580" border="0" cellspacing="14" cellpadding="0"> <tr> <td align="left" valign="top" width="100%" class="mainbar"> <p class="date">friday may 20th, 2008</p> <h2>Lorem ipsum dolor sit amet conse ct etuer adipiscing elit</h2> <p>Donec imperdiet, nibh sit amet pharetra placerat, tortor purus <a href="#">condimentum lectus</a>, at dignissim nibh velit vitae sem. Nunc condimentum blandit tortorphasellus facilisis neque vitae purus.</p> <p>Aliquam facilisis nisl in nisi. Ut ultricies massa eget est. Donec eget orci eget <a href="#">urna aliquam</a> egestas. Nulla vitae felis. Maecenas bibendum, nunc eu aliquet ultricies, massa eget lectus. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> <h2>Fermentum quam-donec imperde lorem ipsum dolar amet consect</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate18/main-content-inline-small.jpg" width="161" height="151" alt="Main Content Inline Small" align="right" hspace="10" vspace="10"> Cras purus. Nunc rhoncus.Pellentesque semper. Donec imperdiet accumsan felis. Proin eget mi. Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum. Donec iaculis Sed at est. Nunc a purus eu sapienâ€“lacinia fermentum quam. Donec imperdiet, nibh sit amet pharetra placerat, tortors condimentum. <a href="#">Read More</a></p> <p class="top"><a href="#top">Back to top</a></p> </td> </tr> </table> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer" align="center" valign="top">abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate18/screenshot.png", title: "Business Template 18" },
59	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009margin: 0; u0009padding: 0; } a { u0009color: #cc0000; } td.permission { u0009font-family: Georgia, serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009padding: 20px 0 10px 0; } td.permission a { u0009font-family: Georgia, serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #000000; } td.header { u0009height: 75px; u0009border-top: 1px dotted #d5d5d5; u0009border-bottom: 1px dotted #d5d5d5; } td.header h1 { u0009font-family: Georgia; u0009font-size: 44px; u0009font-weight: bold; u0009color: #000000; u0009display: inline; } table.sidebar td { u0009border-bottom: 1px dotted #d5d5d5; u0009padding: 20px 0 20px 0; } h4.meta { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #999999; u0009margin: 0; u0009padding: 0; u0009text-transform: uppercase; } table.sidebar ul { u0009margin: 0 0 0 24px; u0009padding: 0; } table.sidebar ul li a { u0009font-family: Arial; u0009font-size: 12px; u0009font-weight: normal; u0009color: #cc0000; } table.sidebar h3 { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009margin: 0 0 10px 0; u0009padding: 0; } table.sidebar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #000000; u0009margin: 0 0 12px 0; u0009padding: 0; } table.sidebar p.miniheader { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: bold; u0009color: #000000; u0009margin: 0 0 4px 0; u0009padding: 0; } td.mainbar h2 { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009margin: 20px 0 8px 0; u0009padding: 0; } td.mainbar h2 a { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009text-decoration: none; } td.mainbar p { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 20px 0; u0009padding: 0; } td.mainbar p.top { u0009padding: 0 0 6px 0; u0009border-bottom: 1px dotted #d5d5d5; } td.mainbar p.top a { u0009font-family: Georgia; u0009font-size: 10px; u0009font-weight: normal; u0009color: #cc0000; } td.mainbar ul { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #333333; } td.footer { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009padding: 10px 0 10px 0; } td.footer span { u0009font-weight: bold; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" height="77"> <img src="/fckeditor/templates/images/BusinessTemplate19/header.gif" width="580" height="77" alt="ABC Widgets" /> </td> </tr> <tr> <td> <table width="580" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="192" align="left" valign="top"> <h4 class="meta">In this issue</h4> <table width="192" border="0" cellspacing="0" cellpadding="0" class="sidebar"> <tr> <td> <ul> <li><a href="#">Donec placerat .Nullam nibh dolar landit</a></li> <li><a href="#">Maecanas asipiscing mollis massa</a></li> <li><a href="#">Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. Vestibulum</a></li> <li><a href="#">Phasellus aliquam enim et tortor</a></li> </ul> </td> </tr> <tr> <td> <h3>Also this month</h3> <p class="miniheader">Pellentesque vel dui sed orci</p> <p>faucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum.</p> <p class="miniheader">Nulla congue. Vivamus sit</p> <p>lorem posuere dui vulputate ornare.Phasellus mattis sollicitudin ligula. Duis dignissim felis et urna. tesque eget lectus. <a href="#">Read More Â»</a></p> </td> </tr> <tr> <td> <h3>Forward to a friend</h3> <p><img src="/fckeditor/templates/images/BusinessTemplate19/forward.gif" width="66" height="83" alt="Forward" align="left"> Know someone who might be interested in the email? Why not <forwardtoafriend>forward this email to a friend</forwardtoafriend>.</p> </td> </tr> <tr> <td> <h3>Unsubscribe</h3> <p><img src="/fckeditor/templates/images/BusinessTemplate19/unsubscribe.gif" width="66" height="59" alt="Unsubscribe" align="left"> If you no longer wish to receive this email <unsubscribe>please unsubscribe</unsubscribe>.</p> </td> </tr> </table> </td> <td width="316" align="left" valign="top" class="mainbar"> <h4 class="meta">Monday 28th, April 2008</h4> <h2>Donec placerat. Nullam nibh dolor landit</h2> <p>Blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium phasellus massa. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Phasellus aliquam enim et tortor</h2> <img src="/fckeditor/templates/images/BusinessTemplate19/main-content-inline.jpg" width="328" height="150" alt="Main Content Inline"> <p>Cras eu mauris. Quisque lacus-tristique sit amet, molestie dignissim, malesuada et, urna. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. Vestibulum</h2> <ul> <li>Vivamus auctor leo vel dui aliquam erat volutpat</li> <li>Phasellus nibh vestibulum ante</li> <li>Faucibus orci luctus et ultrices posuere</li> </ul> <p>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Maecenas adipiscing mollis massa</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate19/main-content-inline-small.jpg" width="72" height="72" alt="Main Content Inline Small" align="left" hspace="10"> Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Phasellus aliquam enim et tortor</h2> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravida et, hendrerit ac, cursus non, massa. Aliquam lorem. In hac habitasse platea dictumst. Cras eu mauris. Quisque lacusâ€”tristique sit amet, molestie dignissim, malesuada et, urna. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" class="footer"> abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745 </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate19/screenshot.png", title: "Business Template 19" },
60	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009margin: 0; u0009padding: 0; } a { u0009color: #cc0000; } td.permission { u0009font-family: Georgia, serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009padding: 20px 0 10px 0; } td.permission a { u0009font-family: Georgia, serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #000000; } td.header { u0009height: 75px; u0009border-top: 1px dotted #d5d5d5; u0009border-bottom: 1px dotted #d5d5d5; } td.header h1 { u0009font-family: Georgia; u0009font-size: 44px; u0009font-weight: bold; u0009color: #000000; u0009display: inline; } table.sidebar td { u0009border-bottom: 1px dotted #d5d5d5; u0009padding: 20px 0 20px 0; } h4.meta { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #999999; u0009margin: 0; u0009padding: 0; u0009text-transform: uppercase; } table.sidebar ul { u0009margin: 0 0 0 24px; u0009padding: 0; } table.sidebar ul li a { u0009font-family: Arial; u0009font-size: 12px; u0009font-weight: normal; u0009color: #cc0000; } table.sidebar h3 { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009margin: 0 0 10px 0; u0009padding: 0; } table.sidebar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #000000; u0009margin: 0 0 12px 0; u0009padding: 0; } table.sidebar p.miniheader { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: bold; u0009color: #000000; u0009margin: 0 0 4px 0; u0009padding: 0; } td.mainbar h2 { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009margin: 20px 0 8px 0; u0009padding: 0; } td.mainbar h2 a { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009text-decoration: none; } td.mainbar p { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 20px 0; u0009padding: 0; } td.mainbar p.top { u0009padding: 0 0 6px 0; u0009border-bottom: 1px dotted #d5d5d5; } td.mainbar p.top a { u0009font-family: Georgia; u0009font-size: 10px; u0009font-weight: normal; u0009color: #cc0000; } td.mainbar ul { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #333333; } td.footer { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009padding: 10px 0 10px 0; } td.footer span { u0009font-weight: bold; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" height="77"> <img src="/fckeditor/templates/images/BusinessTemplate20/header.gif" width="580" height="77" alt="ABC Widgets" /> </td> </tr> <tr> <td> <table width="580" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="316" align="left" valign="top" class="mainbar"> <h4 class="meta">Monday 28th, April 2008</h4> <h2>Donec placerat. Nullam nibh dolor landit</h2> <p>Blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium phasellus massa. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Phasellus aliquam enim et tortor</h2> <img src="/fckeditor/templates/images/BusinessTemplate20/main-content-inline.jpg" width="328" height="150" alt="Main Content Inline"> <p>Cras eu mauris. Quisque lacus-tristique sit amet, molestie dignissim, malesuada et, urna. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. Vestibulum</h2> <ul> <li>Vivamus auctor leo vel dui aliquam erat volutpat</li> <li>Phasellus nibh vestibulum ante</li> <li>Faucibus orci luctus et ultrices posuere</li> </ul> <p>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Maecenas adipiscing mollis massa</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate20/main-content-inline-small.jpg" width="72" height="72" alt="Main Content Inline Small" align="left" hspace="10"> Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Phasellus aliquam enim et tortor</h2> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravida et, hendrerit ac, cursus non, massa. Aliquam lorem. In hac habitasse platea dictumst. Cras eu mauris. Quisque lacusâ€”tristique sit amet, molestie dignissim, malesuada et, urna. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> </td> <td width="192" align="left" valign="top"> <h4 class="meta">In this issue</h4> <table width="192" border="0" cellspacing="0" cellpadding="0" class="sidebar"> <tr> <td> <ul> <li><a href="#">Donec placerat .Nullam nibh dolar landit</a></li> <li><a href="#">Maecanas asipiscing mollis massa</a></li> <li><a href="#">Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. Vestibulum</a></li> <li><a href="#">Phasellus aliquam enim et tortor</a></li> </ul> </td> </tr> <tr> <td> <h3>Also this month</h3> <p class="miniheader">Pellentesque vel dui sed orci</p> <p>faucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum.</p> <p class="miniheader">Nulla congue. Vivamus sit</p> <p>lorem posuere dui vulputate ornare.Phasellus mattis sollicitudin ligula. Duis dignissim felis et urna. tesque eget lectus. <a href="#">Read More Â»</a></p> </td> </tr> <tr> <td> <h3>Forward to a friend</h3> <p><img src="/fckeditor/templates/images/BusinessTemplate20/forward.gif" width="66" height="83" alt="Forward" align="left"> Know someone who might be interested in the email? Why not <forwardtoafriend>forward this email to a friend</forwardtoafriend>.</p> </td> </tr> <tr> <td> <h3>Unsubscribe</h3> <p><img src="/fckeditor/templates/images/BusinessTemplate20/unsubscribe.gif" width="66" height="59" alt="Unsubscribe" align="left"> If you no longer wish to receive this email <unsubscribe>please unsubscribe</unsubscribe>.</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" class="footer"> abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745 </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate20/screenshot.png", title: "Business Template 20" },
61	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { u0009margin: 0; u0009padding: 0; } a { u0009color: #cc0000; } td.permission { u0009font-family: Georgia, serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009padding: 20px 0 10px 0; } td.permission a { u0009font-family: Georgia, serif; u0009font-size: 11px; u0009font-weight: normal; u0009color: #000000; } td.header { u0009height: 75px; u0009border-top: 1px dotted #d5d5d5; u0009border-bottom: 1px dotted #d5d5d5; } td.header h1 { u0009font-family: Georgia; u0009font-size: 44px; u0009font-weight: bold; u0009color: #000000; u0009display: inline; } table.sidebar td { u0009border-bottom: 1px dotted #d5d5d5; u0009padding: 20px 0 20px 0; } h4.meta { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #999999; u0009margin: 0; u0009padding: 0; u0009text-transform: uppercase; } table.sidebar ul { u0009margin: 0 0 0 24px; u0009padding: 0; } table.sidebar ul li a { u0009font-family: Arial; u0009font-size: 12px; u0009font-weight: normal; u0009color: #cc0000; } table.sidebar h3 { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009margin: 0 0 10px 0; u0009padding: 0; } table.sidebar p { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: normal; u0009color: #000000; u0009margin: 0 0 12px 0; u0009padding: 0; } table.sidebar p.miniheader { u0009font-family: Georgia; u0009font-size: 12px; u0009font-weight: bold; u0009color: #000000; u0009margin: 0 0 4px 0; u0009padding: 0; } td.mainbar h2 { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009margin: 20px 0 8px 0; u0009padding: 0; } td.mainbar h2 a { u0009font-family: Georgia; u0009font-size: 18px; u0009font-weight: normal; u0009color: #000000; u0009text-decoration: none; } td.mainbar p { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #333333; u0009margin: 0 0 20px 0; u0009padding: 0; } td.mainbar p.top { u0009padding: 0 0 6px 0; u0009border-bottom: 1px dotted #d5d5d5; } td.mainbar p.top a { u0009font-family: Georgia; u0009font-size: 10px; u0009font-weight: normal; u0009color: #cc0000; } td.mainbar ul { u0009font-family: Georgia; u0009font-size: 13px; u0009font-weight: normal; u0009color: #333333; } td.footer { u0009font-family: Georgia; u0009font-size: 11px; u0009font-weight: normal; u0009color: #333333; u0009padding: 10px 0 10px 0; } td.footer span { u0009font-weight: bold; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" height="77"> <img src="/fckeditor/templates/images/BusinessTemplate21/header.gif" width="580" height="77" alt="ABC Widgets" /> </td> </tr> <tr> <td> <table width="580" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="580" align="left" valign="top" class="mainbar"> <h4 class="meta">Monday 28th, April 2008</h4> <h2>Donec placerat. Nullam nibh dolor landit</h2> <p>Blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium phasellus massa. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Maecenas adipiscing mollis massa</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate21/main-content-inline-small.jpg" width="72" height="72" alt="Main Content Inline Small" align="left" hspace="10"> Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> <h2>Phasellus aliquam enim et tortor</h2> <p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravida et, hendrerit ac, cursus non, massa. Aliquam lorem. In hac habitasse platea dictumst. Cras eu mauris. Quisque lacusâ€”tristique sit amet, molestie dignissim, malesuada et, urna. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a></p> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" class="footer"> <p><forwardtoafriend>Forward this email</forwardtoafriend> to a friend. Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>.</p> abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745 </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate21/screenshot.png", title: "Business Template 21" },
62	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body { margin: 0; padding: 0; background-image: url(\'/fckeditor/templates/images/BusinessTemplate22/bg.jpg\'); background-repeat: repeat-y repeat-x; background-position: top center; background-color: #d9c092; } div.body { margin: 0; padding: 0; background-image: url(\'/fckeditor/templates/images/BusinessTemplate22/bg.jpg\'); background-repeat: repeat-y repeat-x; background-position: top center; background-color: #d9c092; } td.permission { padding: 14px 0 14px 0; } td.permission p { margin: 0; padding: 0; font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; } td.permission a { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #000000; } td.header h1 { font-family: \'Monotype Corsiva\', serif; font-size: 32px; font-weight: normal; color: #ffffff; margin: 0; padding: 0; } td.sidebar h3 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 16px; font-weight: bold; color: #9e7b35; text-transform: uppercase; margin: 14px 0 6px 0; padding: 0; } td.sidebar ul { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.sidebar ul a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a34f53; text-decoration: none; } td.sidebar h4 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333333; margin: 0; padding: 0; } td.sidebar p { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin: 0 0 14px 0; padding: 0; } td.sidebar p a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #a34f53; } td.sidebar h3.options { font-family: \'Lucida Grande\', sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; text-align: center; margin: 0 0 8px 0; padding: 0; } td.sidebar p.options { text-align: center; } td.mainbar h3 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #a34f53; text-transform: uppercase; margin: 14px 0 10px 0; padding: 0; } td.mainbar table.heading td { padding: 14px 0 0 0; } td.mainbar h2 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 22px; font-weight: bold; color: #000000; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; } td.mainbar h2 a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 22px; font-weight: bold; color: #000000; text-decoration: none; } td.mainbar p { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 10px 0; padding: 0; } td.mainbar a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a34f53; } td.mainbar p.top { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #333333; margin: 0; padding: 0; text-align: right; } td.mainbar p.top a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #a34f53; } td.mainbar ul { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.mainbar img.hr { border: none; } td.mainbar img.inline { border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 4px 10px 14px 0; padding: 2px 0 2px 0; } td.footer p { padding: 0 0 30px 0; font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header"> <table width="600" height="119" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" align="right"> <img src="/fckeditor/templates/images/BusinessTemplate22/header.gif" width="600" height="119" alt="ABC Widgets"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="190" align="left" class="sidebar" valign="top"> <h3>Contents</h3> <ul> <li><a href="#">Donec placerat. Nullam nibh dolor</a></li> <li><a href="#">Ehasellus aliquam enim et tortor</a></li> <li><a href="#">Vivamus auctor</a></li> <li><a href="#">Eleifend sit amet, gravida eget, porta</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate22/side-divider.gif" width="188" height="11" alt="Side Divider"> <h3>In other news</h3> <h4>Pellentesque vel dui sed</h4> <p>faucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum. Nulla congue. Vivamus sit amet lorem posuere dui vulputate ornare... <a href="#">Read More Â»</a></p> <h4>Duis dignissim felis</h4> <p>Integer adipiscing congue metus. Nam pede. Etiam non wisi. Sed accumsan dolor ac augue. Pellentesque eget lectus. Aliquam nec dolor nec tellus ornare venenatis. Nullam blandit. <a href="#">Read More Â»</a></p> <h4>Curabitur quis ipsum</h4> <p>Mauris nisl tellus, aliquet eu, suscipit eu, ullamcorper quis, magna. Mauris elementum, pede at sodales vestibulum, nulla tortor congue massa, quis pellentesque odio dui id est. <a href="#">Read More Â»</a></p> <img src="/fckeditor/templates/images/BusinessTemplate22/side-divider.gif" width="188" height="11" alt="Side Divider"> <img src="/fckeditor/templates/images/BusinessTemplate22/forward.gif" width="188" height="68" alt="Forward"> <h3 class="options">Forward to a friend</h3> <p class="options">Know someone who might be interested in this email? Why not <forwardtoafriend>forward it to a friend?</forwardtoafriend></p> <img src="/fckeditor/templates/images/BusinessTemplate22/unsubscribe.gif" width="187" height="73" alt="Unsubscribe"> <h3 class="options">Unsubscribe</h3> <p class="options">If you no longer wish to receive this email <unsubscribe>please unsubscribe</unsubscribe>.</p> </td> <td width="330" align="left" class="mainbar" valign="top"> <h3>Monday May 28, 2008</h3> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate22/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Donec placerat.<br>Nullam nibh dolor</h2> </td> </tr> </table> <p>Blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium phasellus massa. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate22/hr.gif" width="354" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate22/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Ehasellus aliquam enim et tortor</h2> </td> </tr> </table> <p>Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium.</p> <img class="inline" src="/fckeditor/templates/images/BusinessTemplate22/main-content-inline.jpg" width="340" height="130" alt="Main Content Inline"> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate22/hr.gif" width="354" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate22/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Vivamus auctor</h2> </td> </tr> </table> <ul> <li>Vivamus auctor leo vel dui aliquam erat volutpat.</li> <li>Phasellus nibh vestibulum ante</li> <li>faucibus orci luctus et ultrices posuere</li> </ul> <p>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate22/hr.gif" width="354" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate22/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Eleifend sit amet, gravida eget, porta</h2> </td> </tr> </table> <br /> <p><img class="inline" src="main-content-inline-small.jpg" width="165" height="165" alt="Main Content Inline Small" align="left" hspace="8"> Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo. Praesent eu elit. Ut eu ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas elementum augue nec nisl. Proin auctor lorem at nibh. Curabitur nulla purus, feugiat id, elementum in, lobortis quis, pede. Vivamus sodales adipiscing sapien. Vestibulum posuere nulla eget wisi. Integer volutpat ligula. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate22/hr.gif" width="354" height="35" alt="Hr" class="hr"> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="footer"> <img src="/fckeditor/templates/images/BusinessTemplate22/footer-hr.gif" width="584" height="14" alt="Footer Hr"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate22/screenshot.png", title: "Business Template 22" },
63	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body { margin: 0; padding: 0; background-image: url(\'/fckeditor/templates/images/BusinessTemplate23/bg.jpg\'); background-repeat: repeat-y repeat-x; background-position: top center; background-color: #d9c092; } div.body { margin: 0; padding: 0; background-image: url(\'/fckeditor/templates/images/BusinessTemplate23/bg.jpg\'); background-repeat: repeat-y repeat-x; background-position: top center; background-color: #d9c092; } td.permission { padding: 14px 0 14px 0; } td.permission p { margin: 0; padding: 0; font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; } td.permission a { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #000000; } td.header h1 { font-family: \'Monotype Corsiva\', serif; font-size: 32px; font-weight: normal; color: #ffffff; margin: 0; padding: 0; } td.sidebar h3 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 16px; font-weight: bold; color: #9e7b35; text-transform: uppercase; margin: 14px 0 6px 0; padding: 0; } td.sidebar ul { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.sidebar ul a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a34f53; text-decoration: none; } td.sidebar h4 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333333; margin: 0; padding: 0; } td.sidebar p { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin: 0 0 14px 0; padding: 0; } td.sidebar p a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #a34f53; } td.sidebar h3.options { font-family: \'Lucida Grande\', sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; text-align: center; margin: 0 0 8px 0; padding: 0; } td.sidebar p.options { text-align: center; } td.mainbar h3 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #a34f53; text-transform: uppercase; margin: 14px 0 10px 0; padding: 0; } td.mainbar table.heading td { padding: 14px 0 0 0; } td.mainbar h2 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 22px; font-weight: bold; color: #000000; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; } td.mainbar h2 a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 22px; font-weight: bold; color: #000000; text-decoration: none; } td.mainbar p { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 10px 0; padding: 0; } td.mainbar a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a34f53; } td.mainbar p.top { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #333333; margin: 0; padding: 0; text-align: right; } td.mainbar p.top a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #a34f53; } td.mainbar ul { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.mainbar img.hr { border: none; } td.mainbar img.inline { border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 4px 10px 14px 0; padding: 2px 0 2px 0; } td.footer p { padding: 0 0 30px 0; font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header"> <table width="600" height="119" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" align="right"> <img src="/fckeditor/templates/images/BusinessTemplate23/header.gif" width="600" height="119" alt="ABC Widgets"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="330" align="left" class="mainbar" valign="top"> <h3>Monday May 28, 2008</h3> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate23/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Donec placerat.<br>Nullam nibh dolor</h2> </td> </tr> </table> <p>Blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium phasellus massa. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate23/hr.gif" width="354" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate23/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Ehasellus aliquam enim et tortor</h2> </td> </tr> </table> <p>Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium.</p> <img class="inline" src="/fckeditor/templates/images/BusinessTemplate23/main-content-inline.jpg" width="340" height="130" alt="Main Content Inline"> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate23/hr.gif" width="354" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate23/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Vivamus auctor</h2> </td> </tr> </table> <ul> <li>Vivamus auctor leo vel dui aliquam erat volutpat.</li> <li>Phasellus nibh vestibulum ante</li> <li>faucibus orci luctus et ultrices posuere</li> </ul> <p>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate23/hr.gif" width="354" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate23/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Eleifend sit amet, gravida eget, porta</h2> </td> </tr> </table> <br /> <p><img class="inline" src="main-content-inline-small.jpg" width="165" height="165" alt="Main Content Inline Small" align="left" hspace="8"> Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo. Praesent eu elit. Ut eu ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas elementum augue nec nisl. Proin auctor lorem at nibh. Curabitur nulla purus, feugiat id, elementum in, lobortis quis, pede. Vivamus sodales adipiscing sapien. Vestibulum posuere nulla eget wisi. Integer volutpat ligula. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate23/hr.gif" width="354" height="35" alt="Hr" class="hr"> </td> <td width="190" align="left" class="sidebar" valign="top"> <h3>Contents</h3> <ul> <li><a href="#">Donec placerat. Nullam nibh dolor</a></li> <li><a href="#">Ehasellus aliquam enim et tortor</a></li> <li><a href="#">Vivamus auctor</a></li> <li><a href="#">Eleifend sit amet, gravida eget, porta</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate23/side-divider.gif" width="188" height="11" alt="Side Divider"> <h3>In other news</h3> <h4>Pellentesque vel dui sed</h4> <p>faucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum. Nulla congue. Vivamus sit amet lorem posuere dui vulputate ornare... <a href="#">Read More Â»</a></p> <h4>Duis dignissim felis</h4> <p>Integer adipiscing congue metus. Nam pede. Etiam non wisi. Sed accumsan dolor ac augue. Pellentesque eget lectus. Aliquam nec dolor nec tellus ornare venenatis. Nullam blandit. <a href="#">Read More Â»</a></p> <h4>Curabitur quis ipsum</h4> <p>Mauris nisl tellus, aliquet eu, suscipit eu, ullamcorper quis, magna. Mauris elementum, pede at sodales vestibulum, nulla tortor congue massa, quis pellentesque odio dui id est. <a href="#">Read More Â»</a></p> <img src="/fckeditor/templates/images/BusinessTemplate23/side-divider.gif" width="188" height="11" alt="Side Divider"> <img src="/fckeditor/templates/images/BusinessTemplate23/forward.gif" width="188" height="68" alt="Forward"> <h3 class="options">Forward to a friend</h3> <p class="options">Know someone who might be interested in this email? Why not <forwardtoafriend>forward it to a friend?</forwardtoafriend></p> <img src="/fckeditor/templates/images/BusinessTemplate23/unsubscribe.gif" width="187" height="73" alt="Unsubscribe"> <h3 class="options">Unsubscribe</h3> <p class="options">If you no longer wish to receive this email <unsubscribe>please unsubscribe</unsubscribe>.</p> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="footer"> <img src="/fckeditor/templates/images/BusinessTemplate23/footer-hr.gif" width="584" height="14" alt="Footer Hr"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate23/screenshot.png", title: "Business Template 23" },
64	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body { margin: 0; padding: 0; background-image: url(\'/fckeditor/templates/images/BusinessTemplate24/bg.jpg\'); background-repeat: repeat-y repeat-x; background-position: top center; background-color: #d9c092; } div.body { margin: 0; padding: 0; background-image: url(\'/fckeditor/templates/images/BusinessTemplate24/bg.jpg\'); background-repeat: repeat-y repeat-x; background-position: top center; background-color: #d9c092; } td.permission { padding: 14px 0 14px 0; } td.permission p { margin: 0; padding: 0; font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; } td.permission a { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #000000; } td.header h1 { font-family: \'Monotype Corsiva\', serif; font-size: 32px; font-weight: normal; color: #ffffff; margin: 0; padding: 0; } td.sidebar h3 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 16px; font-weight: bold; color: #9e7b35; text-transform: uppercase; margin: 14px 0 6px 0; padding: 0; } td.sidebar ul { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.sidebar ul a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a34f53; text-decoration: none; } td.sidebar h4 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333333; margin: 0; padding: 0; } td.sidebar p { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin: 0 0 14px 0; padding: 0; } td.sidebar p a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #a34f53; } td.sidebar h3.options { font-family: \'Lucida Grande\', sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; text-align: center; margin: 0 0 8px 0; padding: 0; } td.sidebar p.options { text-align: center; } td.mainbar h3 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #a34f53; text-transform: uppercase; margin: 14px 0 10px 0; padding: 0; } td.mainbar table.heading td { padding: 14px 0 0 0; } td.mainbar h2 { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 22px; font-weight: bold; color: #000000; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; } td.mainbar h2 a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 22px; font-weight: bold; color: #000000; text-decoration: none; } td.mainbar p { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 10px 0; padding: 0; } td.mainbar a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a34f53; } td.mainbar p.top { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #333333; margin: 0; padding: 0; text-align: right; } td.mainbar p.top a { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 10px; font-weight: normal; color: #a34f53; } td.mainbar ul { font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 14px 24px; padding: 0; } td.mainbar img.hr { border: none; } td.mainbar img.inline { border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 4px 10px 14px 0; padding: 2px 0 2px 0; } td.footer p { padding: 0 0 30px 0; font-family: \'Lucida Grande\', Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header"> <table width="600" height="119" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" align="right"> <img src="/fckeditor/templates/images/BusinessTemplate24/header.gif" width="600" height="119" alt="ABC Widgets"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="20" cellpadding="0"> <tr> <td width="559" align="left" class="mainbar" valign="top"> <h3>Monday May 28, 2008</h3> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate24/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Donec placerat.<br>Nullam nibh dolor</h2> </td> </tr> </table> <p>Blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium phasellus massa. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate24/hr-big.gif" width="559" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate24/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Vivamus auctor</h2> </td> </tr> </table> <ul> <li>Vivamus auctor leo vel dui aliquam erat volutpat.</li> <li>Phasellus nibh vestibulum ante</li> <li>faucibus orci luctus et ultrices posuere</li> </ul> <p>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate24/hr-big.gif" width="559" height="35" alt="Hr" class="hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="heading"> <tr> <td valign="top" width="44"><img src="/fckeditor/templates/images/BusinessTemplate24/h2-side.gif" width="44" height="26" alt="H2 Side"></td> <td valign="top"> <h2>Eleifend sit amet, gravida eget, porta</h2> </td> </tr> </table> <br /> <p><img class="inline" src="/fckeditor/templates/images/BusinessTemplate23/main-content-inline-small.jpg" width="165" height="165" alt="Main Content Inline Small" align="right" hspace="8"> Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo. Praesent eu elit. Ut eu ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas elementum augue nec nisl. Proin auctor lorem at nibh. Curabitur nulla purus, feugiat id, elementum in, lobortis quis, pede. Vivamus sodales adipiscing sapien. Vestibulum posuere nulla eget wisi. Integer volutpat ligula. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top ^</a></p> <img src="/fckeditor/templates/images/BusinessTemplate24/hr-big.gif" width="559" height="35" alt="Hr" class="hr"> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="footer"> <img src="/fckeditor/templates/images/BusinessTemplate24/footer-hr.gif" width="584" height="14" alt="Footer Hr"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate24/screenshot.png", title: "Business Template 24" },
65	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 0; padding: 0; background-color: #d7cfb8; } a { font-family: Arial; font-size: 13px; font-weight: normal; color: #ce0316; } p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } h3 { font-family: Arial; font-size: 16px; font-weight: normal; color: #1a1a1a; text-transform: uppercase; margin: 0; padding: 0; } table.back { background-color: #faf4dd; } table.main { background-color: #f4eed8; } td.permission a { font-family: Arial; font-size: 11px; font-weight: normal; } td.header h1 { font-family: \'Times New Roman\'; font-size: 38px; font-weight: bold; color: #ce0316; text-transform: uppercase; display: inline; } td.sidebar ul { margin: 0 0 0 24px; padding: 0; } td.sidebar ul a { text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar h2 { font-family: Arial; font-size: 22px; font-weight: normal; color: #000000; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Arial; font-size: 22px; font-weight: normal; color: #000000; text-decoration: none; } td.mainbar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar p.top a { font-size: 10px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="back"> <tr> <td align="center"> <table width="580" border="0" cellspacing="10" cellpadding="0" class="main"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left"> <table width="100%" height="90" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate25/header.gif" width="550" height="77" alt="ABC Widgets"></td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebar" align="left" width="192" valign="top"> <h3>In this issue</h3> <img src="/fckeditor/templates/images/BusinessTemplate25/small-hr.gif" width="192" height="29" alt="Small Hr"> <ul> <li><a href="#">Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit</a></li> <li><a href="#">Fusce volutpat. Etiam sodales ante id nunc</a></li> <li><a href="#">Proin ornare dignissim lacus. Nunc porttitor nunc a sem</a></li> <li><a href="#">Sed sollicitudin velit eu magna</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate25/small-hr.gif" width="192" height="29" alt="Small Hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33"><img src="/fckeditor/templates/images/BusinessTemplate25/forward.gif" width="33" height="21" alt="Forward"></td> <td><h3>Fwd to a friend</h3></td> </tr> </table> <p>Think you know someone that will enjoy this email? Why not <forwardtoafriend>send it to a friend?</forwardtoafriend></p> <img src="/fckeditor/templates/images/BusinessTemplate25/small-hr.gif" width="192" height="29" alt="Small Hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33"><img src="/fckeditor/templates/images/BusinessTemplate25/unsubscribe.gif" width="33" height="24" alt="Unsubscribe"></td> <td><h3>Unsubscribe</h3></td> </tr> </table> <p>If you no longer wish to receive this mail <unsubscribe>please unsubscribe</unsubscribe>.</p> <img src="/fckeditor/templates/images/BusinessTemplate25/small-hr.gif" width="192" height="29" alt="Small Hr"> </td> <td width="30"> </td> <td width="330" class="mainbar" align="left" valign="top"> <h3>Friday 23rd May 2008</h3> <img src="/fckeditor/templates/images/BusinessTemplate25/hr.gif" width="330" height="29" alt="Small Hr"> <h2>Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo.</h2> <p>Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit. Donec in augue. Fusce orci wisi, ornare id, mollis vel, lacinia vel, massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <a href="#">Read More</a></p> <p class="top"><a href="#">back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate25/hr.gif" width="330" height="29" alt="Small Hr"> <h2>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus</h2> <img src="/fckeditor/templates/images/BusinessTemplate25/main-content-inline.jpg" width="330" height="164" alt="Main Content Inline" vspace="10"> <p>Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. <a href="#">Read More</a></p> <img src="/fckeditor/templates/images/BusinessTemplate25/hr.gif" width="330" height="29" alt="Small Hr"> <h2>Suspendisse vestibulum asellus</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate25/main-content-inline-small.jpg" width="164" height="164" alt="Main Content Inline Small" align="left" hspace="10"> Donec placerat. Nullam nibh dolor, blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus lacus vitae ipsum viverra pretium. Phasellus massa. Fusce magna sem, gravida in, feugiat ac, molestie eget, wisi. Fusce consectetuer luctus ipsum. <a href="#">Read More</a></p> <p class="top"><a href="#">back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate25/hr.gif" width="330" height="29" alt="Small Hr"> </td> </tr> </table> </td> </tr> <tr> <td height="80" class="footer" align="center"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate25/screenshot.png", title: "Business Template 25" },
66	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 0; padding: 0; background-color: #d7cfb8; } a { font-family: Arial; font-size: 13px; font-weight: normal; color: #ce0316; } p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } h3 { font-family: Arial; font-size: 16px; font-weight: normal; color: #1a1a1a; text-transform: uppercase; margin: 0; padding: 0; } table.back { background-color: #faf4dd; } table.main { background-color: #f4eed8; } td.permission a { font-family: Arial; font-size: 11px; font-weight: normal; } td.header h1 { font-family: \'Times New Roman\'; font-size: 38px; font-weight: bold; color: #ce0316; text-transform: uppercase; display: inline; } td.sidebar ul { margin: 0 0 0 24px; padding: 0; } td.sidebar ul a { text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar h2 { font-family: Arial; font-size: 22px; font-weight: normal; color: #000000; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Arial; font-size: 22px; font-weight: normal; color: #000000; text-decoration: none; } td.mainbar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar p.top a { font-size: 10px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="back"> <tr> <td align="center"> <table width="580" border="0" cellspacing="10" cellpadding="0" class="main"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left"> <table width="100%" height="90" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate26/header.gif" width="550" height="77" alt="ABC Widgets"></td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="330" class="mainbar" align="left" valign="top"> <h3>Friday 23rd May 2008</h3> <img src="/fckeditor/templates/images/BusinessTemplate26/hr.gif" width="330" height="29" alt="Small Hr"> <h2>Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo.</h2> <p>Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit. Donec in augue. Fusce orci wisi, ornare id, mollis vel, lacinia vel, massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <a href="#">Read More</a></p> <p class="top"><a href="#">back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate26/hr.gif" width="330" height="29" alt="Small Hr"> <h2>Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus</h2> <img src="/fckeditor/templates/images/BusinessTemplate26/main-content-inline.jpg" width="330" height="164" alt="Main Content Inline" vspace="10"> <p>Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. <a href="#">Read More</a></p> <img src="/fckeditor/templates/images/BusinessTemplate26/hr.gif" width="330" height="29" alt="Small Hr"> <h2>Suspendisse vestibulum asellus</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate26/main-content-inline-small.jpg" width="164" height="164" alt="Main Content Inline Small" align="left" hspace="10"> Donec placerat. Nullam nibh dolor, blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus lacus vitae ipsum viverra pretium. Phasellus massa. Fusce magna sem, gravida in, feugiat ac, molestie eget, wisi. Fusce consectetuer luctus ipsum. <a href="#">Read More</a></p> <p class="top"><a href="#">back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate26/hr.gif" width="330" height="29" alt="Small Hr"> </td> <td width="30"> </td> <td class="sidebar" align="left" width="192" valign="top"> <h3>In this issue</h3> <img src="/fckeditor/templates/images/BusinessTemplate26/small-hr.gif" width="192" height="29" alt="Small Hr"> <ul> <li><a href="#">Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit</a></li> <li><a href="#">Fusce volutpat. Etiam sodales ante id nunc</a></li> <li><a href="#">Proin ornare dignissim lacus. Nunc porttitor nunc a sem</a></li> <li><a href="#">Sed sollicitudin velit eu magna</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate26/small-hr.gif" width="192" height="29" alt="Small Hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33"><img src="/fckeditor/templates/images/BusinessTemplate26/forward.gif" width="33" height="21" alt="Forward"></td> <td><h3>Fwd to a friend</h3></td> </tr> </table> <p>Think you know someone that will enjoy this email? Why not <forwardtoafriend>send it to a friend?</forwardtoafriend></p> <img src="/fckeditor/templates/images/BusinessTemplate26/small-hr.gif" width="192" height="29" alt="Small Hr"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33"><img src="/fckeditor/templates/images/BusinessTemplate26/unsubscribe.gif" width="33" height="24" alt="Unsubscribe"></td> <td><h3>Unsubscribe</h3></td> </tr> </table> <p>If you no longer wish to receive this mail <unsubscribe>please unsubscribe</unsubscribe>.</p> <img src="/fckeditor/templates/images/BusinessTemplate26/small-hr.gif" width="192" height="29" alt="Small Hr"> </td> </tr> </table> </td> </tr> <tr> <td height="80" class="footer" align="center"> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate26/screenshot.png", title: "Business Template 26" },
67	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 0; padding: 0; background-color: #d7cfb8; } a { font-family: Arial; font-size: 13px; font-weight: normal; color: #ce0316; } p { font-family: Arial; font-size: 11px; font-weight: normal; color: #333333; } h3 { font-family: Arial; font-size: 16px; font-weight: normal; color: #1a1a1a; text-transform: uppercase; margin: 0; padding: 0; } table.back { background-color: #faf4dd; } table.main { background-color: #f4eed8; } td.permission a { font-family: Arial; font-size: 11px; font-weight: normal; } td.header h1 { font-family: \'Times New Roman\'; font-size: 38px; font-weight: bold; color: #ce0316; text-transform: uppercase; display: inline; } td.sidebar ul { margin: 0 0 0 24px; padding: 0; } td.sidebar ul a { text-decoration: none; } td.sidebar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar h2 { font-family: Arial; font-size: 22px; font-weight: normal; color: #000000; margin: 0; padding: 0; } td.mainbar h2 a { font-family: Arial; font-size: 22px; font-weight: normal; color: #000000; text-decoration: none; } td.mainbar p { font-family: Arial; font-size: 13px; font-weight: normal; color: #4c4c4c; margin: 10px 0 0 0; padding: 0; } td.mainbar p.top a { font-size: 10px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="back"> <tr> <td align="center"> <table width="580" border="0" cellspacing="10" cellpadding="0" class="main"> <tr> <td align="center" class="permission"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left"> <table width="100%" height="90" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate27/header.gif" width="550" height="77" alt="ABC Widgets"></td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="550" class="mainbar" align="left" valign="top"> <h3>Friday 23rd May 2008</h3> <img src="/fckeditor/templates/images/BusinessTemplate27/hr-big.gif" width="550" height="29" alt="Big Hr"> <h2>Suspendisse vestibulum asellus</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate27/main-content-inline-small.jpg" width="164" height="164" alt="Main Content Inline Small" align="left" hspace="10"> Donec placerat. Nullam nibh dolor, blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus lacus vitae ipsum viverra pretium. Phasellus massa. Fusce magna sem, gravida in, feugiat ac, molestie eget, wisi. Fusce consectetuer luctus ipsum. <a href="#">Read More</a></p> <p class="top"><a href="#top">back to top</a></p> <br /><br /> <img src="/fckeditor/templates/images/BusinessTemplate27/hr-big.gif" width="550" height="29" alt="Big Hr"> <h2>Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo.</h2> <p>Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit. Donec in augue. Fusce orci wisi, ornare id, mollis vel, lacinia vel, massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <a href="#">Read More</a></p> <p class="top"><a href="#top">back to top</a></p> <img src="/fckeditor/templates/images/BusinessTemplate27/hr-big.gif" width="550" height="29" alt="Big Hr"> </td> </tr> </table> </td> </tr> <tr> <td height="80" class="footer" align="center"> <p><forwardtoafriend>Forward this email</forwardtoafriend> to a friend. Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe></p> <p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br>ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate27/screenshot.png", title: "Business Template 27" },
68	{ description: "A template with left sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 0; padding: 0; background-color: #ffffff; } td.permission { padding: 20px 0 20px 0; } td.permission p { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #151515; } td.permission p a { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #a72323; } td.header { background-image: url(\'/fckeditor/templates/images/BusinessTemplate28/header.jpg\'); background-repeat: no-repeat; background-position: top center; background-color: #b62e2e; height: 130px; } td.header h1 { font-family: Georgia, serif; font-size: 30px; font-weight: normal; color: #333333; margin-left: 50px; margin-bottom: 24px; } table.content { background-color: #f5f5f5; } td.sidebar a { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #a72323; text-decoration: none; } td.sidebar ul { margin: 0 0 0 24px; padding: 0; } td.sidebar ul li, td.sidebar ul li a { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #a72323; } td.sidebar h3 { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #333333; margin: 10px 0 14px 0; padding: 0; } td.sidebar h3.buttons { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #333333; margin: 0 0 4px 0; padding: 0; } td.sidebar h4 { font-family: \'Lucida Grande\', sans-serif; font-size: 13px; font-weight: bold; color: #333333; margin: 0 0 2px 0; padding: 0; } td.sidebar p { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #505050; margin: 0 0 13px 0; padding: 0; } td.sidebar p.buttons { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #505050; margin: 0 0 4px 0; padding: 0; } td.border { border-right: 2px solid #e0e0e0; } td.mainbar a { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #a72323; text-decoration: none; } td.mainbar h2 { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #a72323; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px solid #cbcbcb; } td.mainbar h3 { font-family: Georgia, serif; font-size: 16px; font-weight: normal; color: #333333; margin: 10px 0 14px 0; padding: 0; } td.mainbar p { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 16px 0; padding: 0; } td.mainbar p.top { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: bold; color: #a72323; margin: 0 0 30px 0; padding: 0; } td.mainbar p.top a { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: bold; color: #a72323; } td.mainbar ul { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 20px 24px; padding: 0; } td.footer { padding: 20px 0 20px 0; } td.footer p { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #151515; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission" align="center"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left" valign="bottom"> <img src="/fckeditor/templates/images/BusinessTemplate28/header.jpg" alt="ABC Widgets" width="580" height="130" /> </td> </tr> <tr> <td> <table width="580" height="130" border="0" cellspacing="16" cellpadding="0" class="content"> <tr> <td class="sidebar" align="left" valign="top" width="192"> <h3>In This Issue</h3> <ul> <li><a href="#">Nullam egestas feugiat felis</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">Donec porttitor ligula eu dolor</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate28/hr-small.gif" alt="Small hr" width="192" height="28" /> <h3>Also This Month</h3> <h4>Pellentesque vel dui sed</h4> <p>Aucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum. Nulla congue. Phasellus mattis sollicitudin ligula. <a href="#">Read More Â»</a></p> <h4>Duis dignissim felis.</h4> <p>Integer adipiscing congue metus. Nam pede. Etiam non wisi. Sed accumsan dolor ac augue. Aliquam nec dolor nec tellus ornare venenatis. Nullam blandit. <a href="#">Read More Â»</a></p> <h4>Curabitur quis ipsum.</h4> <p>Mauris nisl tellus, aliquet eu, suscipit eu, ullamcorper quis, magna. Mauris elementum, pede at sodales vestibulum, nulla tortor congue massa, quis pellentesque odio dui id est. <a href="#">Read More Â»</a></p> <img src="/fckeditor/templates/images/BusinessTemplate28/hr-small.gif" alt="Small hr" width="192" height="28" /> <h3 class="buttons">Forward</h3> <p class="buttons">Know someone who might be interested in the email? <forwardtoafriend>Forward this email to a friend</forwardtoafriend>.</p> <img src="/fckeditor/templates/images/BusinessTemplate28/hr-small.gif" alt="Small hr" width="192" height="28" /> <h3 class="buttons">Unsubscribe</h3> <p class="buttons">If you no longer wish to receive this email <unsubscribe>please unsubscribe</unsubscribe>.</p> </td> <td class="border" width="2"> </td> <td class="mainbar" align="left" valign="top" width="354"> <h3>Tuesday May 27, 2008</h3> <h2>Nullam egestas feugiat felis</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate28/main-content-inline-small.jpg" alt="Inline Image" width="144" height="144" align="right" /> Fusce et ipsum et nulla tristi-que facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Metus eu nunc. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate28/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> <h2>Lorem ipsum dolor sit amet</h2> <p>Consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra. Donec vestibulum.</p> <ul> <li>Nam consectetuer. Sed aliquam</li> <li>nunc eget euismod ullamcorper</li> <li>lectus nunc ullamcorper orci</li> </ul> <p>Fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate28/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> <h2>Donec porttitor ligula eu dolor</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate28/main-content-inline-small-2.jpg" alt="Inline Image" width="144" height="144" align="right" /> Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus vene-natis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate28/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> </td> </tr> </table> </td> </tr> </table> <table width="646" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate28/footer-tail.jpg" alt="Footer" width="646" height="87" /></td> </tr> <tr> <td align="center" class="footer"><p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p></td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate28/screenshot.png", title: "Business Template 28" },
69	{ description: "A template with right sidebar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 0; padding: 0; background-color: #ffffff; } td.permission { padding: 20px 0 20px 0; } td.permission p { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #151515; } td.permission p a { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #a72323; } td.header { background-image: url(\'/fckeditor/templates/images/BusinessTemplate29/header.jpg\'); background-repeat: no-repeat; background-position: top center; background-color: #b62e2e; height: 130px; } td.header h1 { font-family: Georgia, serif; font-size: 30px; font-weight: normal; color: #333333; margin-left: 50px; margin-bottom: 24px; } table.content { background-color: #f5f5f5; } td.sidebar a { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #a72323; text-decoration: none; } td.sidebar ul { margin: 0 0 0 24px; padding: 0; } td.sidebar ul li, td.sidebar ul li a { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #a72323; } td.sidebar h3 { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #333333; margin: 10px 0 14px 0; padding: 0; } td.sidebar h3.buttons { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #333333; margin: 0 0 4px 0; padding: 0; } td.sidebar h4 { font-family: \'Lucida Grande\', sans-serif; font-size: 13px; font-weight: bold; color: #333333; margin: 0 0 2px 0; padding: 0; } td.sidebar p { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #505050; margin: 0 0 13px 0; padding: 0; } td.sidebar p.buttons { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #505050; margin: 0 0 4px 0; padding: 0; } td.border { border-right: 2px solid #e0e0e0; } td.mainbar a { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #a72323; text-decoration: none; } td.mainbar h2 { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #a72323; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px solid #cbcbcb; } td.mainbar h3 { font-family: Georgia, serif; font-size: 16px; font-weight: normal; color: #333333; margin: 10px 0 14px 0; padding: 0; } td.mainbar p { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 16px 0; padding: 0; } td.mainbar p.top { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: bold; color: #a72323; margin: 0 0 30px 0; padding: 0; } td.mainbar p.top a { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: bold; color: #a72323; } td.mainbar ul { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 20px 24px; padding: 0; } td.footer { padding: 20px 0 20px 0; } td.footer p { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #151515; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission" align="center"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left" valign="bottom"> <img src="/fckeditor/templates/images/BusinessTemplate29/header.jpg" alt="ABC Widgets" width="580" height="130" /> </td> </tr> <tr> <td> <table width="580" height="130" border="0" cellspacing="16" cellpadding="0" class="content"> <tr> <td class="mainbar" align="left" valign="top" width="354"> <h3>Tuesday May 27, 2008</h3> <h2>Nullam egestas feugiat felis</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate29/main-content-inline-small.jpg" alt="Inline Image" width="144" height="144" align="right" /> Fusce et ipsum et nulla tristi-que facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Metus eu nunc. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate29/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> <h2>Lorem ipsum dolor sit amet</h2> <p>Consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra. Donec vestibulum.</p> <ul> <li>Nam consectetuer. Sed aliquam</li> <li>nunc eget euismod ullamcorper</li> <li>lectus nunc ullamcorper orci</li> </ul> <p>Fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate29/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> <h2>Donec porttitor ligula eu dolor</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate29/main-content-inline-small-2.jpg" alt="Inline Image" width="144" height="144" align="right" /> Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus vene-natis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate29/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> </td> <td class="border" width="2"> </td> <td class="sidebar" align="left" valign="top" width="192"> <h3>In This Issue</h3> <ul> <li><a href="#">Nullam egestas feugiat felis</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">Donec porttitor ligula eu dolor</a></li> </ul> <img src="/fckeditor/templates/images/BusinessTemplate29/hr-small.gif" alt="Small hr" width="192" height="28" /> <h3>Also This Month</h3> <h4>Pellentesque vel dui sed</h4> <p>Aucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum. Nulla congue. Phasellus mattis sollicitudin ligula. <a href="#">Read More Â»</a></p> <h4>Duis dignissim felis.</h4> <p>Integer adipiscing congue metus. Nam pede. Etiam non wisi. Sed accumsan dolor ac augue. Aliquam nec dolor nec tellus ornare venenatis. Nullam blandit. <a href="#">Read More Â»</a></p> <h4>Curabitur quis ipsum.</h4> <p>Mauris nisl tellus, aliquet eu, suscipit eu, ullamcorper quis, magna. Mauris elementum, pede at sodales vestibulum, nulla tortor congue massa, quis pellentesque odio dui id est. <a href="#">Read More Â»</a></p> <img src="/fckeditor/templates/images/BusinessTemplate29/hr-small.gif" alt="Small hr" width="192" height="28" /> <h3 class="buttons">Forward</h3> <p class="buttons">Know someone who might be interested in the email? <forwardtoafriend>Forward this email to a friend</forwardtoafriend>.</p> <img src="/fckeditor/templates/images/BusinessTemplate29/hr-small.gif" alt="Small hr" width="192" height="28" /> <h3 class="buttons">Unsubscribe</h3> <p class="buttons">If you no longer wish to receive this email <unsubscribe>please unsubscribe</unsubscribe>.</p> </td> </tr> </table> </td> </tr> </table> <table width="646" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate29/footer-tail.jpg" alt="Footer" width="646" height="87" /></td> </tr> <tr> <td align="center" class="footer"><p>abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p></td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate29/screenshot.png", title: "Business Template 29" },
70	{ description: "A template with single column", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen"> body { margin: 0; padding: 0; background-color: #ffffff; } td.permission { padding: 20px 0 20px 0; } td.permission p { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #151515; } td.permission p a { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #a72323; } td.header { background-image: url(\'/fckeditor/templates/images/BusinessTemplate30/header.jpg\'); background-repeat: no-repeat; background-position: top center; background-color: #b62e2e; height: 130px; } td.header h1 { font-family: Georgia, serif; font-size: 30px; font-weight: normal; color: #333333; margin-left: 50px; margin-bottom: 24px; } table.content { background-color: #f5f5f5; } td.sidebar a { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #a72323; text-decoration: none; } td.sidebar ul { margin: 0 0 0 24px; padding: 0; } td.sidebar ul li, td.sidebar ul li a { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #a72323; } td.sidebar h3 { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #333333; margin: 10px 0 14px 0; padding: 0; } td.sidebar h3.buttons { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #333333; margin: 0 0 4px 0; padding: 0; } td.sidebar h4 { font-family: \'Lucida Grande\', sans-serif; font-size: 13px; font-weight: bold; color: #333333; margin: 0 0 2px 0; padding: 0; } td.sidebar p { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #505050; margin: 0 0 13px 0; padding: 0; } td.sidebar p.buttons { font-family: \'Lucida Grande\', sans-serif; font-size: 11px; font-weight: normal; color: #505050; margin: 0 0 4px 0; padding: 0; } td.border { border-right: 2px solid #e0e0e0; } td.mainbar a { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #a72323; text-decoration: none; } td.mainbar h2 { font-family: \'Lucida Grande\', sans-serif; font-size: 16px; font-weight: bold; color: #a72323; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px solid #cbcbcb; } td.mainbar h3 { font-family: Georgia, serif; font-size: 16px; font-weight: normal; color: #333333; margin: 10px 0 14px 0; padding: 0; } td.mainbar p { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 16px 0; padding: 0; } td.mainbar p.top { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: bold; color: #a72323; margin: 0 0 30px 0; padding: 0; } td.mainbar p.top a { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: bold; color: #a72323; } td.mainbar ul { font-family: \'Lucida Grande\', sans-serif; font-size: 12px; font-weight: normal; color: #333333; margin: 0 0 20px 24px; padding: 0; } td.footer { padding: 20px 0 20px 0; } td.footer p { font-family: \'Lucida Grande\', sans-serif; font-size: 10px; font-weight: normal; color: #151515; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="580" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="permission" align="center"> <p>You\'re receiving this newsletter because you bought widgets from us.</p> <p>Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>. Having trouble viewing this email? <webversion>View it in your browser</webversion>.</p> </td> </tr> <tr> <td class="header" align="left" valign="bottom"> <img src="/fckeditor/templates/images/BusinessTemplate30/header.jpg" alt="ABC Widgets" width="580" height="130" /> </td> </tr> <tr> <td> <table width="580" height="130" border="0" cellspacing="16" cellpadding="0" class="content"> <tr> <td class="mainbar" align="left" valign="top" width="580"> <h3>Tuesday May 27, 2008</h3> <h2>Nullam egestas feugiat felis</h2> <p><img src="/fckeditor/templates/images/BusinessTemplate30/main-content-inline-small.jpg" alt="Inline Image" width="144" height="144" align="right" /> Fusce et ipsum et nulla tristi-que facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Metus eu nunc. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate30/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> <h2>Lorem ipsum dolor sit amet</h2> <p>Consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra. Donec vestibulum.</p> <ul> <li>Nam consectetuer. Sed aliquam</li> <li>nunc eget euismod ullamcorper</li> <li>lectus nunc ullamcorper orci</li> </ul> <p>Fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. <a href="#">Read More Â»</a></p> <p class="top"><a href="#top">back to top</a> <img src="/fckeditor/templates/images/BusinessTemplate30/top-arrow.gif" alt="Back to top" width="8" height="8" /></p> </td> </tr> </table> </td> </tr> </table> <table width="646" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/fckeditor/templates/images/BusinessTemplate30/footer-tail.jpg" alt="Footer" width="646" height="87" /></td> </tr> <tr> <td align="center" class="footer"> <p><forwardtoafriend>Forward this email</forwardtoafriend> to a friend. Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe>.<br /><br />abcWidgets and the abcWidgets Logo are registered trademarks of <span>abcWidgets Corp</span>.<br />ABCWidgets Corp - 123 Some Street, City, ST 99999. ph +1 4 1477 89 745</p></td> </tr> </table> </td> </tr> </table> </body> </html>', image: "BusinessTemplate30/screenshot.png", title: "Business Template 30" },
71	{ description: "Alloy Wheels", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear Customer,</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> If you have a newer model car, we're willing to bet that your vehicle runs on alloy wheels. More lightweight (not to mention attractive) from their steel counterparts, alloy wheels are known for improving steering and speed efficiency. In these days of crowded highways and high gas prices, these are two key advantages to keep you safe and save money.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> A few tips:</p> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Don’t forget to wash your wheels every time you wash your car. You want to keep that nice lacquer coating free of brake dust, as it can not only ruin the attractiveness of your wheels, but also their efficiency over time. Remember to wash your wheels last. The abrasive brake dust can get on your sponge and scratch the paint.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Sometimes those pesky speed-bumps can pop-up out of nowhere. For all the other times when you see them coming, be sure to slow your speed and carefully drive over them. Hitting a bump too hard or at the wrong angle can do damage to your wheels.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Live in a state with seasons? Meaning, you expect heavy snowfall in the winter? Buy a set of inexpensive wheels and mount separate tires for winter use. Store the alloys with their tires installed until the flowers begin blooming again.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> We hope these tips will keep your car running like the champ it is all year round!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> If you are in the market to purchase alloy wheels, you should definitely check out a few auto part stores. When you buy your wheels from an auto part store, you will be able to examine the product before you purchase it. You may get a better deal if you buy them online, but you'll be unable to examine the product in person and may end up purchasing the wrong set of wheels for your car.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Need help or too busy, give us a call or schedule an appointment.</p> <p style="margin-bottom: 0in">  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Alloy Wheels" },
72	{ description: "Cell Safety", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear Customer,</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Many of us spend much of the day in the car, whether it's traveling to and from work, picking up the kids from school, or running errands. Yet driving while using your phone, whether it's to talk or text, has been proven to cause very real dangers. We hope you’ll follow the tips below to ensure proper cell phone safety:</p> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Why tempt yourself? Power off your cell when you’re driving. You can return voicemails and texts when you get to your destination.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> If you're a parent, don't call or text your teen during times you know they are on the road.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Get to know your phone! Features on all phones like speed dial and redial make calling quick and easy. Input the most important numbers (like emergency contacts) into your phone so that if an emergency arises where you must use your phone while driving, you will at least have taken preventative safety measures.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> There are many hands-free devices available for every phone nowadays. Whether you choose an installed mounted device, Bluetooth, or a speaker phone accessory, these devices will not only allow you to stay connected to the world, but keep you alive and well while doing so! These add-ons can be found at a variety of retail outlets, like your local cell phone carrier, Best Buy, Radio Shack, and Target. Or browse online to find a better deal.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> We know the safety of you, your friends, and of course your family members is something that is extremely important to you. Remember, you can always call someone back when you’ve arrived at your destination. But you can NEVER bring back a life that has been taken away by poor decision-making.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Until next time, we hope you have a safe, care-free trip—wherever you may be headed!</p> <p style="margin-bottom: 0in">  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Cell Safety" },
73	{ description: "Fall", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> The month of October usually has us focused on things like Halloween or taking long drives to see the leaves as they change color. Both are very valid (and fun!) fall activities, but there is one activity that we bet sometimes falls by the wayside amongst them, and that is taking care of your car. Did you know that besides from being National Pizza Month (who knew?!), October is also Fall Car Care Month?</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> And with good reason. Winter is right around the corner, the season known to cause more problems for cars than other seasons. Many of the problems occur because drivers didn't plan properly ahead of time for the risks that winter brings. We'd like to eliminate that mistake for you by helping you understand how you can prepare now to rest easy later.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Now would be the perfect time to check your whole brake system to make sure it can handle the icy roads in your future. You should already be having the brake linings, rotors, and drums inspected at each oil change. If not, it's never too late to start!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> While your auto shop is inspecting your brake system, make sure they check out the hoses and belts as well. There shouldn't be any cracking, fraying, or fluids leaking. You don't always need a mechanic to tell you if something is going haywire, though. If your car doesn't “purr” but "screams" when idling, that's a good sign one of your belts is loose or going out. Have it inspected and changed or tightened immediately.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Externally, you may need to replace your windshield wipers. It will be no fun to realize that they need to be replaced while you're driving through the first snowfall. Also, make sure your windshield washer fluid reservoir is full of actual washer fluid (not water).</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> No one wants to be uncomfortable in their own car, but even more so as the temperature outside drops dramatically. <strong><span style="font-weight: normal">Check the heating, ventilating, and air conditioning system.</span></strong> Proper heating and cooling performance is critical for your family's comfort and for safety reasons such as defrosting.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> We hope a little change in weather won't stop you from getting in your car to explore the great outdoors, or even to just travel across town. By following these essential tips, you'll be taking on those winter streets as if there wasn't a cloud in the sky!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> If you need any help preparing your vehicle for winter give a call</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Fall" },
74	{ description: "How to wash and wax", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Catching the envious eye of other drivers at the intersection isn't the only good excuse for maintaining your vehicle's exterior. The more attention you pay to your baby (oops, we mean your car) the more attention it's going to get when it's time to re-sell, as frequent washings will keep your car in first-class shape. And when you know the correct way to wash and wax your vehicle, you're bound to do it better than any old drive-thru car wash can.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> As you prepare to give you vehicle a thorough washing, make sure your car is parked in a shady and cool area as direct sunlight can not only cause water spots, but also has an extremely damaging effect on waxes, such as baking them onto the finish and promoting scratching of your paint. Be sure to have a handful of 100% cotton terry cloths at your side to use with your detail products.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Start with the interior of your vehicle, as this will reduce the risk of spreading corrosive dirt to your exterior. Start with applying a cleaner such as Lexol Vinylex or Armor All to your dashboard, door interiors, and other vinyl surfaces. Move on to your interior windows and mirrors, using a quality glass cleaner and wadded up newspapers to scrub the glass—a trick that helps polish the glass. Next, use your vacuum nozzle to deep clean the interior carpeting, but remember not to vacuum your floor mats inside the car. Remove the mats and clean them on the driveway.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Wet the entire car before you start on the exterior, and then begin with the tires and wheels. Use a brush or wheel-scrubber with a cleaner that is especially made for cleaning wheels to ensure you wipe out all the tough dirt and grease that's been accumulating. As you begin to wash the rest of your car from top-to-bottom (literally, this is the correct way), make sure the soap you're using is specially formulated for vehicle surfaces, such as Mothers California Gold Car Wash or Meguiar's Soft Gel Wash. Use back and forth motions when washing, and continually rinse each section to ensure that soapy water carries away dirt and does not dry on the car’s surface. Dry your car completely with an artificial chamois or clean cotton towels.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> The cherry on top of a proper car wash is the waxing that comes afterwards. Ideally, you should wax your car a couple of times a year to preserve its shine and protect its surface. Use a liquid or soft-paste product that cleans, polishes, and waxes in one step, such as Eagle One's Wax & Cleaner. Apply your wax using small circular, overlapping strokes with a foam applicator pad to distribute the product, and then remove it with a terry cloth towel—one side to break the surface, then flipping it over to a clean side to remove any leftover residue.</p> <p> <br />  </p> <p> You can always take your car to a quality shop if you don’t want to wash and wax it yourself. But if you’re a do-it-yourselfer, we hope these tips have gotten you and your car one step closer to catching everyone's eye as you cruise down the interstate. Happy driving!</p> <p> <br />  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How to wash and wax" },
75	{ description: "Leather Seats", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> We're sure it wasn't an accident that you chose those sleek leather seats in your vehicle over the cloth option. The benefits of leather seats are plentiful, from being more stain resistant to adding to a car's resale value. Of course, like any quality product, they can only continue to benefit you as long as you continue to give them the proper attention they need.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> First things first: Invest in a sun blocker to place in your windshield for whenever you'll need to park outdoors in the daytime. Sunlight draws the natural moisture out of the leather and can cause it to crack and become ashen. Be sure to keep your windows cracked on warmer days to relieve some of the pressure that can cause the same damages.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> You can go to an auto store like Pep Boys to buy cotton-product cloths to wipe down your seats, but why inconvenience yourself when you can just as easily rip your own old t-shirts to shreds? (The ones your other half has been begging you to get rid of for years now!). Regardless, you should always use a cotton product over a paper towel, as no matter how soft the label says they are, paper towels are sure to cause unwanted scratching.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> The regular application of a leather protecting lotion will have your seats looking smooth and feeling soft year-round. Spread the lotion generously using your cotton-cloth. You'll know you're doing it right when you begin to see a wet layer of film atop the leather. This film will soak in after a little time, just as lotion does on your skin.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> These tips should have you well on your way to maintaining those gorgeous leather seats so well that <i>you'll </i>be giving the tips to your friends when they ask what your secret is for keeping your car in such pristine condition!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Still have questions? Give us a call or send us an email.</p> <p style="margin-bottom: 0in">  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Leather Seats" },
76	{ description: "Paint Care", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> We've all been there. After a handful of years, no matter how often you make sure to park in the very empty back corner of parking lots or remind your children to “Please open your door slowly!” chips, scratches, and dings somehow manage to accumulate nonetheless. It's nothing to be ashamed about (remember, it happens to us all), especially if you've taken the time and money to invest in a new paint job, leaving your most beloved 4-wheel friend looking as he did the first time you drove him off the lot.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Now you want to ensure that <i>this </i>time, he stays that way. Plan beforehand with family to make sure that you are guaranteed a spot in the garage for the first few days after the paint job is complete. Outdoor natural occurrences like bird droppings or the sticky sap from trees can be of real damage to a fresh coat of paint. If they do make contact with your car, make sure to wash immediately with soap and water. Other natural elements like sunlight and wind can dull bright colors, bleach dark ones, and small debris carried by wind can leave unwanted scratches on your car as they blow across it.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Car covers and commercial car washes are great ways to protect your car, but NOT for the first 30 days after a new paint job. If you must wash your car in that timeframe, do it gently by hand while rinsing your sponge often. Have two buckets by your side: one to dip in to get the dirt off and one to re-soak your sponge in after. Be careful not to confuse the two!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Most importantly: Don't outsmart your common sense. You've just had a beautiful paint job done on your vehicle. Do you really think placing your purse (the one with all those pretty metal accessories adorning it) on the hood is such a good idea?</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Follow these tips, use basic knowledge, and this time around it may be twice as many years before you'll be forced to take in your car for an external makeover again!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> When it is time for a fresh coat of paint, give us a call...</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in">  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Paint Care" },
77
78	{ description: "Removing Tar and Bugs", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Bugs, tar, and tree sap do not only sully your vehicle's appearance. They can also be quite difficult to remove without a few special cleaners, a touch of patience, and tips like these to help you through.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> As with most things, it's good to plan ahead. Keep a microfiber towel and a bottle of quick detail spray in your trunk at all times. It will be handy to whip out as soon as you notice bug or any other foreign residue on your vehicle—before it has a chance to harden and adhere to your paint's finish. If that doesn't work, you may need a stronger, but just as gentle, solution like Poorboy's World Bug Squash. You will have to reapply paint protection if going this route, but nowadays spray waxes and sealants have made this step quick and painless. Mostly, you'll just need to spray, spread, and wipe.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> If you find your car is covered in bugs, tar, sap, or a combination of the three, it's best to just completely wash it and then use denatured alcohol to take care of the rest. Soak a small soft cloth with the alcohol and hold for 10 to 30 seconds over the grime to soften it. The larger the affected area, the longer you should "pre-soak" the area. For a bug, simply rub lightly with your soft cloth. If you're dealing with tar or sap, use the “pre-soak” to loosen up the residue. Rub towards the center with the alcohol-soaked cloth. Don't rub in a circular pattern as you'll only rub the matter further into the surface. The goal is to lift, not grind. Repeat these steps as many times as it takes until your vehicle is once again stain-free.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> To find these products that ensure bugs, tar, or anything else foreign won't take over your car's exterior, check out Home Depot or online on a site like Amazon.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Of course, our specialty is paint. Give us a call or send us an email if you need our help.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Here's to happy, safe, and bug-free driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Removing Tar and Bugs" },
79
80	{ description: "Spring", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Is it just your imagination, or are you seeing more blue in the sky than you've seen in months? And are those birds chirping when you wake up in the morning? Did you walk out of the house this morning without your usual bulky jacket and <i>not </i>need to turn right around to get it? If you've answered “yes” to all of these questions, we're willing to bet that you are currently witnessing the happy transition from winter to spring.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> In the last two newsletters we hopefully helped prepare you and your car for the harsher seasonal transitions. But what advice could we possibly give now that the roads are no longer slick with ice and for once you can see out of your windshield without the help of wipers? As it turns out, plenty! Not only is it time to repair your vehicle from what may have been a harsh winter, but if you're thinking of putting your car on the market, spring is a prime time for car buyers so you want to make sure your car is looking its absolute best.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> A good place to start is giving your car a good all-over wash. Road salt from the winter months can damage your undercarriage by eating away the metal. This is easily preventable by taking it in to your local car wash. If you're doing it yourself, use a high-pressure sprayer or garden hose.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Check those tires! Tire pressure fluctuates with every 10 degrees in temperature. If you have winter tires, it's time to put them back in storage until next year. If you have all-season tires, make sure they get rotated, as this extends their life and will give you better braking and handling. This is especially important since spring roads tend to be wet due to “April Showers.”</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Of course, rotating your tires to help with your braking power won't amount to much if your brakes have hit the end of their life. Be sure to have them looked at as they can take a beating during a harsh winter. If you can hear the warning signs of bad brakes—like grinding, squealing, or screeching—take it in to your local shop right away.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Just as bears hibernate, we know that trash can tend to “hibernate” in the crevices of your interior over the winter. So vacuum, vacuum, vacuum! While you're at it, if you have winter car mats, you are now free to put them in storage along with your winter tires.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Finally, change your oil. If you've been using a thinner oil during the winter months it's time to switch back to your usual oil for the warmer weather. Of course, double-check with your manufacturer for the recommended oil type for your vehicle.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> We hope these tips make the transition into spring as easy for you as it is for the birds. Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Spring" },
81	{ description: "Alloy Wheels", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Cars are not only one of our greatest connectors to the world beyond our driveway. For many they become an unintentional safe of sorts, storing personal belongings that we either haven't yet allocated a home for or are just too important and useful to be kept very far from our side. No wonder, then, that thieves find a lucrative target both in what's left behind in a car and the car itself. We hope the following tips prevent you from becoming a victim of either:</p> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Always take your keys when stepping away from your vehicle and always lock your car. These may appear to be obvious statements to some, but you might be surprised to learn that nearly 20% of all stolen cars have the keys left in them, and approximately 50% of all stolen cars have been left unlocked.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Park in bright, well-lighted, and well-populated area. Over half of all vehicle crimes occur at night.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Place any item of value out of sight <i>before </i>you reach your destination. You never know who may be preying in the background (and seasoned thieves do), watching you as you “safely” put away your valuables, then knowing exactly where to go once you are out of sight.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Alarms or anti-theft devices are effective, as thieves are usually looking for the "easiest" target. But don't make this common mistake: Having an alarm doesn't mean thieves won't break-in if you leave valuable items in plain sight.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> Vehicle GPS systems are the "hottest" items that thieves are targeting both locally and nationally. It's very simple, as police say: "If you leave a GPS system in your car, chances are it will be stolen.” Make sure to take the whole unit out of your vehicle, including the mounting bracket. If there's even a hint that a GPS system could be in your car, that's enough for a thief to take his chances.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> If you're looking for a place to purchase an anti-theft device, a great place to start is online on sites like Amazon or eBay. Then find an alarm installer in your area who is Mobile Electronics Certification Program (MECP) certified. You can find this specification by checking with the Better Business Bureau before you take your car in. Don't forget to ask for a quick tutorial once the system is installed!</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> If you need help give us a call or send us an email.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in">  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Alloy Wheels" },
82	{ description: "Winter", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> The trees that just a couple of months ago were a warm shade of reds, greens, and oranges are now sparse, and the streets that were once littered with fallen leaves are now covered in a mix of snow and ice, signaling the beginnings of what we all know as one thing: winter.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> In our last newsletter, we prepared you for this impending arrival of Old Man Winter, and we hope those tips are now proving to be useful preventative measures. However, we know problems can, and will, still arise during these cold days, so we'd like to share with you some suggestions on ways for both you and your vehicle to make it easily through the winter.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Make it a habit to check your radiator, washer fluids, and tire pressure, as these things can easily change or freeze in cold weather. Minimize condensation within your vehicle by always keeping your tank at least 1/3 full, and before starting your car—especially in the early morning hours—make sure to turn off all accessories as doing so is much better for your battery.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> We all know that in this time of ice, rain, sleet, and snow, windshield wipers can turn into our instant best friends. Keep them on your side with these tips:</p> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> If you have an All Weather Package (this includes heated outside mirrors, front wiper de-icer, and heated seats), turn on the front wiper de-icers to free the blades if there's any frost or ice. Do not use warm water on the windshield as it may crack the glass. Use the heated seats to keep you warm in the meantime!</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <ul> <li> <p style="margin-bottom: 0in"> When parking your car for longer periods of time outdoors, lift the wiper blades and arms off the glass so they stick up and won't freeze to the windshield. Another useful trick is placing a newspaper under the wiper blades to prevent the same thing.</p> </li> </ul> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Windshield wipers aren't the only things in your car that a few secret tricks can help take care of. Is your door lock frozen? Try heating your key with a match. Windshield fogging up too rapidly? Turn off the front defroster before getting out of the car. This will slow down the fogging up of your vehicle because the cold air won't enter onto the warm windshield.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Remember to accelerate slowly when driving in snow to avoid spinning out or sliding. Gently tap the brakes to slow down and anticipate how long it will take to come to a complete stop.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> Before we send you on your way to brave the winter roads, we must leave you with a warning to always watch out for the “other guy.” You know, the one who's perpetually in a hurry and driving as if the roads were dry. Take precautionary measures to stay far away from him or, at the very least, be prepared to encounter him.</p> <p style="margin-bottom: 0in">  </p> <p style="margin-bottom: 0in"> We'll touch base and see how you fared this spring. Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Winter" },
83	{ description: "Cell Safety", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Many of us spend much of the day in the car, whether it's traveling to and from work, picking up the kids from school, or running errands. Yet driving while using your phone, whether it's to talk or text, has been proven to cause very real dangers. We hope you’ll follow the tips below to ensure proper cell phone safety:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Why tempt yourself? Power off your cell when you’re driving. You can return voicemails and texts when you get to your destination. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> If you're a parent, don't call or text your teen during times you know they are on the road. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Get to know your phone! Features on all phones like speed dial and redial make calling quick and easy. Input the most important numbers (like emergency contacts) into your phone so that if an emergency arises where you must use your phone while driving, you will at least have taken preventative safety measures. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> There are many hands-free devices available for every phone nowadays. Whether you choose an installed mounted device, Bluetooth, or a speaker phone accessory, these devices will not only allow you to stay connected to the world, but keep you alive and well while doing so! These add-ons can be found at a variety of retail outlets, like your local cell phone carrier, Best Buy, Radio Shack, and Target. Or browse online to find a better deal.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We know the safety of you, your friends, and of course your family members is something that is extremely important to you. Remember, you can always call someone back when you’ve arrived at your destination. But you can NEVER bring back a life that has been taken away by poor decision-making. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Until next time, we hope you have a safe, care-free trip—wherever you may be headed!</p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Cell Safety" },
84	{ description: "Alloy Wheel Care", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you have a newer model car, we're willing to bet that your vehicle runs on alloy wheels. More lightweight (not to mention attractive) from their steel counterparts, alloy wheels are known for improving steering and speed efficiency. In these days of crowded highways and high gas prices, these are two key advantages to keep you safe and save money. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> A few tips:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Don’t forget to wash your wheels every time you wash your car. You want to keep that nice lacquer coating free of brake dust, as it can not only ruin the attractiveness of your wheels, but also their efficiency over time. Remember to wash your wheels last. The abrasive brake dust can get on your sponge and scratch the paint.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Sometimes those pesky speed-bumps can pop-up out of nowhere. For all the other times when you see them coming, be sure to slow your speed and carefully drive over them. Hitting a bump too hard or at the wrong angle can do damage to your wheels. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Live in a state with seasons? Meaning, you expect heavy snowfall in the winter? Buy a set of inexpensive wheels and mount separate tires for winter use. Store the alloys with their tires installed until the flowers begin blooming again. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope these tips will keep your car running like the champ it is all year round!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you are in the market to purchase alloy wheels, you should definitely check out a few auto part stores. When you buy your wheels from an auto part store, you will be able to examine the product before you purchase it. You may get a better deal if you buy them online, but you'll be unable to examine the product in person and may end up purchasing the wrong set of wheels for your car. </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Alloy Wheel Care" },
85	{ description: "Fall NewsLetter", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> The month of October usually has us focused on things like Halloween or taking long drives to see the leaves as they change color. Both are very valid (and fun!) fall activities, but there is one activity that we bet sometimes falls by the wayside amongst them, and that is taking care of your car. Did you know that besides from being National Pizza Month (who knew?!), October is also Fall Car Care Month? </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> And with good reason. Winter is right around the corner, the season known to cause more problems for cars than other seasons. Many of the problems occur because drivers didn't plan properly ahead of time for the risks that winter brings. We'd like to eliminate that mistake for you by helping you understand how you can prepare now to rest easy later. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Now would be the perfect time to check your whole brake system to make sure it can handle the icy roads in your future. You should already be having the brake linings, rotors, and drums inspected at each oil change. If not, it's never too late to start!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> While your auto shop is inspecting your brake system, make sure they check out the hoses and belts as well. There shouldn't be any cracking, fraying, or fluids leaking. You don't always need a mechanic to tell you if something is going haywire, though. If your car doesn't “purr” but "screams" when idling, that's a good sign one of your belts is loose or going out. Have it inspected and changed or tightened immediately.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Externally, you may need to replace your windshield wipers. It will be no fun to realize that they need to be replaced while you're driving through the first snowfall. Also, make sure your windshield washer fluid reservoir is full of actual washer fluid (not water).</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> No one wants to be uncomfortable in their own car, but even more so as the temperature outside drops dramatically. <strong> <span style="font-weight: normal">Check the heating, ventilating, and air conditioning system.</span></strong> Proper heating and cooling performance is critical for your family's comfort and for safety reasons such as defrosting.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope a little change in weather won't stop you from getting in your car to explore the great outdoors, or even to just travel across town. By following these essential tips, you'll be taking on those winter streets as if there wasn't a cloud in the sky!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Fall NewsLetter" },
86	{ description: "How to Take Care of Your Paint", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We've all been there. After a handful of years, no matter how often you make sure to park in the very empty back corner of parking lots or remind your children to “Please open your door slowly!” chips, scratches, and dings somehow manage to accumulate nonetheless. It's nothing to be ashamed about (remember, it happens to us all), especially if you've taken the time and money to invest in a new paint job, leaving your most beloved 4-wheel friend looking as he did the first time you drove him off the lot. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Now you want to ensure that <i>this </i>time, he stays that way. Plan beforehand with family to make sure that you are guaranteed a spot in the garage for the first few days after the paint job is complete. Outdoor natural occurrences like bird droppings or the sticky sap from trees can be of real damage to a fresh coat of paint. If they do make contact with your car, make sure to wash immediately with soap and water. Other natural elements like sunlight and wind can dull bright colors, bleach dark ones, and small debris carried by wind can leave unwanted scratches on your car as they blow across it. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Car covers and commercial car washes are great ways to protect your car, but NOT for the first 30 days after a new paint job. If you must wash your car in that timeframe, do it gently by hand while rinsing your sponge often. Have two buckets by your side: one to dip in to get the dirt off and one to re-soak your sponge in after. Be careful not to confuse the two! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Most importantly: Don't outsmart your common sense. You've just had a beautiful paint job done on your vehicle. Do you really think placing your purse (the one with all those pretty metal accessories adorning it) on the hood is such a good idea? </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Follow these tips, use basic knowledge, and this time around it may be twice as many years before you'll be forced to take in your car for an external makeover again! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> When it is time for a fresh coat of paint, make sure you take your vehicle to a shop you know and trust so you know you’ll be paying for a quality makeover. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How to Take Care of Your Paint" },
87	{ description: "How to Wash and Wax Your Vehicle", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Catching the envious eye of other drivers at the intersection isn't the only good excuse for maintaining your vehicle's exterior. The more attention you pay to your baby (oops, we mean your car) the more attention it's going to get when it's time to re-sell, as frequent washings will keep your car in first-class shape. And when you know the correct way to wash and wax your vehicle, you're bound to do it better than any old drive-thru car wash can. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> As you prepare to give you vehicle a thorough washing, make sure your car is parked in a shady and cool area as direct sunlight can not only cause water spots, but also has an extremely damaging effect on waxes, such as baking them onto the finish and promoting scratching of your paint. Be sure to have a handful of 100% cotton terry cloths at your side to use with your detail products. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Start with the interior of your vehicle, as this will reduce the risk of spreading corrosive dirt to your exterior. Start with applying a cleaner such as Lexol Vinylex to your dashboard, door interiors, and other vinyl surfaces. Move on to your interior windows and mirrors, using a quality glass cleaner and wadded up newspapers to scrub the glass—a trick that helps polish the glass. Next, use your vacuum nozzle to deep clean the interior carpeting, but remember not to vacuum your floor mats inside the car. Remove the mats and clean them on the driveway. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Wet the entire car before you start on the exterior, and then begin with the tires and wheels. Use a brush or wheel-scrubber with a cleaner that is especially made for cleaning wheels to ensure you wipe out all the tough dirt and grease that's been accumulating. As you begin to wash the rest of your car from top-to-bottom (literally, this is the correct way), make sure the soap you're using is specially formulated for vehicle surfaces, such as Mothers California Gold Car Wash or Meguiar's Soft Gel Wash. Use back and forth motions when washing, and continually rinse each section to ensure that soapy water carries away dirt and does not dry on the car’s surface. Dry your car completely with an artificial chamois or clean cotton towels.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> The cherry on top of a proper car wash is the waxing that comes afterwards. Ideally, you should wax your car a couple of times a year to preserve its shine and protect its surface. Use a liquid or soft-paste product that cleans, polishes, and waxes in one step, such as Eagle One's Wax & Cleaner. Apply your wax using small circular, overlapping strokes with a foam applicator pad to distribute the product, and then remove it with a terry cloth towel—one side to break the surface, then flipping it over to a clean side to remove any leftover residue. </p> <p> <br /> <br /> </p> <p> You can always take your car to a quality shop if you don’t want to wash and wax it yourself. But if you’re a do-it-yourselfer, we hope these tips have gotten you and your car one step closer to catching everyone's eye as you cruise down the interstate. Happy driving!</p> <p> <br /> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How to Wash and Wax Your Vehicle" },
88	{ description: "Removing Bugs and Tar", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Bugs, tar, and tree sap do not only sully your vehicle's appearance. They can also be quite difficult to remove without a few special cleaners, a touch of patience, and tips like these to help you through. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> As with most things, it's good to plan ahead. Keep a microfiber towel and a bottle of quick detail spray in your trunk at all times. It will be handy to whip out as soon as you notice bug or any other foreign residue on your vehicle—before it has a chance to harden and adhere to your paint's finish. If that doesn't work, you may need a stronger, but just as gentle, solution like Poorboy's World Bug Squash. You will have to reapply paint protection if going this route, but nowadays spray waxes and sealants have made this step quick and painless. Mostly, you'll just need to spray, spread, and wipe. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you find your car is covered in bugs, tar, sap, or a combination of the three, it's best to just completely wash it and then use denatured alcohol to take care of the rest. Soak a small soft cloth with the alcohol and hold for 10 to 30 seconds over the grime to soften it. The larger the affected area, the longer you should "pre-soak" the area. For a bug, simply rub lightly with your soft cloth. If you're dealing with tar or sap, use the “pre-soak” to loosen up the residue. Rub towards the center with the alcohol-soaked cloth. Don't rub in a circular pattern as you'll only rub the matter further into the surface. The goal is to lift, not grind. Repeat these steps as many times as it takes until your vehicle is once again stain-free. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> To find these products that ensure bugs, tar, or anything else foreign won't take over your car's exterior, check out Home Depot or online on a site like Amazon. Of course, your local automotive shop is always a good place to start, as they help their customers with these types of problems every day. Here's to happy, safe, and bug-free driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Removing Bugs and Tar" },
89	{ description: "Spring Newsletter", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Is it just your imagination, or are you seeing more blue in the sky than you've seen in months? And are those birds chirping when you wake up in the morning? Did you walk out of the house this morning without your usual bulky jacket and <i>not </i>need to turn right around to get it? If you've answered “yes” to all of these questions, we're willing to bet that you are currently witnessing the happy transition from winter to spring.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> In the last two newsletters we hopefully helped prepare you and your car for the harsher seasonal transitions. But what advice could we possibly give now that the roads are no longer slick with ice and for once you can see out of your windshield without the help of wipers? As it turns out, plenty! Not only is it time to repair your vehicle from what may have been a harsh winter, but if you're thinking of putting your car on the market, spring is a prime time for car buyers so you want to make sure your car is looking its absolute best.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> A good place to start is giving your car a good all-over wash. Road salt from the winter months can damage your undercarriage by eating away the metal. This is easily preventable by taking it in to your local car wash. If you're doing it yourself, use a high-pressure sprayer or garden hose.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Check those tires! Tire pressure fluctuates with every 10 degrees in temperature. If you have winter tires, it's time to put them back in storage until next year. If you have all-season tires, make sure they get rotated, as this extends their life and will give you better braking and handling. This is especially important since spring roads tend to be wet due to “April Showers.” </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Of course, rotating your tires to help with your braking power won't amount to much if your brakes have hit the end of their life. Be sure to have them looked at as they can take a beating during a harsh winter. If you can hear the warning signs of bad brakes—like grinding, squealing, or screeching—take it in to your local shop right away. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Just as bears hibernate, we know that trash can tend to “hibernate” in the crevices of your interior over the winter. So vacuum, vacuum, vacuum! While you're at it, if you have winter car mats, you are now free to put them in storage along with your winter tires. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Finally, change your oil. If you've been using a thinner oil during the winter months it's time to switch back to your usual oil for the warmer weather. Of course, double-check with your manufacturer for the recommended oil type for your vehicle. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope these tips make the transition into spring as easy for you as it is for the birds. Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Spring Newsletter" },
90	{ description: "Vehicle Theft Protection", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Cars are not only one of our greatest connectors to the world beyond our driveway. For many they become an unintentional safe of sorts, storing personal belongings that we either haven't yet allocated a home for or are just too important and useful to be kept very far from our side. No wonder, then, that thieves find a lucrative target both in what's left behind in a car and the car itself. We hope the following tips prevent you from becoming a victim of either:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Always take your keys when stepping away from your vehicle and always lock your car. These may appear to be obvious statements to some, but you might be surprised to learn that nearly 20% of all stolen cars have the keys left in them, and approximately 50% of all stolen cars have been left unlocked.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Park in bright, well-lighted, and well-populated area. Over half of all vehicle crimes occur at night. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Place any item of value out of sight <i>before </i>you reach your destination. You never know who may be preying in the background (and seasoned thieves do), watching you as you “safely” put away your valuables, then knowing exactly where to go once you are out of sight. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Alarms or anti-theft devices are effective, as thieves are usually looking for the "easiest" target. But don't make this common mistake: Having an alarm doesn't mean thieves won't break-in if you leave valuable items in plain sight.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Vehicle GPS systems are the "hottest" items that thieves are targeting both locally and nationally. It's very simple, as police say: "If you leave a GPS system in your car, chances are it will be stolen.” Make sure to take the whole unit out of your vehicle, including the mounting bracket. If there's even a hint that a GPS system could be in your car, that's enough for a thief to take his chances. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you're looking for a place to purchase an anti-theft device, a great place to start is online on sites like Amazon or eBay. Then find an alarm installer in your area who is Mobile Electronics Certification Program (MECP) certified. You can find this specification by checking with the Better Business Bureau before you take your car in. Don't forget to ask for a quick tutorial once the system is installed! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Vehicle Theft Protection" },
91	{ description: "Winter Newsletter", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> The trees that just a couple of months ago were a warm shade of reds, greens, and oranges are now sparse, and the streets that were once littered with fallen leaves are now covered in a mix of snow and ice, signaling the beginnings of what we all know as one thing: winter.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> In our last newsletter, we prepared you for this impending arrival of Old Man Winter, and we hope those tips are now proving to be useful preventative measures. However, we know problems can, and will, still arise during these cold days, so we'd like to share with you some suggestions on ways for both you and your vehicle to make it easily through the winter. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Make it a habit to check your radiator, washer fluids, and tire pressure, as these things can easily change or freeze in cold weather. Minimize condensation within your vehicle by always keeping your tank at least 1/3 full, and before starting your car—especially in the early morning hours—make sure to turn off all accessories as doing so is much better for your battery. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We all know that in this time of ice, rain, sleet, and snow, windshield wipers can turn into our instant best friends. Keep them on your side with these tips:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> If you have an All Weather Package (this includes heated outside mirrors, front wiper de-icer, and heated seats), turn on the front wiper de-icers to free the blades if there's any frost or ice. Do not use warm water on the windshield as it may crack the glass. Use the heated seats to keep you warm in the meantime!</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> When parking your car for longer periods of time outdoors, lift the wiper blades and arms off the glass so they stick up and won't freeze to the windshield. Another useful trick is placing a newspaper under the wiper blades to prevent the same thing. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Windshield wipers aren't the only things in your car that a few secret tricks can help take care of. Is your door lock frozen? Try heating your key with a match. Windshield fogging up too rapidly? Turn off the front defroster before getting out of the car. This will slow down the fogging up of your vehicle because the cold air won't enter onto the warm windshield. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Remember to accelerate slowly when driving in snow to avoid spinning out or sliding. Gently tap the brakes to slow down and anticipate how long it will take to come to a complete stop. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Before we send you on your way to brave the winter roads, we must leave you with a warning to always watch out for the “other guy.” You know, the one who's perpetually in a hurry and driving as if the roads were dry. Take precautionary measures to stay far away from him or, at the very least, be prepared to encounter him. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We'll touch base and see how you fared this spring. Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Winter Newsletter" },
92	{ description: "Car Care Tips that Save Gas", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Unless you live in a city that is known to have extremely efficient public transportation, we're assuming that your vehicle is high on your list of daily necessities. Which means, whether you like it or not, that fuel is high on that list as well. But besides driving around town looking for the least expensive spot to fuel up, what else can you do to save gas and your hard-earned money? Turns out, plenty:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Buy the right tires for your vehicle and keep them properly inflated. The best tire for fuel efficiency is the one that has the least friction with the road, also known as low rolling resistance tires. Granted, these tires won't hug curves as well as you may like, but the trade-off will be more money in your pocket! In terms of inflation, under-inflated tires can run you as much as ONE mile per gallon! A tire pressure gauge is a worthwhile investment, and you should use it to check the pressure of each tire once a month. Remember to follow the inflation rules listed in your automaker's operator's manual or the sticker on the driver's side door. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Need an excuse to clean out your trunk? What if we told you an extra 100 pounds in your trunk reduces your fuel economy by 1-2 percent? Well, it's true! This goes for any extra baggage that might be strewn across your front and backseats as well. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Proper routine maintenance. This will not only extend the life of your car and preserve its resale value; it will also optimize your car's gas mileage. You know the old rule—change the oil every three months or 3,000 miles. It'll forever be the golden rule in our book!</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Tighten your gas cap. Gas will evaporate if your cap is not tightly in place, and evaporating gas means evaporating dollar bills. Make sure you tighten the cap after each fill up. If you should happen to lose your cap, purchase one from your car dealer to avoid an after-market cap as it may not provide a snug seal. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you are in the market for a fuel saving product like a tire-pressure gauge, check the nearest gas station, auto parts store, or discount stores that have an auto department. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy fuel-efficient driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Car Care Tips that Save Gas" },
93	{ description: "Consumer Rights (Car Insurance)", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> You don't need car insurance—unless you plan on driving anywhere. Whether you like it or not, auto insurance is a necessity and one that you must pay for. But a lot of options combined with a lot of companies selling various policies can make for a confusing process of obtaining the right insurance for your needs as a driver. Read on as we navigate the clutter for you, informing you of what to look for, what to steer away from, and the questions you should be asking.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> First things first: Browse your state's department of insurance website. Every state has a department of insurance, and many departments’ websites publish "consumer complaint ratios" for all of the insurance companies that sell policies in their state. This ratio tells you how many complaints an auto insurance company received per 1,000 claims filed. Just because a company is widely-known or has a respected name does NOT mean it is treating its customers as they should be. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <strong><span style="font-weight: normal">Find out which insurers body shops recommend.</span></strong> Contact local body shops that you trust and ask for their recommendations. Body shop managers have a unique perspective to offer since they regularly interact with insurance adjusters. They probably have a good sense of which companies offer the smoothest process as well as the ones which have the most hoops to jump through. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Consider working with an agent. Although it's no longer the only way to go—with companies like Geico you can purchase insurance online or over the phone—it can ensure you are working with someone who more likely has a vested interest in your happiness, meaning he will work to familiarize himself with your history and your needs. Note that there are two types of agents:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> The captive agent: These agents represent only one insurance company (think of a State Farm insurance agent).</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> The independent agent: These agents are more like brokers. They are not tied to one agency and therefore are not particularly invested in selling you one certain policy.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you decide to go with an agent, never feel pressured by him or her. Take the time to talk with an agent or a broker and do your online research. By doing your own outside research you may find a better deal with a company that operates direct.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Independent agents sometimes charge a fee for their services, but you may be able to negotiate that. You should agree upon any fee in writing before making a purchase. Look for agents who are certified by Independent Insurance Agents of America (Big "I") or Professional Insurance Agents (PIA).</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Whether you’re dealing with an agent or a service representative over the phone, there are a few questions you should be asking: </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> “What is my risk assessment?”</p> <ul> <li> <p style="margin-bottom: 0in"> A driver’s age, driving record, area of residence, criminal record, and even credit rating can affect how the insurance company will decide how much of a risk that driver will be on the road. If you’re looking to insure a younger driver, you may find it difficult to get reasonable auto insurance rates because of the data about teen drivers. One solution is to talk to a variety of different insurers and shop around to get better car insurance rates. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> “What are the payment terms?”</p> <ul> <li> <p style="margin-bottom: 0in"> Most insurers offer mainly annual or six-month premiums. Six-month premiums can be useful because the rate may go down after six months if the insurer sees a clean record as an indication that a driver is less of a risk than previously presumed.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> “What will my deductibles be?”</p> <ul> <li> <p style="margin-bottom: 0in"> Auto insurance deductibles are the amounts that a driver will have to pay on a claim before the insurer’s payment responsibility kicks in. A driver chooses his or her own deductibles when talking to an insurance company; the key is to find the amounts that your household will have on hand to pay off any claims.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> No matter the policy you buy, in the end, make sure you understand it! Insurance companies have a reputation for offering products that their customers can’t understand. Read through all potential policies and don't be afraid to question anything that doesn't make sense to you. It may take time and a little frustration, but the effort will be more than worth it if the worst ever happens to you as a driver.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Consumer Rights (Car Insurance)" },
94	{ description: "Consumer Rights (Repairs)", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Did you know that you have rights as a consumer when you take your car in to be repaired? Many consumers don't, but we're about to give you the knowledge you need to ensure that you are not taken advantage of—especially during a time when you are vulnerable.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Ideally, you should check out repair shops in your area before an emergency ever arises so you won't be forced to randomly choose one. Word-of-mouth is a great way to narrow your options. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Here are some things you should keep in mind as you search for a reliable repair shop:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> <font color="#000000">Is the body shop neat and well organized? </font> </p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">Does it have modern equipment? </font> </p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">Is its policy regarding labor rates, guarantees, and methods of payment clearly posted? </font> </p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">Is the staff qualified and the shop certified by AAA, the Automotive Service Council, or the Better Business Bureau? </font> </p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">Is the manager willing to answer any questions you may have? </font> </p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">Does the shop specialize in any particular vehicles such as foreign cars or farm equipment? </font> </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <font color="#000000">Once you have settled on a shop you have the right to an estimate, in person, for any repairs that are over $100. Once you have received your estimate, the repairs cannot cost over 10% of that estimate without your prior approval. Be aware that many repair shops are allowed to keep your car until you've paid your agreed-upon bill, except under these conditions: </font> </p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> <font color="#000000">If a written estimate wasn’t provided during the face-to-face contact </font> </p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">If the charges were more than 10% over the estimate without your approval</font></p> </li> <li> <p style="margin-bottom: 0in"> <font color="#000000">If the repair shop did not post a sign stating “your customer rights” </font> </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <font color="#000000">By law, when you receive your invoice it must contain a detailed description of the work the shop did on your vehicle, including all parts used, and if the parts had been in a collision in a prior vehicle. The invoice will also give the price for the parts and the company who made them. Lastly, the invoice will contain the charge for labor and the total cost for the repairs.</font></p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <font color="#000000">We hope the next time you need to take your car to a repair shop (we hope that time is later rather than sooner!) you will be a prepared and educated consumer.</font></p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <font color="#000000">Happy driving! </font> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Consumer Rights (Repairs)" },
95	{ description: "Halloween Driving", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> It should come as no surprise that the AAA Foundation for Traffic Safety has announced that Halloween is the deadliest night of the year for pedestrians. As neighborhoods become playgrounds for hundreds of children scurrying from door to door in search of the next treat, and the streets become filled with cars carrying partying adults, the risk of fatalities are bound to increase. We hope this Halloween safety checklist proves to guarantee this Halloween is filled with many treats and absolutely no unwelcoming tricks.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you are a parent accompanying your children door to door this year, make sure their costumes are easy to maneuver in. If you'll be taking them out after the sun goes down, stick a few reflectors on their costumes to ensure drivers will be able to spot them if they dart into the street. If your child thinks reflectors on his or her costume will disrupt the “beauty” of it, compromise and insist they carry a flashlight instead. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Sidewalks are there for a reason! Use them, and remember to walk facing traffic—sidewalks or not. Never allow your children to cross mid-block or dart out from behind a parked vehicle. Trick-or-treating in well-lit neighborhoods with little or slow-moving traffic should be of upmost importance. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you will be driving on Halloween, make sure you appoint a designated driver before your night begins. If one cannot be easily assigned, make plans to spend the night at your destination and hail a cab to arrive there. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you can avoid residential areas to get to your destination, please do. The less cars in our neighborhoods means less chance of young children getting hurt or worse. Drive cautiously, turn your headlights on well before dusk, and drive under the speed limit. According to AAA, a pedestrian is nearly twice as likely to be killed if they're hit by a car going 30 mph compared to a car going 25 mph. What a difference a little precaution makes!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you are looking to buy reflective tape for your child's costume, try your local bike store, hardware store, or a site like pedestrianreflectors.com. </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Halloween Driving" },
96	{ description: "How to Get Rid of Smells in Your Car", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We've all been there. You're driving happily down the highway when you pass a sewage center or a dead skunk in the road. You hold your breath until it passes, except there's a problem—it never passes. Low and behold, what you first brushed off as a “passing smell” is in fact a perishable item you mistakenly left in your car days before. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> But before you take your car to a professional to help with the problem, try a few of these tips which will save you money and have your car smelling (almost) brand new in no time flat!</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Clean it first! Nothing will get rid of an odor as long as the source still exists—such as a spilled liquid or old food. Use a power steamer to clean the area. If you don't have access to a power steamer, use a top-quality cleaning product to do the trick. But just as important as giving your whole vehicle a full scrub is allowing it to air out for as long as possible post-wash, with all the doors open. The odor may persist longer than desirable if you close your vehicle up too soon. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Place an open bag of charcoal in your car. No, this is not an old wives’ tale—it actually works! Charcoal is a fantastic natural product you can use to absorb and get rid of odors. Make sure you put it in only after you have cleaned your car. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Just like charcoal, vinegar is another great natural odor-absorber, especially for the more intense smells that may get left behind. After your car has aired out from its cleaning, set a bowl of white vinegar in it and leave it undisturbed until the odor has disappeared.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Try a scent cover or scent eliminator. These products do not smell like anything, as they are meant to cover the smell of hunters so that they are “invisible” to their game. Covers and eliminators are the most economical way to go, but only when nothing else works. These products can be found at sports shops, in sporting goods departments in larger department stores, and online. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope these tips will have you back in your sweet smelling vehicle in no time. Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How to Get Rid of Smells in Your Car" },
97	{ description: "Maintaining Your Car\'s Value", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Even if you’re not planning on selling your vehicle in the near future, it is important to always be conscious of your car's value and how your actions can affect that value on a daily basis. We're here to offer you tips on how to maintain as much of your vehicle's value as possible, regardless of whether you plan to sell it in ten months or ten years. </p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> It seems obvious, but just to make sure it’s understood: More miles = less value. It's important to be aware of all excessive mileage you may rack up on your car. For instance, going on a road trip? Opt for a rental and leave your vehicle at home. The potential depreciation in the value of your high mileage car at resale time will have the money you spent on that rental car looking like pennies—and you don't want to be the person who waits until then to realize that. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Keep your car clean! It's human nature to judge on appearances, so you want to be sure your car has its best foot (or is it wheel?) forward when the time comes to sell it. Stains, burns from cigarettes, and other blemishes can seriously reduce a car's value. If you can, avoid eating, drinking, and applying makeup in your car, detail it regularly at home or at a car wash, and store it in a garage so the exterior will be exposed to as little elements as possible. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Rust and your vehicle will never, ever be friends. Think of rust as your car's worst enemy. For those of you that live in colder climates that are known for harsh winters, be sure to wash your car often to remove salt deposits that can eventually lead to rust, and have your car undercoated to avoid salt deposits from building up on the frame and the underside of your quarter panels and fenders. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Be smart from the start. Determine which vehicles hold their value better than others before you purchase a car so you’ll be ahead of the game from the get-go. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> A great reference for determining which vehicles hold their value over others is the Used Car Information Center at NADAguides.com. There you can compare the price of every new and used car you can imagine that is on the market today.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Maintaining Your Car\'s Value" },
98	{ description: "Proper Scratch Repair", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> There are two things every driver wishes of his or her car: That the inside will always smell like new, and that the outside will always look like new. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Of course, these both can be fleeting wishes, but we hope these tips for proper scratch repair will, at the very least, keep your vehicle presentable for as long as possible. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If the scratch on your vehicle is of the smaller variety, you can probably take care of it on your own. Larger ones will require the use of paint sprayers teamed with professional help.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> For the do-it-yourself scratch repairs, first determine if your car has an enameled based paint, as some of the paint jobs on newer models won't blend well with lacquer-based primer paint. You can always consult your local auto parts store or the dealership where you bought your car before you begin work. They can both help determine your car's exact color. Remember to bring your VIN number with you!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Now, put automobile-specific primer paint in a lighter color and body compound that will go on easily in one coat. This can usually be found in spray-can form. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Wash the scratch and surrounding area with a mild laundry detergent. Then sand along the scratch with fine-grained sandpaper, taking care to brush away any dust that may accumulate. Try to use the softest brush you can find. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Next, use masking tape and newspaper to isolate the scratched area, leaving about a half-inch working space around the scratch. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Using a puffy knife (stay far, far away from any metal ones!), apply your body compound to any deep scratches. After the compound hardens, sand the compound flat and brush away all the excess dust. Spray a small amount of your primer to the scratch and let it dry overnight. Apply the touch-up paint to the scratched area with the applicator brush that comes with the paint, and again let dry overnight. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Presto! Your car should be as good as new. Remember, if a scratch or scrape is left alone for a long time with no attention given to it, the area can start to rust, which can be impossible to curtail once it has started. And again, if the scratch is severe, take it to your local dealership or auto body shop to ensure you don't cause more harm than good to your vehicle!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving! </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Proper Scratch Repair" },
99	{ description: "Summer Newsletter", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Summertime, and the living is easy . . . </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Well, for you at least. But what about your vehicle? Just because summer is easy on you doesn't make it easy on your 4-wheeled best friend. And don't forget, a problem with your vehicle can quickly escalate—something we're sure you don't want to deal with when you know you could be at the beach, not the auto repair shop!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Summer is the season of road trips. But before you venture out on the open road with your family, make sure the engine oil and oil filter are changed. Also be sure the service technician checks your coolant, brakes, automatic transmission, windshield wipers, and power-steering fluids while they're at it. These fluids are critical for keeping parts lubricated and preventing your engine from overheating. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Replace worn wiper blades and refill your washer solvent to the brim—especially if you will be traveling or live in a location with lots of dust and insects. On that note, clean your car regularly and park in the shade or in a garage, not only to maintain the brightness of your car's paint, but experts say the hot summer sun can actually cause gas to evaporate! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> You should know better than to leave your children or any pets in a parked car in the summer heat (or any time, for that matter!), but do you realize the damage that scorching sun can do to electronics as well? Or even sporting equipment? Tennis racquet strings can weaken and so can the shafts of golf clubs. And don't get us started on makeup. Something like a melted lipstick will not only leave you searching for that shade of lip color again, but potentially searching for new upholstery. We know that's a search you can live without! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> The summer heat is no comfortable place for a car to break down. But like all unexpected things, it’s bound to happen at some point so you should prepare for the worst. Keep an emergency kit in your trunk at all times with items like jumper cables, an air compressor, tools, a first aid kit, and at least two gallons of water. The AAA 73 Piece Adventurer Road Assistance Kit is a way to get it all-in-one, and they can be purchased on Amazon.com. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Check your tire pressure before you start driving. Under-inflated tires can bulge out, putting pressure on the sidewalls and making them more susceptible to blowouts on hot roads. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> These tips should have you and your car raring to go! Now, stop checking your emails and get to the beach. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Summer Newsletter" },
100	{ description: "Tire Myths and Realities", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> The wheels on the bus go round and round . . . .as do the wheels on your car. But is that all you know about your tires—that they take you to and from your destination? If it is, you could very well be missing out on some important facts. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Myth:</b> You should inflate your tires according to the tire pressure listed on the tire sidewall. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Fact:</b> We are sure many people do this because many don't realize that in this case, the writing is not on the wall. Don't let it fool you! The tire's <i> maximum</i> inflation pressure—not <i>recommended</i> tire pressure—is molded on the sidewall. For proper inflation information, refer to the inflation pressure recommendations in the owner's manual or on the vehicle placard located in the glove box or on the door post. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Myth:</b> Never rotate tires from side to side, but only front to back.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Fact:</b> Radial tires can be crossed from side to side in the rotation pattern unlike the bias ply tires. Remembering to rotate your tires every 6,000 to 8,000 miles will ensure uniform wear for all four of your wheels.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Myth:</b> These days, all-season tires can get you through anything. No need for winter tires, ever.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Fact:</b> If you live in a place like Southern California, this logic may apply. But if you live somewhere that has more harsh weather—like the northern-most states—the traction provided by winter tires is irreplaceable. They provide 25 percent improved traction in deep snow over all-season tires. Driving in a winter storm is already hard enough. Why make it any harder (or more unsafe)? Stick with your reliable winter tires.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Looking for a place to purchase snow tires? Try Big O Tires or Jiffy Lube locally, or go online to a site like tirerack.com. </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Tire Myths and Realities" },
101	{ description: "Washing Your Engine Compartment", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> You wash your car. You wash its seats. You wash its wheels. So why not wash its engine compartment? We know, this doesn't sound like an ideal way to spend your afternoon, but we promise you that it is worth it in the long run in terms of vehicle maintenance.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> On top of making it easier on you to identify any oil, automatic transmission, and coolant leaks, washing your engine compartment will ensure your engine will run cooler and more efficiently throughout your car's life. Are all these reasons not enough? Then consider that keeping your engine free of built-up gunk goes a long way towards preventing under-hood fires.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Now that you've been convinced, time to start cleaning! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> To soften any grunge that has accumulated, start your engine, let it warm up for a few minutes, and then shut it off. You want it warm for cleaning, but not hot. As the engine is cooling, use the time to cover air intakes, air filters, the oil dipstick, coils, and electronic black boxes to protect them from water spray. Use plastic bags and aluminum foil seal with rubber bands to do this. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Use baking soda mixed with water to clean the battery and its cables of corrosion, being careful that no corrosive battery acid is sprayed around the engine compartment or onto the body. Also be wary of keeping the solution out of the battery, where it can cause damage. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Start at the bottom spraying on a quality degreaser like P21S Total Auto Wash, and work your way up, following the directions on the container. Since there is the potential that your cleaner can remove a car's wax, cover your car's body or wax the car when finished. Use a small paint brush to loosen the dirt and a scraper for any tougher crud. Allow the degreaser to set for a few minutes and then use a 100% cotton towel or soft brush to gently (we must emphasize . . . GENTLY!) agitate the heavily soiled areas. Re-spray and re-brush as needed. Once you have finished, rinse the whole compartment with water and get on with your day. We told you it wasn't such an intimidating process!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you are in the market for a quality degreaser before you start this process, we recommend visiting your local auto body shop or shopping online at a site like carcareonline.com, which sells P21S Total Auto Wash. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Washing Your Engine Compartment" },
102	{ description: "CAR SAFETY TIPS FOR WOMEN", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> All drivers should be prudent drivers, but unfortunately, female drivers need to take extra steps to ensure they avoid being victims of certain crimes such as car jacking, robbery, sexual assault, or worse. We are happy to provide the following tips that we hope will keep our female drivers safe, secure, and out of the way of potential criminals.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We've all probably witnessed, or been the recipient, of a form of road rage. Some drivers just can't let bygones be bygones, but that in no way gives you the green-light to engage them. Avoid even looking at someone who is trying to get your attention in an aggressive manner. Keep driving, or if worse comes to worse, turn onto another street away from the aggressor. Keep your ego out of it. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> It's not a myth that attackers prefer their targets to be aloof. Make sure you’re never viewed as an “easy” target by maintaining your senses and your focus. Pay attention to your surroundings, turn your radio down when driving through residential neighborhoods, save the phone calls and text messages for after you arrive at your destination, and keep your doors locked. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Park your car as close as you can to your destination, especially at night. Try to park in a well-lit area or, at the very least, under a streetlight. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Pepper spray can be found at many neighborhood stores these days, and a small one that attaches to your key chain is never a bad investment. This is one of the easiest ways to debilitate a would-be attacker. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Upon returning to your vehicle, take a quick glance under, around, and in your car to make sure no surprises await you. Once you're safely inside, lock the doors.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Don't assume an unmarked vehicle with a flashing light is a police officer. If you’re being called to pull over by a vehicle that doesn't look official, it may not be. Keep driving and don't pull over until you are in a public, well-lit area, like a busy parking lot. Ask to see the officer's ID and, if you have any suspicions, roll your window up and lock your doors. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> There is no better defense as a driver, female or not, than being prepared. If you are looking to purchase pepper spray, stores like Wal-Mart, Target, and local convenience stores are your best bet and, of course, you can always look online on sites like Amazon.com to compare reviews of different makers. Here's to a smooth, <i>safe </i>trip—wherever you're headed! </p> <p style="margin-bottom: 0in"> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "CAR SAFETY TIPS FOR WOMEN" },
103	{ description: "Happy Holidays", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Season's Greetings!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope you are having a fun, joyous, and laughter-filled holiday season complete with visits to, and from, special family members and friends. We're sure that unless it's an emergency, thinking of vehicle maintenance during this time is not at the forefront of your mind. But as our holiday gift to you, we're here to offer some tips and advice concerning what we know best—vehicles, of course! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> In the market for a used car for yourself or as a gift to a loved one this season? Then this is one purchase you don't want to wait to make until the holiday rush to subsides. Surprisingly enough, used car prices typically hit their lowest average of the year in the time between Thanksgiving and the first week of January. This is attributed to a lower demand during the holiday season, which gives way to dealers being more generous in their negotiations. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Of course, there are two sides to every coin, and with the perks of the holiday season comes the disadvantages. For instance, car break-ins become more prominent during this time of year. To avoid becoming a victim of these unfortunate instances, always be sure to park in well-lit, crowded areas while doing your holiday shopping. A vehicle with a lot of visible items in it is going to be most attractive to criminals, so if you can't unload everything out of your vehicle, move it to your trunk (not to be done in front of a crowd!).</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> And finally, we're sure many of you have some extended car rides in store this season either for a vacation getaway or to visit friends and family. Which leads us to ask . . . who's in charge of making the road trip playlist?</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy holidays to you and yours, and of course, happy driving—wherever you may be headed this season!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Happy Holidays" },
104	{ description: "Happy New Year", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy New Year!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope this year was brought in surrounded by friends and family members, and that your trip to and from New Year’s Eve festivities was a safe one. What are some resolutions you made this year? If you're anything like us, at least a few of them had to do with your car! Even if you're not as car-obsessed as we happen to be, we hope these following resolutions, our NYE resolutions, inspire you to take care of your car just a little better than you did last year. Repeat after us:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> I will drive my car safely, every day.</p> </li> <li> <p style="margin-bottom: 0in"> I will choose a reputable car insurer that meets the needs of me and my family.</p> </li> <li> <p style="margin-bottom: 0in"> I will keep a mileage log, not only for tax purposes, but to keep track of any early warning signs that something may be wrong with my car (which I'll be able get an early heads-up on by noticing if my gas mileage begins to worsen).</p> </li> <li> <p style="margin-bottom: 0in"> I will not race my car's engine during start up, because I don't want, or need, unnecessary years added to my vehicle.</p> </li> <li> <p style="margin-bottom: 0in"> I will not hold my steering wheel in an extreme left or right position when turning, as I'd like my power-steering pump to remain intact. </p> </li> <li> <p style="margin-bottom: 0in"> I will do my best to avoid driving at high-speeds and accelerating as if my car were running on rocket fuel.</p> </li> </ul> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> We hope we've been able to throw some inspiration your way and that the New Year is one of happy and safe driving for you!</p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Happy New Year" },
105	{ description: "Happy New Year1", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy New Year!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Out with the old, in with the new, right? We hope you’ll make some resolutions to ensure that your car will not only get you through one more year, but many years! Here are some of our favorites:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> “I will check my engine oil at every other fill up.” This may feel a bit time-consuming, but for the trouble it can prevent in the future, it's worth it. Always add the type and amount of oil as specified in your owner's manual. </p> </li> <li> <p style="margin-bottom: 0in"> “I will not mix coolants.” If the coolant you start with is one color, it's not wise to add another color to the mix. You may end up with a formula that is unable to serve its purpose. </p> </li> <li> <p style="margin-bottom: 0in"> “If I can't park in a garage, I will at least park in the shade.” This will help minimize interior damage from UV sunlight and heat. </p> </li> <li> <p style="margin-bottom: 0in"> “I will place a towel under baby seats.” Food pieces and liquids can find an unintentional safe-haven under your child's car seat. Placing a towel and/or a heavy plastic sheet under his or her seat will keep your car clean.</p> </li> <li> <p style="margin-bottom: 0in"> “I will lighten up my key chain.” Does this sound like a ridiculous resolution? Well, know this: If you have a heavy bulk of keys hanging out of your ignition daily, the weight combined with the bouncing while you drive can wear out the tumblers inside the ignitions and eventually lead to ignition switch failure. Crazy, but true!</p> </li> </ul> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> What are some New Year's resolutions you and your family have when it comes to maintaining the value, shape, and safety of your car? Here's to a safe, low-mileage New Year! </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Happy New Year1" },
106	{ description: "How To Get Best Car Insurance for Best Price", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p align="CENTER" lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="4" style="font-size: 16pt"> <b> GETTING THE BEST INSURANCE COVERAGE FOR THE BEST PRICE </b> </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> Dear [[Customer Name]], </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> Shopping for car insurance probably isn’t on your “Top 10 Things I’d Actually Like to Shop For” list but, in most states, it’s the law. But law or no law, the peace-of-mind that comes with acquiring auto insurance is worth every penny. And like all important purchases, it’s never wise to snatch up the first offer you receive. Because although insurance is “worth” every penny, we’re sure you’d like to save at least “some” of those pennies! </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> For starters: All car insurance is <i>not </i>the same. You wouldn’t take your car in for major repairs without getting quotes and opinions from a few different places, right? You should begin shopping for insurance with that same apprehensive mindset. Each company has many different groups, and the rates are different for each group. Every insurance company is legally required to set its rates based on its own experience with claims payments and expenses associated with each rating group. That means rates can vary considerably from one car insurance company to the next, even for the exact same driver. </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> A prudent next step to take would be to research whether your state logs complaints against insurance companies (many do). If you do find that a particular company has many complaints, take it as a big warning. You’d rather pay a little more for insurance than be hassled by a company when you need them most. </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> While the myth is true that switching carriers can save you hundreds of dollars, that’s usually only if you have an outstanding credit report. But regardless of your credit score, there can be many advantages to staying with your current carrier. Some companies give a “loyalty discount” to those who stay with them for more than a year. Discounts are also offered for maintaining a clean driving record or for driving a car with special safety equipment. If you’re looking to insure a vehicle for your teenager, good grades can be your best bet to lower that price. </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.07in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> Don’t be afraid to drop some coverage. Yes, that’s right: If the car you drive has high mileage or is more than five years old, it's not a bad idea to consider dropping collision and comprehensive coverage, because you might be paying more in premiums than the car is actually worth. </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.07in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> Always keep in mind, as attractive as cheap auto insurance looks at the time, the costs you may be forced to pay down the road should something unexpected happen are not worth losing your peace-of-mind or hard-earned money over. </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> We hope these tips have helped, and if you’re looking to start your research online, try<font color="#0000ff"> <u> <a href="http://www.insweb.com/"> InsWeb</a> </u> </font> or <font color="#0000ff"> <u> <a href="http://www.insurance.com/">Insurance.com</a> </u> </font> as starters. </font> </font> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <br /> </p> <p lang="en-US" style="margin-bottom: 0in; line-height: 0.19in; widows: 2; orphans: 2"> <font color="#000000" face="Calibri"> <font size="2" style="font-size: 11pt"> Happy driving! </font> </font> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How To Get Best Car Insurance for Best Price" },
107	{ description: "Maintenance Tips For Women", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p> <br /> </p> <p> Gone are the days when car care was considered a “man's job.” The role women play in maintaining their vehicles continues to rise, with approximately 65% of automotive service customers classified as females. But regardless if you're a woman who has taken the lead in maintaining your car for years or if you are new to the game, it's always wise to keep abreast of the most important car care tips so your car will be maintained with the best of them. (Men, you're allowed to take a look at this list as well!)</p> <h2 class="western"> </h2> <h2 class="western"> <strong><font size="3"><u>Create a Maintenance Checklist</u></font></strong></h2> <p> <strong><span style="font-weight: normal">Take your vehicle to a car care expert on a regular basis for things like refilling fluids, checking tire pressure and engine oil, and inspecting belts and hoses. Make note of the dates you complete your check-ups as well as notes on when the shop suggests you should bring it in again. This will help ensure that the little things don't get overlooked and become big things.</span></strong></p> <p> <br /> <br /> </p> <p> <strong><u>Pay Attention to Your Wiper Blades</u></strong></p> <p> <strong><span style="font-weight: normal">Proper wiper blade maintenance is important for staying safe in inclement weather. Wiper blades should be replaced approximately every six months or sooner if you start to notice cracks. Clean dirty wiper blades with a wet paper towel. </span></strong> </p> <h2 class="western"> </h2> <h2 class="western"> <strong><font size="3"><u>Know How to Check Tire Pressure and Change a Tire</u></font></strong><font size="3"><u> </u></font> </h2> <p> Becoming a member of AAA or other auto club services provides peace-of-mind, especially in those unforeseen road mishaps, live having a flat tire. But auto club service or not, learning to change a flat tire yourself will never be considered unnecessary knowledge. Ask a car care professional to show you how. Make sure your tires are filled to the proper tire pressure as well. You can find the proper tire pressure in the vehicle owner’s manual or on a decal in the door jamb or glove compartment. Don't forget to make sure that spare tire is also stored at proper tire pressure. </p> <p> <br /> <br /> </p> <p> <u><b>Use Your Senses!</b></u></p> <p> Trust what you see, smell, and hear while driving. Pay attention to dashboard warning lights, leaks coming from under your car, and smoke coming from your engine. If you smell something unusual, it may be the sign of one of your fluids leaking. And finally, listen for any out-of-the-ordinary noises you hear while driving. Keep in mind when you heard them, how fast you were going when you heard them, what area of the car they seemed to be coming from, etc., so as to give your technician an accurate description of the problem. </p> <p> <br /> <br /> </p> <p> If you are in the market for AAA membership, visit the company’s website at <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.AAA.com/">www.AAA.com</a></u></span></font>. We hope these tips will keep all the ladies (and of course, the gentleman) ahead of the game when it comes to maintaining your vehicle. </p> <p> <br /> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Maintenance Tips For Women" },
108	{ description: "Paint Myths and Realities", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p align="CENTER" style="margin-bottom: 0in"> <font size="5"><b>PAINT MYTHS AND REALITIES</b></font></p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> With so many different sources telling you how to take care of the paint on your vehicle, it can be difficult to decipher which bits of advice you should actually listen to. Good thing you have us to help keep the myths separated from the reality!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Myth:</b> Avoid a silicone-based wax. If used, your car cannot be repainted.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Reality:</b> It's true that silicone is an auto painter's worst nightmare as the vehicle is being painted. It can keep the paint from adhering to the surface, resulting in defects. However, once the paint is on a car, silicone is no longer an issue. It's so much of a non-issue that you'll be hard pressed to find a wax that doesn't use some sort of silicone in its formula because it enhances the ease of the product. If repainting needs to be done, a body shop can simply take the wax off as part of its normal preparation. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Myth:</b> You know paint is in good shape if it looks glossy.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Reality:</b> Paint can dull at an extremely slow rate—so much so that you may not even realize it has happened until <i>everyone</i> notices it's happened. You shouldn't just rely on the look of a glossy sheen to give you confidence that your car's paint is still in mint condition. A good test is placing your hand on your car and slowly moving it over the surface. A well-maintained finish should feel smooth as glass. Any roughness could indicate adhered grit which degrades paint's gloss to some degree. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <b>Myth:</b> With all of the modern formulas on the market, paint scratches can easily be removed by hand. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <a name="intelliTXT"></a><a name="ctl00_ctl09_ctl00_lblArticle"></a><b>Reality:</b> Scratches can be temporarily filled with some types of products, but they'll more than likely reappear after the first wash. The only sure way to eliminate scratches is to use an abrasive product—such as a cleaner—that removes enough of the surrounding paint to physically make the scratch appear less deep. And still, only the lightest scratches can be removed by hand. The worst types of scratches, the kind that go completely through a paint layer, cannot be eliminated without repainting. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you're shopping around to get your car repainted, make sure to do just that—shop around. Ask for a few different quotes along with explanations on what exactly will be done. It's always smart to ask friends or family members where they received a new paint job and whether they were satisfied. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope this brief myth vs. reality checklist allows you to pick out any misinformation you are given in the future. Happy driving!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Paint Myths and Realities" },
109	{ description: "VEHICLE CRASH AND TEST RATINGS", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p align="CENTER" style="margin-bottom: 0in"> <font size="5" style="font-size: 20pt"><b>VEHICLE CRASH AND TEST RATINGS</b></font></p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> So, you're in the market for a new car. With so many makes, models, not to mention all of the information on all of the cars out there, where should your research begin? Well, we hope it begins with digging-up the safety background on those in which you are interested. We'd like to take a moment to help familiarize you with vehicle crash and test ratings, and why they should be important to you.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> While many automakers will often flaunt their high crash test scores in marketing materials, those scores really don't mean much unless you know how they're calculated. There are two organizations that keep score—the <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">National Highway Traffic Safety Administration (NHTSA)</span></a></u></span></font> and the <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.iihs.org/"><span lang="en-US">Insurance Institute for Highway Safety (IIHS)</span></a></u></span></font>. Their means of testing vehicles vary drastically, but they say (and we agree) that because of this, they are complementary to each other and should both be looked at congruently. We're going to touch on a couple of ways they measure vehicle safety, and we suggest you continue the education at both their websites: www.nhtsa.gov/ and www.iihs.org.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <u><b>Frontal Tests</b></u></p> <p style="margin-bottom: 0in"> The two tests each organization performs for the frontal tests are very different. In the <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">NHTSA</span></a></u></span></font> test, two crash test dummies the size of average adult men are placed in the driver and front-passenger seats secured with the vehicle's seatbelts. The vehicle is then crashed head-on into a fixed barrier at 35 miles per hour, which is the equivalent of two vehicles of similar weight hitting each other head-on at 35 mph. The force of the impact to the dummies is measured, and <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">NHTSA</span></a></u></span></font> gives the vehicle a star rating based on the percent chance of serious injury. <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">NHTSA's</span></a></u></span></font> star ratings are as follows:</p> <p style="margin-bottom: 0in"> <br /> </p> <p> 5 Stars = 10 percent or less chance of injury <br /> 4 Stars = 11-20 percent chance of injury <br /> 3 Stars = 21-35 percent chance of injury <br /> 2 Stars = 36-45 percent chance of injury <br /> 1 Star = 46 percent or greater chance of injury </p> <p style="margin-bottom: 0in"> The frontal test that the<font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.iihs.org/"><span lang="en-US"> IIHS</span></a></u></span></font> conducts is offset; meaning that only one side of the vehicle's front end is hit. The vehicle being tested strikes a deformable barrier on the driver side at 40 mph, which means the forces are similar to a frontal offset crash between two vehicles of the same weight that are each traveling at just under 40 mph. The <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.iihs.org/"><span lang="en-US">IIHS</span></a></u></span></font> ranks the vehicles it tests in one of four ways: Good, Acceptable, Marginal, or Poor. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <u><b>Rollover Tests</b></u></p> <p style="margin-bottom: 0in"> Currently, <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">NHTSA</span></a></u></span></font> is the only organization conducting rollover tests. The federal agency originally began assigning vehicles a rollover rating based on a mathematical calculation that looked at weight, width, and center of gravity to create a statistical likelihood of a vehicle rolling over. The measurement, which <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">NHTSA</span></a></u></span></font> calls the Static Stability Factor, was altered in 2004 when it began including a dynamic test for rollovers. The star ratings it assigns are now the result of a combination of both the static and dynamic tests (though greater weight is still given to the static test). The dynamic test is done with a weighted vehicle that simulates a load of five passengers and a full tank of gas. The vehicle is driven to simulate an emergency lane change and instruments measure the tire movement. If two of the tires lift at least two inches off the pavement simultaneously, it is considered to have "tipped up," the precursor to rolling over. <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.nhtsa.gov/"><span lang="en-US">NHTSA's</span></a></u></span></font> star ratings for rollovers are: </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> 5 Stars = 10 percent or less risk of rollover <br /> 4 Stars = 10-20 percent risk of rollover <br /> 3 Stars = 20-30 percent risk of rollover <br /> 2 Stars = 30-40 percent risk of rollover <br /> 1 Star = 40 percent or greater risk of rollover </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Taking a look at crash test scores and being able to understand them when making a car purchase will help you narrow down your choices dramatically. Sometimes it helps put things into perspective when you realize that a wrong choice in vehicle can hurt someone you care about should a crash occur. We hope you are walking away from this email with knowledge and a greater understanding of what sort of thought should go into your next car purchase. Happy, but more importantly, safe driving!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in">  </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "VEHICLE CRASH AND TEST RATINGS" },
110	{ description: "VEHICLE SAFETY TIPS", html: '<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p align="CENTER" style="margin-bottom: 0in"> <font size="5"><b>VEHICLE SAFETY TIPS</b></font></p> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Sometimes it seems as if we’re spending more time in our vehicle than in our own homes! And with our vehicle being what most of us rely on to get from Point A to Point B, we should all do our best to ensure that our time spent in a car, whether it's behind the wheel or as a passenger, is time that won't be interrupted by unsafe circumstances which could lead to disaster. A few reminders, from our family to yours:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Regularly checking tire pressure is more important than you might think. In addition to prolonging the life of your tires, optimal tire pressure significantly decreases the chances of a blow-out that can lead to an accident.</p> </li> <li> <p style="margin-bottom: 0in"> Put your cell phone on silent somewhere out of your reach when you're driving. Cell phones can be addicting distractions, we know, but they've also got a rap for at times being deadly. Eliminate the distraction, and feel free to pick it back up again once you arrive at your destination.</p> </li> <li> <p style="margin-bottom: 0in"> Clean your windows at least once a week to keep them spotless. Spots, smears, and cracked glass (which should always be replaced immediately) can reflect glare from other vehicles at night.</p> </li> <li> <p style="margin-bottom: 0in"> Regularly check all your lights (headlights, taillights, and signal lights) to make sure they're working properly. Not only can they be a safety hazard, but it is not uncommon for police officers to ticket those with non-functioning lights. </p> </li> <li> <p style="margin-bottom: 0in"> Avoid driving when you're tired. Being extremely tired is equal to driving while under the influence—which everyone knows is dangerous. If you must, pull over to a safe area, move to your passenger seat, and take a nap. Better safe, and late, than sorry.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you ever care to refresh your memory after reading through the tips in this email, a great online resource is <font color="#000080"><span lang="zxx"><u> <a class="western" href="http://www.NHTSA.com/">www.NHTSA.com</a></u></span></font>. Happy (safe) driving!</p> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "VEHICLE SAFETY TIPS" },
111	{ description: "2col-1-2", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="280" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="280" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image01" /> <div mc:edit="tiwc300_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "2col-1-2" },
112	{ description: "2col-1-2-leftsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0 !important; margin-right:0 !important; margin-bottom:10px !important; margin-left:0 !important; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0 !important; margin-right:0 !important; margin-bottom:10px !important; margin-left:0 !important; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0 !important; margin-right:0 !important; margin-bottom:10px !important; margin-left:0 !important; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0 !important; margin-right:0 !important; margin-bottom:10px !important; margin-left:0 !important; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img, .fullWidthBandContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009 u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> <!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:20px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> u0009<td valign="top" width="400"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> u0009u0009 <div mc:edit="std_content00"> u0009u0009 <h1 class="h1">Heading 1</h1> u0009u0009 <h2 class="h2">Heading 2</h2> u0009u0009 <h3 class="h3">Heading 3</h3> u0009u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! u0009u0009 <br /> u0009u0009 <br /> u0009u0009 After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. u0009u0009 </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> u0009u0009</td> </tr> <tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="400"> <tr> <td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009u0009 u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009u0009 u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "2col-1-2-leftsidebar" },
113	{ description: "2col-1-2-rightsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009 u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="400"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> u0009u0009 <div mc:edit="std_content00"> u0009u0009 <h1 class="h1">Heading 1</h1> u0009u0009 <h2 class="h2">Heading 2</h2> u0009u0009 <h3 class="h3">Heading 3</h3> u0009u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! u0009u0009 <br /> u0009u0009 <br /> u0009u0009 After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. u0009u0009 </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> u0009u0009</td> </tr> <tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="400"> <tr> <td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px; margin-bottom:10px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px; margin-bottom:10px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> </td> <!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px; margin-bottom:10px;" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "2col-1-2-rightsidebar" },
114	{ description: "2col-2-1", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="280" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="280" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image01" /> <div mc:edit="tiwc300_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "2col-2-1" },
115	{ description: "2col-basic2column", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } u0009 /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="280" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="280" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image01" /> <div mc:edit="tiwc300_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "2col-basic2column" },
116	{ description: "3col-1-3", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="180" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-1-3" },
117	{ description: "3col-1-3-asym", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="130" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="280" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-1-3-asym" },
118	{ description: "3col-1-3-leftsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; /@editable/ border-right:0; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> u0009u0009 <div mc:edit="std_content00"> u0009u0009 <h1 class="h1">Heading 1</h1> u0009u0009 <h2 class="h2">Heading 2</h2> u0009u0009 <h3 class="h3">Heading 3</h3> u0009u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! u0009u0009 <br /> u0009u0009 <br /> u0009u0009 After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. u0009u0009 </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> u0009<td colspan="2" valign="top" width="600"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image03" /> <div mc:edit="tiwc200_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-1-3-leftsidebar" },
119	{ description: "3col-1-3-rightsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; /@editable/ border-left:0; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> u0009u0009 <div mc:edit="std_content00"> u0009u0009 <h1 class="h1">Heading 1</h1> u0009u0009 <h2 class="h2">Heading 2</h2> u0009u0009 <h3 class="h3">Heading 3</h3> u0009u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! u0009u0009 <br /> u0009u0009 <br /> u0009u0009 After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. u0009u0009 </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> </table> </td> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> </tr> <tr> u0009<td colspan="2" valign="top" width="600"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image03" /> <div mc:edit="tiwc200_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-1-3-rightsidebar" },
120	{ description: "3col-3-1", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="180" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-3-1" },
121	{ description: "3col-3-1-asym", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="130" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="280" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-3-1-asym" },
122	{ description: "3col-basic3column", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; }u0009u0009 u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="180" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="180" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="180" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-basic3column" },
123	{ description: "3col-basic3column-asym", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="130" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="280" class="centerColumnContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> u0009<td valign="top" width="130" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "3col-basic3column-asym" },
124	{ description: "fancy-1-2-3", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MIDDLE COLUMNS; LEFT, RIGHT ////////// / /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftMidColumnContent div a:link, .leftMidColumnContent div a:visited, / Yahoo! Mail Override / .leftMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftMidColumnContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightMidColumnContent div a:link, .rightMidColumnContent div a:visited, / Yahoo! Mail Override / .rightMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightMidColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: LOWER COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftLowerColumnContent div a:link, .leftLowerColumnContent div a:visited, / Yahoo! Mail Override / .leftLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerLowerColumnContent div a:link, .centerLowerColumnContent div a:visited, / Yahoo! Mail Override / .centerLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightLowerColumnContent div a:link, .rightLowerColumnContent div a:visited, / Yahoo! Mail Override / .rightLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightLowerColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> <tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> <td valign="top" width="280" class="leftMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="280" class="rightMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image01" /> <div mc:edit="tiwc300_content01"> <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" width="180" class="leftLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="centerLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-1-2-3" },
125	{ description: "fancy-1-3-2", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MIDDLE COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftMidColumnContent div a:link, .leftMidColumnContent div a:visited, / Yahoo! Mail Override / .leftMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftMidColumnContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerMidColumnContent div a:link, .centerMidColumnContent div a:visited, / Yahoo! Mail Override / .centerMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerMidColumnContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightMidColumnContent div a:link, .rightMidColumnContent div a:visited, / Yahoo! Mail Override / .rightMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightMidColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: LOWER COLUMNS; LEFT, RIGHT ////////// / /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftLowerColumnContent div a:link, .leftLowerColumnContent div a:visited, / Yahoo! Mail Override / .leftLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightLowerColumnContent div a:link, .rightLowerColumnContent div a:visited, / Yahoo! Mail Override / .rightLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightLowerColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" width="180" class="leftMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="centerMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> <tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> <td valign="top" width="280" class="leftLowerColumnContent"> u0009 <!-- // Begin Module: Top Image with Content --> u0009 <table border="0" cellpadding="20" cellspacing="0" width="100%"> u0009 <tr mc:repeatable> u0009 <td valign="top"> u0009 <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> u0009 <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! u0009 </div> u0009 </td> u0009 </tr> u0009 </table> u0009 <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="280" class="rightLowerColumnContent"> u0009 <!-- // Begin Module: Top Image with Content --> u0009 <table border="0" cellpadding="20" cellspacing="0" width="100%"> u0009 <tr mc:repeatable> u0009 <td valign="top"> u0009 <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image01" /> u0009 <div mc:edit="tiwc300_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! u0009 </div> u0009 </td> u0009 </tr> u0009 </table> u0009 <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-1-3-2" },
126	{ description: "fancy-1-50-25-25", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="280" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-1-50-25-25" },
127	{ description: "fancy-2-1-3-leftsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY & FULL-WIDTH BAND ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent, .fullWidthBandContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div, .fullWidthBandContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /, .fullWidthBandContent div a:link, .fullWidthBandContent div a:visited, / Yahoo! Mail Override / .fullWidthBandContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img, .fullWidthBandContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MIDDLE COLUMNS; LEFT, RIGHT ////////// / /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftMidColumnContent div a:link, .leftMidColumnContent div a:visited, / Yahoo! Mail Override / .leftMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftMidColumnContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightMidColumnContent div a:link, .rightMidColumnContent div a:visited, / Yahoo! Mail Override / .rightMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightMidColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: LOWER COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftLowerColumnContent div a:link, .leftLowerColumnContent div a:visited, / Yahoo! Mail Override / .leftLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerLowerColumnContent div a:link, .centerLowerColumnContent div a:visited, / Yahoo! Mail Override / .centerLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightLowerColumnContent div a:link, .rightLowerColumnContent div a:visited, / Yahoo! Mail Override / .rightLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightLowerColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> u0009<td valign="top" width="400"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> u0009u0009 <div mc:edit="std_content00"> u0009u0009 <h1 class="h1">Heading 1</h1> u0009u0009 <h2 class="h2">Heading 2</h2> u0009u0009 <h3 class="h3">Heading 3</h3> u0009u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! u0009u0009 <br /> u0009u0009 <br /> u0009u0009 After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. u0009u0009 </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> <tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="400"> <tr> <td valign="top" width="180" class="leftMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009u0009 u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009u0009 u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> u0009<td colspan="2" valign="top" width="600"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" class="fullWidthBandContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content01"> <strong>Basic content area</strong>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the <em>Semantics</em>, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> <tr> u0009<td colspan="2" valign="top" width="600"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" width="180" class="leftLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image03" /> <div mc:edit="tiwc200_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="centerLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image04" /> <div mc:edit="tiwc200_content04"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image05" /> <div mc:edit="tiwc200_content05"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-2-1-3-leftsidebar" },
128	{ description: "fancy-2-1-3-rightsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY & FULL-WIDTH BAND ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent, .fullWidthBandContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div, .fullWidthBandContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /, .fullWidthBandContent div a:link, .fullWidthBandContent div a:visited, / Yahoo! Mail Override / .fullWidthBandContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img, .fullWidthBandContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MIDDLE COLUMNS; LEFT, RIGHT ////////// / /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftMidColumnContent div a:link, .leftMidColumnContent div a:visited, / Yahoo! Mail Override / .leftMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftMidColumnContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightMidColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightMidColumnContent div a:link, .rightMidColumnContent div a:visited, / Yahoo! Mail Override / .rightMidColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightMidColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: LOWER COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftLowerColumnContent div a:link, .leftLowerColumnContent div a:visited, / Yahoo! Mail Override / .leftLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerLowerColumnContent div a:link, .centerLowerColumnContent div a:visited, / Yahoo! Mail Override / .centerLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightLowerColumnContent div a:link, .rightLowerColumnContent div a:visited, / Yahoo! Mail Override / .rightLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightLowerColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="400"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top"> u0009<table border="0" cellpadding="0" cellspacing="0" width="400"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> u0009u0009 <div mc:edit="std_content00"> u0009u0009 <h1 class="h1">Heading 1</h1> u0009u0009 <h2 class="h2">Heading 2</h2> u0009u0009 <h3 class="h3">Heading 3</h3> u0009u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! u0009u0009 <br /> u0009u0009 <br /> u0009u0009 After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. u0009u0009 </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> <tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="400"> <tr> <td valign="top" width="180" class="leftMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image01" /> <div mc:edit="tiwc200_content01"> u0009u0009 u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightMidColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image02" /> <div mc:edit="tiwc200_content02"> u0009u0009 u0009 <h4 class="h4">Heading 4</h4> u0009u0009 <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> </td> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> </tr> <tr> u0009<td colspan="2" valign="top" width="600"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" class="fullWidthBandContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content01"> <strong>Basic content area</strong>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the <em>Semantics</em>, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> <tr> u0009<td colspan="2" valign="top" width="600"> u0009<table border="0" cellpadding="0" cellspacing="0" width="600"> u0009<tr> u0009<td valign="top" width="180" class="leftLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image03" /> <div mc:edit="tiwc200_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="centerLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image04" /> <div mc:edit="tiwc200_content04"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> <td valign="top" width="180" class="rightLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image05" /> <div mc:edit="tiwc200_content05"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-2-1-3-rightsidebar" },
129	{ description: "fancy-50-25-25", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="280" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-50-25-25" },
130	{ description: "fancy-50-25-25-1", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftColumnContent div a:link, .leftColumnContent div a:visited, / Yahoo! Mail Override / .leftColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section center column text * @tip Set the styling for your email\'s center column text. Choose a size and color that is easy to read. / .centerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section center column link * @tip Set the styling for your email\'s center column links. Choose a color that helps them stand out from your text. / .centerColumnContent div a:link, .centerColumnContent div a:visited, / Yahoo! Mail Override / .centerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .centerColumnContent img{ display:inline; height:auto; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightColumnContent div a:link, .rightColumnContent div a:visited, / Yahoo! Mail Override / .rightColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="280" class="leftColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="centerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="rightColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="3" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-50-25-25-1" },
131	{ description: "fancy-variablelayout", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> <!-- // Begin Module: Left Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%" mc:repeatable="siwc_600" mc:variant="content with left image"> <tr> <td align="center" valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:250px;" mc:label="image" mc:edit="liwc600_image00" /> </td> <td valign="top"> <div mc:edit="liwc600_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Variable content blocks:</strong> <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Variable content sections</a> are noted with plus and minus signs so that you can add and subtract content blocks and also a drop-down selector that allows you to choose which type of content block to display. </div> </td> </tr> </table> <!-- // End Module: Left Image with Content --> <!-- // Begin Module: Right Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%" mc:repeatable="siwc_600" mc:variant="content with right image"> <tr> <td valign="top"> <div mc:edit="riwc600_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Variable content blocks:</strong> <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Variable content sections</a> are noted with plus and minus signs so that you can add and subtract content blocks and also a drop-down selector that allows you to choose which type of content block to display. </div> </td> <td align="center" valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:250px;" mc:label="image" mc:edit="riwc600_image00" /> </td> </tr> </table> <!-- // End Module: Right Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "fancy-variablelayout" },
132	{ description: "gallery-1-4", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; ONE, TWO, THREE, FOUR ////////// / /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column one link * @tip Set the styling for your email\'s first column links. Choose a color that helps them stand out from your text. / .columnOneContent div a:link, .columnOneContent div a:visited, / Yahoo! Mail Override / .columnOneContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnOneContent img{ display:inline; height:auto; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column two link * @tip Set the styling for your email\'s second column links. Choose a color that helps them stand out from your text. / .columnTwoContent div a:link, .columnTwoContent div a:visited, / Yahoo! Mail Override / .columnTwoContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnTwoContent img{ display:inline; height:auto; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column three link * @tip Set the styling for your email\'s third column links. Choose a color that helps them stand out from your text. / .columnThreeContent div a:link, .columnThreeContent div a:visited, / Yahoo! Mail Override / .columnThreeContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnThreeContent img{ display:inline; height:auto; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column four link * @tip Set the styling for your email\'s fourth column links. Choose a color that helps them stand out from your text. / .columnFourContent div a:link, .columnFourContent div a:visited, / Yahoo! Mail Override / .columnFourContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnFourContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="4" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="130" class="columnOneContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnTwoContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnThreeContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image02" /> <div mc:edit="tiwc150_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnFourContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image03" /> <div mc:edit="tiwc150_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "gallery-1-4" },
133	{ description: "gallery-1-4-1", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY & FULL-WIDTH BAND ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent, .fullWidthBandContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div, .fullWidthBandContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /, .fullWidthBandContent div a:link, .fullWidthBandContent div a:visited, / Yahoo! Mail Override / .fullWidthBandContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img, .fullWidthBandContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; ONE, TWO, THREE, FOUR ////////// / /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column one link * @tip Set the styling for your email\'s first column links. Choose a color that helps them stand out from your text. / .columnOneContent div a:link, .columnOneContent div a:visited, / Yahoo! Mail Override / .columnOneContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnOneContent img{ display:inline; height:auto; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column two link * @tip Set the styling for your email\'s second column links. Choose a color that helps them stand out from your text. / .columnTwoContent div a:link, .columnTwoContent div a:visited, / Yahoo! Mail Override / .columnTwoContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnTwoContent img{ display:inline; height:auto; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column three link * @tip Set the styling for your email\'s third column links. Choose a color that helps them stand out from your text. / .columnThreeContent div a:link, .columnThreeContent div a:visited, / Yahoo! Mail Override / .columnThreeContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnThreeContent img{ display:inline; height:auto; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column four link * @tip Set the styling for your email\'s fourth column links. Choose a color that helps them stand out from your text. / .columnFourContent div a:link, .columnFourContent div a:visited, / Yahoo! Mail Override / .columnFourContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnFourContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="4" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="130" class="columnOneContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnTwoContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnThreeContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image02" /> <div mc:edit="tiwc150_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnFourContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image03" /> <div mc:edit="tiwc150_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="4" valign="top" class="fullWidthBandContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content01"> <strong>Basic content area</strong>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the <em>Semantics</em>, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "gallery-1-4-1" },
134	{ description: "gallery-1-4-2", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY & FULL-WIDTH BAND ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent, .fullWidthBandContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div, .fullWidthBandContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /, .fullWidthBandContent div a:link, .fullWidthBandContent div a:visited, / Yahoo! Mail Override / .fullWidthBandContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img, .fullWidthBandContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: MIDDLE COLUMNS; ONE, TWO, THREE, FOUR ////////// / /* * @tab Middle Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section column one link * @tip Set the styling for your email\'s first column links. Choose a color that helps them stand out from your text. / .columnOneContent div a:link, .columnOneContent div a:visited, / Yahoo! Mail Override / .columnOneContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnOneContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section column two link * @tip Set the styling for your email\'s second column links. Choose a color that helps them stand out from your text. / .columnTwoContent div a:link, .columnTwoContent div a:visited, / Yahoo! Mail Override / .columnTwoContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnTwoContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section column three link * @tip Set the styling for your email\'s third column links. Choose a color that helps them stand out from your text. / .columnThreeContent div a:link, .columnThreeContent div a:visited, / Yahoo! Mail Override / .columnThreeContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnThreeContent img{ display:inline; height:auto; } /* * @tab Middle Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Middle Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Middle Columns * @section column four link * @tip Set the styling for your email\'s fourth column links. Choose a color that helps them stand out from your text. / .columnFourContent div a:link, .columnFourContent div a:visited, / Yahoo! Mail Override / .columnFourContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnFourContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: LOWER COLUMNS; LEFT, CENTER, RIGHT ////////// / /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section left column text * @tip Set the styling for your email\'s left column text. Choose a size and color that is easy to read. / .leftLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section left column link * @tip Set the styling for your email\'s left column links. Choose a color that helps them stand out from your text. / .leftLowerColumnContent div a:link, .leftLowerColumnContent div a:visited, / Yahoo! Mail Override / .leftLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .leftLowerColumnContent img{ display:inline; height:auto; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Lower Columns * @section right column text * @tip Set the styling for your email\'s right column text. Choose a size and color that is easy to read. / .rightLowerColumnContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Lower Columns * @section right column link * @tip Set the styling for your email\'s right column links. Choose a color that helps them stand out from your text. / .rightLowerColumnContent div a:link, .rightLowerColumnContent div a:visited, / Yahoo! Mail Override / .rightLowerColumnContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .rightLowerColumnContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td colspan="4" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> u0009<tr> u0009<td valign="top" width="130" class="columnOneContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnTwoContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnThreeContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image02" /> <div mc:edit="tiwc150_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnFourContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image03" /> <div mc:edit="tiwc150_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="2" valign="top" class="leftLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image00" /> <div mc:edit="tiwc300_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td colspan="2" valign="top" class="rightLowerColumnContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:260px;" mc:label="image" mc:edit="tiwc300_image01" /> <div mc:edit="tiwc300_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "gallery-1-4-2" },
135	{ description: "gallery-4-1", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY & FULL-WIDTH BAND ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent, .fullWidthBandContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div, .fullWidthBandContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /, .fullWidthBandContent div a:link, .fullWidthBandContent div a:visited, / Yahoo! Mail Override / .fullWidthBandContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img, .fullWidthBandContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: COLUMNS; ONE, TWO, THREE, FOUR ////////// / /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column one link * @tip Set the styling for your email\'s first column links. Choose a color that helps them stand out from your text. / .columnOneContent div a:link, .columnOneContent div a:visited, / Yahoo! Mail Override / .columnOneContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnOneContent img{ display:inline; height:auto; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column two link * @tip Set the styling for your email\'s second column links. Choose a color that helps them stand out from your text. / .columnTwoContent div a:link, .columnTwoContent div a:visited, / Yahoo! Mail Override / .columnTwoContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnTwoContent img{ display:inline; height:auto; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column three link * @tip Set the styling for your email\'s third column links. Choose a color that helps them stand out from your text. / .columnThreeContent div a:link, .columnThreeContent div a:visited, / Yahoo! Mail Override / .columnThreeContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnThreeContent img{ display:inline; height:auto; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column four link * @tip Set the styling for your email\'s fourth column links. Choose a color that helps them stand out from your text. / .columnFourContent div a:link, .columnFourContent div a:visited, / Yahoo! Mail Override / .columnFourContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnFourContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="130" class="columnOneContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnTwoContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnThreeContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image02" /> <div mc:edit="tiwc150_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnFourContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image03" /> <div mc:edit="tiwc150_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> u0009<tr> u0009<td colspan="4" valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "gallery-4-1" },
136	{ description: "gallery-basicgallery", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: COLUMNS; ONE, TWO, THREE, FOUR ////////// / /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column one text * @tip Set the styling for your email\'s first column text. Choose a size and color that is easy to read. / .columnOneContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column one link * @tip Set the styling for your email\'s first column links. Choose a color that helps them stand out from your text. / .columnOneContent div a:link, .columnOneContent div a:visited, / Yahoo! Mail Override / .columnOneContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnOneContent img{ display:inline; height:auto; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column two text * @tip Set the styling for your email\'s second column text. Choose a size and color that is easy to read. / .columnTwoContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column two link * @tip Set the styling for your email\'s second column links. Choose a color that helps them stand out from your text. / .columnTwoContent div a:link, .columnTwoContent div a:visited, / Yahoo! Mail Override / .columnTwoContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnTwoContent img{ display:inline; height:auto; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column three text * @tip Set the styling for your email\'s third column text. Choose a size and color that is easy to read. / .columnThreeContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column three link * @tip Set the styling for your email\'s third column links. Choose a color that helps them stand out from your text. / .columnThreeContent div a:link, .columnThreeContent div a:visited, / Yahoo! Mail Override / .columnThreeContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnThreeContent img{ display:inline; height:auto; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Columns * @section column four text * @tip Set the styling for your email\'s fourth column text. Choose a size and color that is easy to read. / .columnFourContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Columns * @section column four link * @tip Set the styling for your email\'s fourth column links. Choose a color that helps them stand out from your text. / .columnFourContent div a:link, .columnFourContent div a:visited, / Yahoo! Mail Override / .columnFourContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .columnFourContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" width="130" class="columnOneContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image00" /> <div mc:edit="tiwc150_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnTwoContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image01" /> <div mc:edit="tiwc150_content01"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnThreeContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image02" /> <div mc:edit="tiwc150_content02"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> u0009<td valign="top" width="130" class="columnFourContent"> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_110.gif" style="max-width:110px;" mc:label="image" mc:edit="tiwc150_image03" /> <div mc:edit="tiwc150_content03"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "gallery-basicgallery" },
137	{ description: "mobile-basicmobile", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .preheaderContent img{ display:inline; height:auto; margin-bottom:10px; max-width:280px; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:320px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; margin-bottom:10px; max-width:280px; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:11px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:left; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:left; } #monkeyRewards img{ display:inline; height:auto; max-width:280px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="320" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="320" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="320" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_320.gif" style="max-width:320px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="320" id="templateBody"> u0009<tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="320" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social"> <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> <br /> <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> <br /> <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="100%"> <br /> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\|* \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> <br /> <div id="monkeyRewards" mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "mobile-basicmobile" },
138	{ description: "mobile-postcardmobile", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .preheaderContent img{ display:inline; height:auto; margin-bottom:10px; max-width:280px; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:320px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; margin-bottom:10px; max-width:280px; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:11px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; height:auto; margin-bottom:10px; max-width:280px; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:left; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:left; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="320" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Mobile Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> </tr> </table> u0009<!-- // End Module: Standard Mobile Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="320" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="320" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_320.gif" style="max-width:320px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="320" id="templateBody"> u0009<tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Postcard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> u0009<div mc:edit="photoblog_heading00"> <h1 class="h1">Heading 1</h1> </div> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_280.gif" style="max-width:560px;" mc:label="postcard_image" mc:edit="postcard_image" /> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. <br /> <br /> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Standard Postcard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="320" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social"> <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> <br /> <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> <br /> <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="100%"> <br /> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\|* \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> <br /> <div id="monkeyRewards" mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "mobile-postcardmobile" },
139	{ description: "simple-basic", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-basic" },
140	{ description: "simple-leftsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; /@editable/ border-right:0; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-leftsidebar" },
141	{ description: "simple-letterhead-centerlogo", html: '<!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" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border:0; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:40px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#404040; display:block; /@editable/ font-family:Arial; /@editable/ font-size:18px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#606060; display:block; /@editable/ font-family:Arial; /@editable/ font-size:16px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#808080; display:block; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } /* * @tab Header * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:right; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:5px solid #505050; } /* * @tab Header * @section left header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .leftHeaderContent div{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:32px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ text-align:right; /@editable/ vertical-align:middle; } /* * @tab Header * @section right header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .rightHeaderContent div{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:32px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ text-align:left; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @tip Set the styling for your email\'s header links. Choose a color that helps them stand out from your text. / .leftHeaderContent div a:link, .leftHeaderContent div a:visited, .rightHeaderContent div a:link, .rightHeaderContent div a:visited{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:180px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FDFDFD; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FAFAFA; /@editable/ border-top:3px solid #909090; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:11px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:left; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FAFAFA; /@editable/ border-top:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:left; } #monkeyRewards img{ max-width:170px !important; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="170"> u0009<div mc:edit="std_preheader_links"> u0009Email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> <!-- // Begin Module: Letterhead, Center Header Image --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> u0009<td class="leftHeaderContent"> <div mc:edit="header_content_left"> u0009Heading 1 </div> </td> <td valign="middle" width="180"> <img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/placeholder_180x100.gif" style="max-width:180px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowtext /> </td> <td class="rightHeaderContent"> <div mc:edit="header_content_right"> u0009Heading 1 </div> </td> </tr> </table> <!-- // End Module: Letterhead, Center Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> u0009<h2 class="h2">Heading 2</h2> u0009<h3 class="h3">Heading 3</h3> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> <h4 class="h4">Heading 4</h4> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-letterhead-centerlogo" },
142	{ description: "simple-letterhead-leftlogo", html: '<!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" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border:0; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:40px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#404040; display:block; /@editable/ font-family:Arial; /@editable/ font-size:18px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#606060; display:block; /@editable/ font-family:Arial; /@editable/ font-size:16px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#808080; display:block; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } /* * @tab Header * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:right; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:5px solid #505050; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:10px; /@editable/ text-align:right; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FDFDFD; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:justify; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FDFDFD; } /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / .sidebarContent{ /@editable/ border-right:1px solid #DDDDDD; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FAFAFA; /@editable/ border-top:3px solid #909090; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:11px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:left; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FAFAFA; /@editable/ border-top:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:left; } #monkeyRewards img{ max-width:170px !important; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="170"> u0009<div mc:edit="std_preheader_links"> u0009Email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> u0009<td class="headerContent"> u0009<img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/placeholder_180x100.gif" style="max-width:180px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowtext /> </td> <td class="headerContent" width="100%" style="padding-left:10px; padding-right:20px;"> u0009<div mc:edit="Header_content"> <h1>Heading 1</h1> u0009</div> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="180" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%" class="sidebarContent"> <tr> <td valign="top" style="padding-left:10px;"> <div mc:edit="std_content01"> <strong>Basic content module</strong> <br /> Far far away, behind the word mountains. <br /> <br /> <strong>Far from the countries</strong> <br /> Vokalia and Consonantia, there live the blind texts. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-left:0;"> <div mc:edit="std_content00"> u0009<h2 class="h2">Heading 2</h2> u0009<h3 class="h3">Heading 3</h3> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> <h4 class="h4">Heading 4</h4> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-letterhead-leftlogo" },
143	{ description: "simple-letterhead-rightlogo", html: '<!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" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border:0; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:40px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#404040; display:block; /@editable/ font-family:Arial; /@editable/ font-size:18px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#606060; display:block; /@editable/ font-family:Arial; /@editable/ font-size:16px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#808080; display:block; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:2%; margin-right:0; margin-bottom:1%; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } /* * @tab Header * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:right; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:5px solid #505050; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:10px; /@editable/ text-align:right; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px !important; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FDFDFD; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:justify; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FDFDFD; } /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / .sidebarContent{ /@editable/ border-left:1px solid #DDDDDD; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FAFAFA; /@editable/ border-top:3px solid #909090; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:11px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:left; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FAFAFA; /@editable/ border-top:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:left; } #monkeyRewards img{ max-width:170px !important; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="170"> u0009<div mc:edit="std_preheader_links"> u0009Email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent" width="100%" style="padding-left:20px; padding-right:10px;"> u0009<div mc:edit="Header_content"> <h1>Heading 1</h1> u0009</div> </td> u0009<td class="headerContent"> u0009<img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/placeholder_180x100.gif" style="max-width:180px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowtext /> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-right:0;"> <div mc:edit="std_content00"> u0009<h2 class="h2">Heading 2</h2> u0009<h3 class="h3">Heading 3</h3> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> <h4 class="h4">Heading 4</h4> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> u0009u0009</td> </tr> </table> <!-- // End Module: Standard Content --> </td> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="180" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%" class="sidebarContent"> <tr> <td valign="top" style="padding-right:10px;"> <div mc:edit="std_content01"> <strong>Basic content module</strong> <br /> Far far away, behind the word mountains. <br /> <br /> <strong>Far from the countries</strong> <br /> Vokalia and Consonantia, there live the blind texts. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-letterhead-rightlogo" },
144	{ description: "simple-postcard", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Postcard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> u0009<div mc:edit="postcard_heading00"> <h1 class="h1">Heading 1</h1> </div> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_560p.gif" style="max-width:560px;" mc:label="postcard_image" mc:edit="postcard_image" mc:allowtext /> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. <br /> <br /> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Standard Postcard Content --> </td> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-postcard" },
145	{ description: "simple-rightsidebar", html: '<!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" /> <!-- Facebook sharing information tags --> <meta property="og:title" content="\|MC:SUBJECT\|" /> u0009u0009<style type="text/css"> /* Client-specific Styles / #outlook a{padding:0;} / Force Outlook to provide a "view in browser" button. / body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} / Force Hotmail to display emails at full width / body{-webkit-text-size-adjust:none;} / Prevent Webkit platforms from changing default text sizes. / / Reset Styles / body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table td{border-collapse:collapse;} #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;} / Template Styles / / ////////// STANDARD STYLING: COMMON PAGE ELEMENTS ////////// / /* * @tab Page * @section background color * @tip Set the background color for your email. You may want to choose one that matches your company\'s branding. * @theme page / body, #backgroundTable{ /@editable/ background-color:#FAFAFA; } /* * @tab Page * @section email border * @tip Set the border for your email. / #templateContainer{ /@editable/ border: 1px solid #DDDDDD; } /* * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 / h1, .h1{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 / h2, .h2{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:30px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 / h3, .h3{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:26px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } /* * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 / h4, .h4{ /@editable/ color:#202020; display:block; /@editable/ font-family:Arial; /@editable/ font-size:22px; /@editable/ font-weight:bold; /@editable/ line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /@editable/ text-align:left; } / ////////// STANDARD STYLING: PREHEADER ////////// / /* * @tab Header * @section preheader style * @tip Set the background color for your email\'s preheader area. * @theme page / #templatePreheader{ /@editable/ background-color:#FAFAFA; } /* * @tab Header * @section preheader text * @tip Set the styling for your email\'s preheader text. Choose a size and color that is easy to read. / .preheaderContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:10px; /@editable/ line-height:100%; /@editable/ text-align:left; } /* * @tab Header * @section preheader link * @tip Set the styling for your email\'s preheader links. Choose a color that helps them stand out from your text. / .preheaderContent div a:link, .preheaderContent div a:visited, / Yahoo! Mail Override / .preheaderContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } / ////////// STANDARD STYLING: HEADER ////////// / /* * @tab Header * @section header style * @tip Set the background color and border for your email\'s header area. * @theme header / #templateHeader{ /@editable/ background-color:#FFFFFF; /@editable/ border-bottom:0; } /* * @tab Header * @section header text * @tip Set the styling for your email\'s header text. Choose a size and color that is easy to read. / .headerContent{ /@editable/ color:#202020; /@editable/ font-family:Arial; /@editable/ font-size:34px; /@editable/ font-weight:bold; /@editable/ line-height:100%; /@editable/ padding:0; /@editable/ text-align:center; /@editable/ vertical-align:middle; } /* * @tab Header * @section header link * @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 /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } #headerImage{ height:auto; max-width:600px; } / ////////// STANDARD STYLING: MAIN BODY ////////// / /* * @tab Body * @section body style * @tip Set the background color for your email\'s body area. / #templateContainer, .bodyContent{ /@editable/ background-color:#FFFFFF; } /* * @tab Body * @section body text * @tip Set the styling for your email\'s main content text. Choose a size and color that is easy to read. * @theme main / .bodyContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:14px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Body * @section body link * @tip Set the styling for your email\'s main content links. Choose a color that helps them stand out from your text. / .bodyContent div a:link, .bodyContent div a:visited, / Yahoo! Mail Override / .bodyContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .bodyContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: SIDEBAR ////////// / /* * @tab Sidebar * @section sidebar style * @tip Set the background color and border for your email\'s sidebar area. / #templateSidebar{ /@editable/ background-color:#FFFFFF; /@editable/ border-left:0; } /* * @tab Sidebar * @section sidebar text * @tip Set the styling for your email\'s sidebar text. Choose a size and color that is easy to read. / .sidebarContent div{ /@editable/ color:#505050; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:150%; /@editable/ text-align:left; } /* * @tab Sidebar * @section sidebar link * @tip Set the styling for your email\'s sidebar links. Choose a color that helps them stand out from your text. / .sidebarContent div a:link, .sidebarContent div a:visited, / Yahoo! Mail Override / .sidebarContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .sidebarContent img{ display:inline; height:auto; } / ////////// STANDARD STYLING: FOOTER ////////// / /* * @tab Footer * @section footer style * @tip Set the background color and top border for your email\'s footer area. * @theme footer / #templateFooter{ /@editable/ background-color:#FFFFFF; /@editable/ border-top:0; } /* * @tab Footer * @section footer text * @tip Set the styling for your email\'s footer text. Choose a size and color that is easy to read. * @theme footer / .footerContent div{ /@editable/ color:#707070; /@editable/ font-family:Arial; /@editable/ font-size:12px; /@editable/ line-height:125%; /@editable/ text-align:left; } /* * @tab Footer * @section footer link * @tip Set the styling for your email\'s footer links. Choose a color that helps them stand out from your text. / .footerContent div a:link, .footerContent div a:visited, / Yahoo! Mail Override / .footerContent div a .yshortcuts / Yahoo! Mail Override /{ /@editable/ color:#336699; /@editable/ font-weight:normal; /@editable/ text-decoration:underline; } .footerContent img{ display:inline; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. * @theme footer / #social{ /@editable/ background-color:#FAFAFA; /@editable/ border:0; } /* * @tab Footer * @section social bar style * @tip Set the background color and border for your email\'s footer social bar. / #social div{ /@editable/ text-align:center; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. * @theme footer / #utility{ /@editable/ background-color:#FFFFFF; /@editable/ border:0; } /* * @tab Footer * @section utility bar style * @tip Set the background color and border for your email\'s footer utility bar. / #utility div{ /@editable/ text-align:center; } #monkeyRewards img{ max-width:190px; } u0009u0009</style> u0009</head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> u0009<center> u0009<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> u0009<!-- // Begin Module: Standard Preheader --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> u0009<tr> u0009<td valign="top"> u0009<div mc:edit="std_preheader_content"> u0009 Use this area to offer a short teaser of your email\'s content. Text here will show in the preview area of some email clients. </div> </td> <!-- \|IFNOT:ARCHIVE_PAGE\|* --> <td valign="top" width="190"> u0009<div mc:edit="std_preheader_links"> u0009Is this email not displaying correctly?<br /><a href="\|ARCHIVE\|" target="_blank">View it in your browser</a>. </div> </td> <!-- \|END:IF\| --> </tr> </table> u0009<!-- // End Module: Standard Preheader --> </td> </tr> </table> <!-- // End Template Preheader --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Header --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"> <tr> <td class="headerContent"> u0009<!-- // Begin Module: Standard Header Image --> u0009<img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> u0009<!-- // End Module: Standard Header Image --> </td> </tr> </table> <!-- // End Template Header --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Body --> u0009<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"> u0009<tr> u0009<td valign="top"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="bodyContent"> <!-- // Begin Module: Standard Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr> <td valign="top"> <div mc:edit="std_content00"> <h1 class="h1">Heading 1</h1> <h2 class="h2">Heading 2</h2> <h3 class="h3">Heading 3</h3> <h4 class="h4">Heading 4</h4> <strong>Getting started:</strong> Customize your template by clicking on the style editor tabs up above. Set your fonts, colors, and styles. After setting your styling is all done you can click here in this area, delete the text, and start adding your own awesome content! <br /> <br /> After you enter your content, highlight the text you want to style and select the options you set in the style editor in the "styles" drop down box. Want to <a href="http://www.mailchimp.com/kb/article/im-using-the-style-designer-and-i-cant-get-my-formatting-to-change" target="_blank">get rid of styling on a bit of text</a>, but having trouble doing it? Just use the "remove formatting" button to strip the text of any formatting and reset your style. </div> </td> </tr> </table> <!-- // End Module: Standard Content --> </td> </tr> </table> </td> u0009<!-- // Begin Sidebar --> u0009<td valign="top" width="200" id="templateSidebar"> u0009<table border="0" cellpadding="0" cellspacing="0" width="200"> u0009<tr> u0009<td valign="top" class="sidebarContent"> <!-- // Begin Module: Social Block with Icons --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding-top:10px; padding-right:20px; padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="4"> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_facebook.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_one"> <a href="\|FACEBOOK:PROFILEURL\|">Friend on Facebook</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_twitter.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_two"> <a href="\|TWITTER:PROFILEURL\|">Follow on Twitter</a> </div> </td> </tr> <tr mc:hideable> <td align="left" valign="middle" width="16"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/sfs_icon_forward.png" style="margin:0 !important;" /> </td> <td align="left" valign="top"> <div mc:edit="sbwi_link_three"> <a href="\|FORWARD\|">Forward to a Friend</a> </div> </td> </tr> </table> </td> </tr> </table> <!-- // End Module: Social Block with Icons --> <!-- // Begin Module: Top Image with Content --> <table border="0" cellpadding="20" cellspacing="0" width="100%"> <tr mc:repeatable> <td valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" /> <div mc:edit="tiwc200_content00"> u0009 <h4 class="h4">Heading 4</h4> <strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks! </div> </td> </tr> </table> <!-- // End Module: Top Image with Content --> </td> </tr> </table> </td> <!-- // End Sidebar --> </tr> </table> <!-- // End Template Body --> </td> </tr> u0009<tr> u0009<td align="center" valign="top"> <!-- // Begin Template Footer --> u0009<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"> u0009<tr> u0009<td valign="top" class="footerContent"> <!-- // Begin Module: Standard Footer --> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td colspan="2" valign="middle" id="social"> <div mc:edit="std_social">  <a href="\|TWITTER:PROFILEURL\|">follow on Twitter</a> \| <a href="\|FACEBOOK:PROFILEURL\|">friend on Facebook</a> \| <a href="\|FORWARD\|">forward to a friend</a>  </div> </td> </tr> <tr> <td valign="top" width="350"> <div mc:edit="std_footer"> <em>Copyright © \|CURRENT_YEAR\| \|LIST:COMPANY\|, All rights reserved.</em> <br /> \|IFNOT:ARCHIVE_PAGE\| \|LIST:DESCRIPTION\| <br /> <strong>Our mailing address is:</strong> <br /> \|HTML:LIST_ADDRESS_HTML\|\|END:IF\| </div> </td> <td valign="top" width="190" id="monkeyRewards"> <div mc:edit="monkeyrewards"> \|IF:REWARDS\| \|HTML:REWARDS\| \|END:IF\| </div> </td> </tr> <tr> <td colspan="2" valign="middle" id="utility"> <div mc:edit="std_utility">  <a href="\|UNSUB\|">unsubscribe from this list</a> \| <a href="\|UPDATE_PROFILE\|">update subscription preferences</a>  </div> </td> </tr> </table> <!-- // End Module: Standard Footer --> </td> </tr> </table> <!-- // End Template Footer --> </td> </tr> </table> <br /> </td> </tr> </table> </center> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "simple-rightsidebar" },
146	{ description: "You Could Take Your Car Somewhere Else to Have it Repaired", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p align="CENTER" style="margin-bottom: 0in; line-height: 100%"> <font size="4" style="font-size: 16pt"><b>You Could Take Your Car Somewhere Else to Have it Repaired But….<br/ ><br/ >You Have Already Had One Accident!!!</b></font></p> <p style="margin-bottom: 0in; line-height: 100%"> <br /> </p> <p style="margin-bottom: 0in; line-height: 100%"> <font face="Times New Roman, serif">Dear [[Customer Name]], </font> </p> <p style="margin-bottom: 0in; line-height: 100%"> <br /> </p> <p style="margin-bottom: 0in; line-height: 100%"> <font face="Times New Roman, serif">Having an accident is stressful. Choosing where to have your vehicle repaired shouldn't be. When it comes to bringing your car back to life, you can trust our company to take the guesswork out of repairing your vehicle correctly in the shortest amount of time safety standards required. </font> </p> <p style="margin-bottom: 0in; line-height: 100%"> <br /> </p> <p style="margin-bottom: 0in; line-height: 100%"> <font face="Times New Roman, serif">Our company’s job is to take the hassle out of the repair process for you. Not only will we work with the insurance company to process your claim, we can assist you in arranging for a replacement vehicle while your repairs are being completed.</font></p> <p style="margin-bottom: 0in; line-height: 100%"> <br /> </p> <p style="margin-bottom: 0in; line-height: 100%"> <font face="Times New Roman, serif">Call us today at <font size="4" style="font-size: 16pt"> (xxx.xxx.xxxx) </font>or send us an email at ________________________to schedule your repairs and ask how we can help you to process your claim quickly and hassle-free, provide you with a replacement vehicle and guarantee our repairs for as long as you own your vehicle. </font> </p> <p style="margin-bottom: 0in; line-height: 100%"> <br /> </p> <p style="margin-bottom: 0in; line-height: 100%"> <font face="Times New Roman, serif">We promise and guarantee to restore your vehicle to pre-accident safety, structural and visual condition. </font> </p> <p style="margin-bottom: 0in; line-height: 100%"> <br /> </p> <p style="margin-bottom: 0in"> <font face="Times New Roman, serif">Thank you,</font></p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "You Could Take Your Car Somewhere Else to Have it Repaired" },
147	{ description: "Happy Holidays #2", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy Holidays! We hope this season finds you and your family happy, healthy, and looking forward to an exciting new year. Of course, we don't want to take your attention away from each other (or hitting the stores) during this merry season, but we would like to provide you with a few quick safety tips to ensure that this holiday season is your happiest one yet.</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> Why tempt a potential car burglar? Laptops, GPS devices, and iPods are just a few things that, if left in plain sight, are a thief's dream. While you're in the mall, take anything small and valuable with you, or store it in your trunk or glove compartment <i>before</i> entering the parking lot.</p> </li> <li> <p style="margin-bottom: 0in"> You don't drive distracted, so why shop while distracted? Thieves scope out the most unsuspecting of suspects, especially in parking lots. They look for people who are distracted by small children, listening to their headphones, talking on the phone . . . you get it. Find a babysitter (or a spouse) to watch your children while you shop, give yourself plenty of time so you don't find yourself rushing, and only go during sunlit hours if you can. </p> </li> <li> <p style="margin-bottom: 0in"> Always look inside, around, and under your car as you approach—especially at night.</p> </li> <li> <p style="margin-bottom: 0in"> Plan your trips. Instead of one big trip, plan out several smaller ones. This will subtract from the amount of cash you carry, the packages you'll have to tote back and forth, and will make your whole experiences less stressful (and more safe). </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We know you have gifts to buy and family to visit, so we'll step back now and let you enjoy your holiday season. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Happy Holidays #2" },
148	{ description: "How Often Should Oil Really Be Changed", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> You know the drill: Take your car in every 3,000 miles or three months (whichever comes first) for its regular oil change. It's been the same way for years and years. But times have changed, and we hope these tips help you keep up with what you <i>really </i>should be doing in terms of oil changes.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Before you do (or don’t do) anything, read your owner's manual. Depending on what type of car you drive, you may be pleasantly surprised. For instance, Acura suggests that owners change the oil every 7,500 miles or one year. On the other hand, whatever the mileage is, you <i>should </i>change the oil within the time frame given—whether it be three months, six months, or one year. The standard now is right around 5,000 miles, although there is no exact science when it comes to an oil change. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Don't worry so much if you happen to switch from an old brand of oil to a new one. It's more important that you stick with the manufacturer's recommendations in terms of the engine oil weight. You should also use a product with the API Certification Seal for gasoline engines, which proves that your oil meets the American Petroleum Institute's latest requirements and that it is energy conserving. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> As you're getting your oil changed, be sure to change the filter as well, or risk contaminating the new oil with the grime that's in the old filter. And check your oil level every few hundred miles on your own. If you add oil yourself, always caution against overfilling it, as that may result in serious engine problems. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How Often Should Oil Really Be Changed" },
149	{ description: "How to Get Your Car Ready For a Road Trip", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> The weather's warm, you've secured a good week off from work, the gas tank is full, and you've got a map that will lead you anywhere your heart desires. What time is it? Road trip time!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> As much as you've planned the various destinations you will be visiting, no doubt you've taken the time necessary to prep your car as well. After all, it is basically your home on wheels for the next X amount of days! But just in case you are a bit overwhelmed with everything else on your plate, we've got you covered with the following important checklist.</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> First things first: Now is the perfect time (now, meaning before you take off on your trip) to read your owner's manual. It will give you the maintenance schedule of your car. Compare it to your current mileage and see if any of the items listed are due. If they are, make sure you note them to ensure they’re attended to by your local repair shop.</p> </li> <li> <p style="margin-bottom: 0in"> How are your tires holding up? If you'll be on an extended road trip, especially during the warm months of summer, a worn-out tire can lead to a blown-out tire once it heats up from being on the road all day. When you bring your car in to get it checked, don't forget to also get the tires balanced and aligned if they need it.</p> </li> <li> <p style="margin-bottom: 0in"> When you bring your car into the shop to check the above items, make sure to also have the oil changed, the coolants topped off, and refresh your air filter as this can affect your gas mileage if it's old. </p> </li> <li> <p style="margin-bottom: 0in"> Make sure the following things are packed in your glove compartment: Flashlight, pen, paper, and a disposable camera (not just for the sights—if there’s an accident you’ll want to document it).</p> </li> <li> <p style="margin-bottom: 0in"> Keep in your trunk: A new bottle of anti-freeze, engine oil, and transmission fluid, all which will come in handy should a roadside emergency occur. </p> </li> <li> <p style="margin-bottom: 0in"> Invest in a magnetic car key hider, make yourself a copy of your keys, and store them in your hider. You just never know . . . </p> </li> <li> <p style="margin-bottom: 0in"> Roadside emergency kit: blanket, spare batteries for your flashlight, and extra food and water.</p> </li> <li> <p style="margin-bottom: 0in"> Don't have a AAA membership? Now is the time to get one. On top of the assurance of 24-hour roadside assistance, you'll reap the rewards of tons of other travel benefits as well, many of which could be of use during your trip. Visit <font color="#000080"> <span lang="zxx"><u><a class="western" href="http://www.aaa.com/">www.aaa.com</a></u></span></font> for more information.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Road trips are great . . . coming back safe, in one piece, and happy from a memorable experience is greater. We hope this list has provided the extra assurance you need to make all this possible. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How to Get Your Car Ready For a Road Trip" },
150	{ description: "How to Maximize Your Car\'s Appearance", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Whether you wash your car because you want to or wash your car because you have to, there's no doubt about it: Maintaining your car's appearance upholds the look, feel, and value of your vehicle. You don't necessarily have to go to great lengths to maximize your car's outer body, but you do need to make sure you are paying attention to the details. You'll thank us in the long run.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Always use soap that is specific to cars. Many car owners think they can get away with using simple dish soap. There's a reason why the soaps have two different names. The detergents and other chemicals in dish soap can leave your car not just looking dull, but lead to long-term damage as well. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Remove paint blemishes as soon as you spot them. Scratches, oxidation, water spots, and containments will sully that showroom shine should they go untreated. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Don't overlook your car's wheels, which if not maintained, could bring the overall appearance down a notch. Purchase tire cleaner from your local auto parts store like Pep Boys (or even a retailer like Target) and use it with a soft cloth or small brush to clean the wheels after you scrub the tires with a stiff bristle brush to remove any dirt, film, and grime. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Dent removal can be costly. If there is no paint damage, you may be okay to do the job by yourself using a service called paintless dent repair. You can find these products online at sites like <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.dentdoctorusa.com/">www.dentdoctorusa.com</a></u></span></font> or <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.dentpro.com/"> www.dentpro.com</a></u></span></font>. Their tools work by massaging out small dents from the inside. On the other hand, your local mechanic or body shop should be able to help you locate a dent fixer quite easily. But if you go that route, expect to pay around $50-$150 per dent. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Did your windshield catch a rock on the highway? This usually results in a “star” or “bull's-eye” blemish on your window. If this happens, take your car to an auto glass repair service shop. They'll make them less noticeable and ensure they don't escalate into larger cracks. If you already have a larger crack, you may need to replace the glass. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Now that you've gotten the “how-to,” it's time to put the time aside to spruce up your vehicle. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "How to Maximize Your Car\'s Appearance" },
151	{ description: "Items to Always Keep In Your Car", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We've all been there. Right before we jump out of our car to attend a meeting, an event, or just to visit a friend, we reach for a brush or comb to quickly run through our hair—and then we realize we don't have one. Frustrating as that may be, we're here to tell you there are a few things you should always have on hand that are even more important than that comb.</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> An old cell phone, powered off, with a fully charged battery. Pointless, you say? Au contraire, we say! It doesn't need a subscription. As long as it can turn on, it can call 911.</p> </li> <li> <p style="margin-bottom: 0in"> Blankets. Useful for passengers who need to take a quick cat nap, and useful for you if, by some unforeseen event, are forced to spend a cold day or night in your vehicle. </p> </li> <li> <p style="margin-bottom: 0in"> Bottled water. You've heard it many times, and we'll remind you again. This is a beyond necessary substance!</p> </li> <li> <p style="margin-bottom: 0in"> Maps. A GPS system is great, but what if it encounters a glitch, an accident, or just flat out stops working when you need it most? Keep an old fashioned paper map handy.</p> </li> <li> <p style="margin-bottom: 0in"> First aid kit. This can be your lifesaver if you or someone else is in an accident and has an injury. It could literally mean the difference between life and death.</p> </li> <li> <p style="margin-bottom: 0in"> Road flares. These will be invaluable at night, especially in an unlit area like the desert, should you become stranded or if you need to make a repair on your car that can't wait until morning.</p> </li> <li> <p style="margin-bottom: 0in"> Flashlight. Essential at night for a variety of situations. Don't forget an extra set of batteries!</p> </li> <li> <p style="margin-bottom: 0in"> Emergency money. You never know when you may attempt to leave a parking structure that takes “cash only,” need to tip a car maintenance worker, or any other unforeseeable circumstances. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope this list will help ensure that you never find yourself in a situation you can't get out of or at least bear with until help comes. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy (and safe) driving!</p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Items to Always Keep In Your Car" },
152	{ description: "Tips for Buying and Owning a Green Car", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> If you're in the market for a new car, we're willing to bet the thought to go “Green” has crossed your mind at least once. Green vehicles are far more available and inexpensive than they were a handful of years ago, so purchasing one is probably a more viable option for you today. But what, exactly, are the benefits? And just like any car purchase, what should you keep your eyes and ears open for as you shop around? We’re here to tell you!</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> What is the “most” car you need for your lifestyle? Is it a compact, a mini-van, a truck? Once you have that figured out, you can start researching the most efficient version of that vehicle.</p> </li> <li> <p style="margin-bottom: 0in"> Make high mileage a priority. When cars burn fossil fuels they produce a plethora of greenhouse gasses, about a quarter of the United States' total carbon dioxide (CO2) emissions. Not to mention the fact that they seriously pollute the air we breathe with smog and toxins. So it should come as no surprise that using less fuel for each mile you drive is a key component to going green.</p> </li> <li> <p style="margin-bottom: 0in"> Take a look at the Environmental Protection Agency's (EPA) Green Vehicle Guide here: <font color="#000080"><span lang="zxx"><u><a class="western" href="http://www.epa.gov/greenvehicles/Index.do"> http://www.epa.gov/greenvehicles/Index.do</a></u></span></font>. It not only rates and compares makes and models in the category of fuel efficiency, but you can also see how the different models compare against each other when it comes to greenhouse gas emissions and air pollution, two very important aspects when making your vehicle choice as green as possible. </p> </li> <li> <p style="margin-bottom: 0in"> Thinking of a hybrid? Most combine a gasoline engine with an electric motor and battery capable of powering the car by itself during times of low demand (like a quick run to the grocery store). Hybrids can reduce as much as 90% over even the cleanest gasoline-only vehicles. To help you compare hybrids, use this Hybrid Scorecard created by the Union of Concerned Scientists (UCS): <font color="#000080"><span lang="zxx"> <u><a class="western" href="http://www.hybridcenter.org/">http://www.hybridcenter.org/</a></u></span></font></p> </li> <li> <p style="margin-bottom: 0in"> Electric cars: Designed to allow owners to avoid gas stations completely (or to use them only to prime small backup engines), electric vehicles offer out-of-this-world MPG ratings, such as 230 mpg in city driving conditions.</p> </li> <li> <p style="margin-bottom: 0in"> Once you own a green car, be sure to use green driving best practices, as driving technique has a lot to do with your fuel economy. Keep your speed right around the speed limit and avoid jerky movements like sudden starts and stops. Do your best to minimize unnecessary miles.</p> </li> <li> <p style="margin-bottom: 0in"> Stay on top of regular tune-ups, as this will help you burn less gas, pollute less, and prevent future care trouble. </p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope you are now equipped to purchase a new, green vehicle, all while helping our planet in the process. Sounds like a great combination to us. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Tips for Buying and Owning a Green Car" },
153	{ description: "Traffic Accidents", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hear (or see, if you’re in a major city) about them every day. Traffic accidents. From the fender bender you rubberneck on the highway to the tragic collision you hear about on the news, many drivers out there feel like they’re just biding their time until they’re “next.” We hope these simple steps will help you avoid traffic accidents in the future. </p> <p style="margin-bottom: 0in"> <br /> </p> <ol> <li> <p style="margin-bottom: 0in"> <b>Improper Lane Changes</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> You have to make them properly to drive, but the longer you’re on the road, the more lackadaisical you become about them. Remember, before you change lanes, check all mirrors and use your signals. Always be on the lookout for other drivers.</p> <ol start="2"> <li> <p style="margin-bottom: 0in"> <b>Vehicle Malfunction</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> You know those check-ups your owner’s manual recommends? Make sure that they get done, and on time. Proper maintenance of your wiper fluids, brakes, and tires are especially important.</p> <ol start="3"> <li> <p style="margin-bottom: 0in"> <b>Unsafe Speeds</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> Those speed limit signs aren’t there as a challenge. Excessive speed reduces reaction time and significantly increases impact and injuries.</p> <ol start="4"> <li> <p style="margin-bottom: 0in"> <b>Stay Alert</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> Keep your eyes focused on the area ahead of your vehicle. This increases your chances of seeing a problem with enough time to react to it.</p> <ol start="5"> <li> <p style="margin-bottom: 0in"> <b>Beware of Blind Spots</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> Adjust all your mirrors to provide you with a seamless view of the back and sides surrounding your vehicle. Don’t forget to consider the blind spots of other drivers around you!</p> <ol start="6"> <li> <p style="margin-bottom: 0in"> <b>Avoid the Fast Lane</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> By using the center or right lane on multilane roads, you have more "escape routes" should a problem suddenly arise that requires you to quickly change lanes or pull onto the shoulder.</p> <ol start="7"> <li> <p style="margin-bottom: 0in"> <b>Inattention</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> Pay close attention to your own driving, other drivers, pedestrians, and driving conditions.</p> <ol start="8"> <li> <p style="margin-bottom: 0in"> <b>Unsafe Roads</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> Ice, snow, fog, and rain can make road conditions hazardous, so drive at a safe speed and don’t follow other drivers too closely. </p> <ol start="9"> <li> <p style="margin-bottom: 0in"> <b>Never Drive With A Drunk Driver</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> Always assign a designated driver beforehand. Never get in the passenger seat of a driver who has even had one cocktail. A $50 cab is better than a $5,000 fine and jail time.</p> <ol start="10"> <li> <p style="margin-bottom: 0in"> <b>Don’t Tailgate!</b></p> </li> </ol> <p style="margin-left: 0.5in; margin-bottom: 0in"> No matter how slowly traffic is moving, keep at least two seconds of following distance between you and the car ahead. If you’re driving too close, what happens when the driver in front of you slams on the brakes? You don’t want to know.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope these tips are not new advice, but instead, helpful reminders. It’s our goal to keep our drivers on the road for many more years to come. Happy driving! </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Traffic Accidents" },
154	{ description: "Used Auto Parts That Are Never a Good Idea", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Unlike humans, not all auto parts are created equal. Which means that although the price may be enticing, the product might not be safe. While some parts (rearview mirrors and hubcaps, for example) are perfectly safe bets, there are a handful of others we don't recommend testing your luck with. Read on to ensure you're never fooled:</p> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> <b>Tires</b>: Did you know that according to AAA, the rate of failure for used tires is among the top reasons for roadside assistance? Serious problems, such as tread separation (which can cause spin-outs, rollovers, and deadly collisions with other vehicles), cannot be detected with the naked eye as it occurs within the tire. Also, many tires have an expiration date that is six years after manufacture, NOT six years after the tires are first installed.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> <b>Car Seats</b>: Just like tires, damaged car seats aren't always detected with the naked eye. The fact that safety technology improves every year, coupled with the fact that brand new car seats can run as little as $50, means that buying new is definitely the preferable option.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <ul> <li> <p style="margin-bottom: 0in"> <b>Brakes</b>: Over time the seals of hydraulic brake parts including master cylinders, calipers, and wheel cylinders can leak and become defective. This is why brake repairs are one of the most common repairs according to AAA. Lost pressure and brake failure are two things you never want to encounter.</p> </li> </ul> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope that after this quick review you are more equipped to make safer (and in the long run, more economical) decisions when it comes to updates for your vehicle. If you're in the market for reliable used auto parts, contact your local auto repair store, dealership, or even begin your hunt online on a site like ebay.com or autopartsplace.com.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Used Auto Parts That Are Never a Good Idea" },
155	{ description: "Using a Penny to Check Tire Wear", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We're sure you've heard of the “penny” test as a way to check the tread on your tires. And we're here to tell you: As silly as it sounded when your grandpa used to tell it, it's true. Even with all the technology we've acquire since his day, the penny (and quarter!) test is still a simple, tried and true way to protect your tires—and yourself. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> According to most states' laws, tires are legally worn out when they have worn down to 2/32'' of remaining tread depth. But what does this number mean to you? It means that your resistance to hydroplaning in the rain at highway speeds has been significantly reduced, and traction in snow is now virtually non-existent. To test this, place a penny into several tread grooves across the tire. If part of Lincoln's head is always covered by the tread, you have more than 2/32'' of tread depth remaining.</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Do you live in a place that is frequently covered in rain and wet roads? If so, you should consider replacing your tires when they reach 4/32'' of remaining tread depth. This time take a quarter, and like the penny, place it into several grooves across the tires. If part of Washington's head is always covered by the tread, you have more than 4/32'' depth remaining. You need enough tread depth to allow rain to escape through your tire's grooves. If the water can't escape, your tires may be forced to hydroplane, causing an unfortunate accident. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> However, if snow-covered roads are more your concern, you need to think about replacing your tires when they reach 6/32'' of remaining tread depth to maintain good mobility. Use a penny to test the tread grooves. If the top of the Lincoln Memorial is always covered by the tread, you have more than 6/32'' depth remaining. You never want to lose mobility while driving through the snow!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> We hope you leave this letter more knowledgeable about the status of your tires, how they affect your car's livelihood, and what you can do to prevent any damage to yourself and your vehicle. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving! </p> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> <br /> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Using a Penny to Check Tire Wear" },
156	{ description: "Why You Should Rotate Your Tires", html: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <p style="margin-bottom: 0in"> Dear [[Customer Name]], </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Rotating your tires. Can you think of anything more entertaining to do with your time? We're sure you can. But we also know you're smart, and smart people want to get the most out of their investment. When you rotate your tires, you are ensuring an even pattern of wear. And this means you will maximize your tires to their potential and save money in the long run. An investor’s dream!</p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Your front tires go through much more wear and tear than your rear tires, especially on front-wheel drive cars. By nature, they carry more weight, they do a disproportionate amount of breaking, as well as all the steering. Add that to how each individual's unique driving habits affect the left and right tires separately, and the end result of it all is uneven tire wear. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> The goal of rotating your tires is to make certain that the entire set wears at the same rate, which means an overall safer set of tires as well as not having to replace tires that are out of sync. At the end of the day, you should be rotating your tires in accordance with the manufacture's specifications—even if there are no visible signs of uneven wear. While you are having your tires rotated, it's a prudent idea to also have your breaks inspected at the same time. Not only does this save money in the long run, but it may end up saving your life. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> If you think you may be overdue for a tire rotation, take your car in to your local tire service center for an inspection by a professional. </p> <p style="margin-bottom: 0in"> <br /> </p> <p style="margin-bottom: 0in"> Happy driving!</p> <p style="margin-bottom: 0in"> </p> <p style="margin-bottom: 0in"> </p> </body> </html>', image: "WinterizingWindshieldandWipers/screenshot.png", title: "Why You Should Rotate Your Tires" }
157	]
158	});

Download in other formats:

Original Format

© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy