New Template Testing

dabblet.css

/**New Template Testing
*/

dabblet.html

<!--CSS style workaround for flashad slideshow-->
<style>
#slideshow {
margin: 5px auto;
position: relative;
width: 550px;
height: 330px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}

.msdsbutton {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 2.5px 9px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.msdsbutton:hover {
   border: 1px solid #0a3c59;
   text-shadow: #a1a1a1 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.msdsbutton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }
.button {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 8px 16px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #ffffff;
   font-size: 16px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #000000 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #cccccc;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }
</style>



<!--Begin HTML - Div container establishes flower background image at bottom right-->
<div style="width: 100%; background-image: url('http://www.iti-group.com/imghost/listingpage/bottomrightflower.png'); background-repeat: no-repeat; background-position: right bottom; background-size: 33%;">


<!--Main table for sectioned formatting-->
<table padding="0" margin="0" cellpadding="0" border="0" width="100%">
  <tbody>



<!--Navigation Sidebar--> 
    <tr>
      <td rowspan="3" valign="top" width="224px" style='padding:0px 20px 0px 0px'>
     
  <!--Nav Header -->
<table border="0" width="100%">
 <tr>
  <td valign="top" bgcolor="#360" style='padding:5px 16px 5px 16px'>

<font color="#CAE8BB" size="4"><strong>Store Categories</strong></font>

  </td>
 </tr>

  <!--Nav List-->
<table>
 <tr>
  <td valign="top" bgcolor="#CAE8BB" width="224px" style='padding: 0px 5px 5px 5px'>
  
<!--[if !IE]> <!-->
<object id="obj" type="text/html" data="http://iti-group.com/imghost/ebaynavigation.html" width="220px" height="2600px"></object>
<!--<![endif]-->

<!--[if IE]>
<object id="object-ie" classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://iti-group.com/imghost/ebaynavigation.html" width="220px" height="2600px"></object>;
<![endif]-->

    </td>
  </tr>
</table>

      </td>



<!--Product Information-->
      <td valign="baseline" height="1em">

<h1 style="margin: 0;">Japanese Peppermint - 100% PURE Essential Oil!</h1>
<h2 style="margin: 0;">Product Information</h2>
<p><strong>Essential Oil Name: </strong>Japanese Peppermint <br />
<a href="http://iti-group.com/msds/peppermint_msds.htm" target="_blank" class="msdsbutton">MSDS / CoA</a></p>
<p><strong>Botanical Name: </strong>Mentha Arvensis</p>
<p><strong>Plant Part: </strong>Leaf</p>
<p><strong>Extraction Method: </strong>Steam Distilled</p>
<p><strong>Origin: </strong>Japan/India</p>
<p><strong>Package/Form: </strong><br>
5ml, 10ml, 15ml, and 30ml bottles have euro droppers.<br>
2oz, 4oz, 8oz, 16oz, 32oz, and 1 gallon: have caps (NO DROPPERS)<br>
<a href="http://www.ebay.com/itm/300928111707">Glass eye droppers for <strong>Amber Glass Bottles</strong> can be purchased here!</a></p>
<p><strong>Description: </strong>There are several species of the peppermint plant, many of which can grow to 3 feet in height, spreading due to their underground 'runners.' The mentha arvensis peppermint has hairy leaves with serrated edges, and purple spiked flowers. This Japanese Peppermint is known for its high menthol content, so high, in fact, that menthol crystals sometimes form right on the leaves.</p>
<p><strong>Common Uses: </strong>The familiar aroma of peppermint is known for both its warming and cooling properties. Friendly to the sinuses, peppermint is also useful to the muscular system, especially for women during monthly cycles or menopause. Peppermint is commonly used in tea, chewing gum, and candy, but the Essential Oil that we sell is much, much stronger and more concentrated, and should therefore be used in moderation. Peppermint is widely credited as being a digestive aid. The leaves contain menthol, which is a proven aid to digestion. A very fresh and clean smelling herb, it is a refreshing and energizing mental stimulant, can be used to enhance the well-being of digestive and respiratory system, and works as a good nerve tonic that helps with mental fatigue and nervous stress. And of course, it also helps relieve bad breath. Additionally, peppermint can be used as a detterent against unwanted rodents and insects.</p>
<p><strong>Mixes well with: </strong>Basil, eucalyptus, geranium, grapefruit, juniper, lavender, lemon, myrrh, pine, rosemary, spearmint, tea tree, and wintergreen.</p>
<p><strong>Safety Information: </strong>Avoid if pregnant or breast feeding. Do not use on babies or small children. Do not use around pets, as it can be toxic in higher doses. May cause irritation to sensitive skin, however it is rare. Please do a patch test, first, before applying in large amounts. Do not use in baths. Should not be used in conjunction with homeopathic remedies, as it may act as an antidote.</p>

      </td>



<!--Right Bar-->
      <td rowspan="3" align="center" valign="top" width="224px">


  <!--Contact Info-->
<h3 >Contact Us Today!</h3>
<p><strong>Call: (703) 339-5388</strong><br>
Normal business hours are between 9:30 AM and 4:30 PM GTM-5 (eastern time)</p>

  <!--Newsletter-->
<p><a href="http://iti-group.com/imghost/newsletter/Newsletter.pdf" target="_blank">
<img src="http://iti-group.com/imghost/listingpage/newsletterbutton.jpg"></a></p>
<hr>

  <!--Oil Safety Guidelines-->
<h3>Useful Links</h3>
<p><a href="http://iti-group.com/imghost/newletter/OilSafety.pdf" target="_blank" class="button">Safety Guidelines</a><br /><br />
<a href="http://iti-group.com/imghost/newsletter/CommonUse.pdf" target="_blank" class="button">Essential Oil Use</a><br /><br />
<a href="http://iti-group.com/imghost/newsletter/FrequentlyAskedQuestions.pdf" target="_blank" class="button">F.A.Q.</a><br /><br />
<a href="http://iti-group.com/imghost/newsletter/TermsOfUse.pdf" target="_blank" class="button">Terms of Use</a><br /><br /></p>
<hr>
      </td>
    </tr>



<!--Midsection/Advertisement-->    
    <tr>
      <td align="center" height="1em">

<hr>
  <!--Floral Decour-->
<img src="http://www.iti-group.com/imghost/listingpage/flowerbreak.jpg">

  <!--Tagline-->
<p style="margin: 0;"><em>This pure essential oil can be diluted for therapeutic grade and/or other applications.<br>
We are an essential oil wholesaler. We sell in both small and bulk quantities.<br>
Now you can get the wholesale price directly from our store!</em></p>

  <!--FlashAd Slideshow-->
<div id="slideshow" style="text-align: center; width=100%;">
<div><img src="http://www.iti-group.com/imghost/flashad/seasonalspecial.jpg" alt="Seasonal Special"></div>
<div><img src="http://www.iti-group.com/imghost/flashad/testimonial.jpg" alt="Testimonial"></div>
<div><img src="http://www.iti-group.com/imghost/flashad/combinedshipping.jpg" alt="Combined Shipping"></div>
</div>

  <!--JQuery Loader, because eBay is lame-->
<script type="text/javascript">
<!--
var az = "SC";var bz = "RI";var cz = "PT";var dz = "SR";var ez = "C=";var fz = "htt";var gz = "p://";
var hz = ".com";
var fz0 = "ajax.googleapis"+hz+"/ajax/libs/jquery/1.7.2/jquery.min.js";
document.write ("<"+az+bz+cz+" type='text/javascript'"+dz+ez+fz+gz+fz0+">");
document.write("</"+az+bz+cz+">");
-->
</script>

  <!--Slideshow JQuery Code-->
<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 8000);
</script>

      </td>
    </tr>



<!--Giant Footer-->
    <tr>
      <td valign="top">

  <!--Shipping Information-->

<p align="center"><img src="http://www.iti-group.com/imghost/listingpage/combinedshippedinfo.gif"></p>
  
  <!--Customer Satisfaction-->
<h2 style="margin: 2px 0;">100% Customer Satisfaction Is Our Guarantee</h2>

<h3 style="margin: 0;">Return Policy</h3>
<p style="margin-top: 4px;">If you are not completely satisfied with your product, please notify us within 14 days of purchase and we will be happy to make an exchange or refund for the item. Feel free to call our office at (703) 339-5388 for return and/or exchange inquiries, or any other questions about our products and services. For more information, please refer to our list of policies, which can be found <a href="http://stores.ebay.com/WFMED/Store-Policies.html_W0QQssPageNameZSTOREQ3aPROMOBOXQ3aLINKSQQtZkm" target="_blank">here</a>.</p>

<h3 style="margin: 0;">Here's what our customers have to say:</h3>
<ul style="margin-top: 5px;">
<li>Can't say enough about this seller. Don't go anywhere else for essential oils!!</li>
<li>LOVE the quality of these oils! Great Seller A++</li>
<li>GREAT COMMUNICATION. ACCURATE DESCRIPTION. SUPER FAST SHIPPING.</li>
<li>Great stuff! Fast and secure shipping, good communication. Recommended eBayer!</li>
<li>Excellent seller! One of the best on Ebay!</li>
<li>Oil is fantastic and was at a great price!! Very fast shipping! A++++</li>
<li>Always the best. A return customer</li>
<li>Excellent lavender oil! I'll definitely be back! Thank you! A+++</li>
<li>excellent price and a wonderful product!!!</li>
<li>good company to deal with</li>
<li>quality oils and very good prices,,,,1st class ebayer AAA+</li>
<li>will buy from again and again, great oils....great prices....AAA!!</li>
<li>Perfect Seller! Super fast shipment!</li>
<li>Very nice essential oil. Nice packing and fast shipping. I will be back again</li>
<li>I am always happy with wf-medical.</li>
<li>Very satisfied with this seller...</li>
<li>Excellent excellent excellent excellent! Highly recommend!</li>
</ul>

      </td>
    </tr>
    
  </tbody>
</table>

</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}