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;
}

.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: 10.5px 21px;
   -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: #7ea4bd 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 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: #000000;
   }
.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: #030003;
   }
</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</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="baseline" width="224px">



  <!--MSDS CoA-->
<p><a href="http://iti-group.com/msds/peppermint_msds.htm" target="_blank" class="button">MSDS & CoA</a></p>
<hr>
  <!--Oil Safety Guidelines-->
<p><a href="http://iti-group.com/imghost/newletter/OilSafety.pdf" target="_blank" class="button">Product Safety Guidelines</a><br /><br />
<a href="http://iti-group.com/imghost/newsletter/CommonUse.pdf" target="_blank" class="button">How To Use Essential Oils</a><br /><br />
<a href="http://iti-group.com/imghost/newsletter/FrequentlyAskedQuestions.pdf" target="_blank" class="button">Frequently Asked Questions</a><br /><br />
<a href="http://iti-group.com/imghost/newsletter/TermsOfUse.pdf" target="_blank" class="button">Additional Terms of Use</a></p>
<hr>

<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>

      </td>
    </tr>



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

<hr>
  <!--Floral Decour-->
<div style="text-align: center; width=100%; margin: 0;">
<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>
<p></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>
</div>

      </td>
    </tr>



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

  <!--Shipping Information-->
<h2 style="margin: 0;">Shipping Information:</h2>

<p style="margin-top: 4px;">All items are usually shipped the same business day after receiving payment before 8:00 AM Eastern US Time. If the shipping weight is 1 lb or less we will ship first class USPS. If the weight is above 1 lb we ship USPS Priority Mail.<br /><br />
<em>WFmed will only ship to addresses that are confirmed by USPS. If we are unable to confirm your address, then we will be unable to ship the item unless you contact us and verify your address.</em></p>

<h3 style="margin: 0;">Combined Shipping Offer:</h3>
<p style="margin-top: 4px;"><strong>If you place multiple orders, please read before checking out:</strong><br>
If you intend to buy several oils for one shipment, please do not check out until you have added all of your oils to your cart. This will eliminate the possibility of multiple orders being sent separately, and will ensure that you are charged appropriately for the cost of shipment. If you do not do this, each individual order may have it's own shipping price attached to it.</p>
     
<h4 style="margin: 0px 0px 8px 0px;">Here's how our combined shipping works:</h4>

<table border="1" align="center" width="80%">
 <tr>
  <td valign="top" width="50%" align="center">

<ul>
 <li><strong>The largest item gets an initial fee</strong>
  <ul>
<li>5ml-1oz: $2.99</li>
<li>2oz: $3.99</li>
<li>4oz: $4.99</li>
<li>8oz, 16oz: $5.99</li>
<li>32oz: $6.99</li>
<li>1 Gallon: $10.99</li>
  </ul>
 </li>
</ul>
  
  </td>
  <td valign="top" align="center" width="50%">
  
<ul>
 <li><strong>Additional items get an additional charge</strong>
  <ul>
<li>5ml-15ml: $0.50 <em>per item</em></li>
<li>1oz-4oz: $1.00 <em>per item</em></li>
<li>8oz-32oz: $1.50 <em>per item</em></li>
<li>1 Gallon: $10.99 <em>per item</em></li>
<p>Items with free shipping will ship for free, <br />
but do not make shipping free for the rest of the order.</p>
  </ul>
 </li>
</ul>  

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

<p>To get this combined shipping discount, simply add the items to your cart, and the shipping discount will be applied automatically.
There may be instances where the shipping will not combine automatically. If you are purchasing an item over 1 lb (which must ship priority) and an item under 1 lb (which ships first class), the combined shipping discount may not calculate properly due to the differing mail classes. If this happens, please use the "request total from seller" button at the top of the cart, and we will receive a request to manually adjust your shipping. Please do this <em>before</em> you pay.</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"}