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-->
  
<p align="center"><img src="http://www.iti-group.com/imghost/listingpage/returnsandtestimonials.gif"></p>

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

</div>

dabblet.js

// alert('Hello world!');

settings.json

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