????
Your IP : 3.145.105.85
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Wanderfuls Pompom Colors</title>
<meta name="Description" content="Wanderfuls offers unique Anniversary Centerpieces and Party Favors, party centerpieces, table centerpieces, and creative centerpiece ideas for all events." />
<meta name="Keywords" content="centerpeices, party centerpiece, table centerpieces, parties, ideas for centerpieces, unique centerpiece, unique centerpieces, party favors, celebration, ideas for centerpieces, do it yourself centerpieces, inexpensive centerpieces, party decorating ideas" />
<!-- YUI Cross Browser Compatability -->
<link rel="stylesheet" href="css/reset-fonts-grids.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css">
<link rel="stylesheet" type="text/css" href="scrollable-gallery-with-tooltips_files/scrollable-gallery.css">
<style>
/*** override styling in external stylesheets ***/
/* remove margins from the image */
.items img {
margin:0;
}
/* make A tags our floating scrollable items */
.items a {
display:block;
float:left;
margin:20px 15px;
}
/* tooltip styling */
#tooltip {
display:none;
background:url(scrollable-gallery-with-tooltips_files/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
/* scrollable should not disable gallery navigation */
#gallery .disabled {
visibility:visible !important;
}
#gallery .inactive {
visibility:hidden !important;
}
</style>
<!-- Full version of jQuery Tools + jQuery 1.3.2 -->
<script src="js/jquery.js"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<!-- JavaScripts-->
<script type="text/javascript" src="js/s3Slider1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 8000
});
});
</script>
<script src="js/AC_RunActiveContent.js" type="text/javascript"></script>
<!--COLORS PAGE-->
<link rel="stylesheet" type="text/css" href="pompoms_files/colors/site.css">
<script language="javascript" type="text/javascript" src="pompoms_files/colors/jquery-1.js"></script>
<script language="javascript" type="text/javascript" src="pompoms_files/colors/site.js"></script>
<style>
.preview-img-listAQ {
width: 272px;
float:left;
}
.preview-list {
width:409px;
float:left;
padding-left:12px;
}
#colorpage {
padding-top:5px;
margin-left:5px;
}
.preview-list img {
margin:0;
padding:0;
display:block;
float:left;
margin-bottom:7px;
}
#colorpage p {
margin-left:15px;
font-weight:bold;
}
</style>
<!--END COLORS PAGE-->
</head>
<body>
<div id="custom-doc" class="yui-t2">
<div id="hd" style="width:894px;" role="banner">
<!-- // logo -->
<!--#include file="parts/logotop.txt" -->
<!-- // top navigation bar -->
<!--#include file="include/main_nav2.txt" -->
</div>
<div id="bd" role="main">
<div id="yui-main">
<img border="0" src="images/price_popup.jpg" align="top" style="margin-left:45px; padding:10px 0;" />
</div>
<!-- javascript coding -->
<script>
$(document).ready(function() {
/* chained call: scrollable().find("a").tooltip().overlay().gallery(); */
$(".scrollable").scrollable().find("a").tooltip({
// use this single tooltip element for all trigger elements
tip: '#tooltip'
}).overlay({
// each trigger uses the same overlay with id "gallery"
target: '#gallery',
// optional exposing effect with custom color
expose: '#111',
// clicking outside the overlay does not close it
closeOnClick: false
// gallery plugin
}).gallery({
// do not use the same disabled class name as scrollable
disabledClass: 'inactive'
});
});
//sweetGallery
$("ul.thumb li").hover(function() {
$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/
$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
.animate({
marginTop: '-140px', /* The next 4 lines will vertically align this image */
marginLeft: '-121px',
top: '50%',
left: '50%',
width: '290px', /* Set new width */
height: '250px', /* Set new height */
padding: '5px'
}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */
} , function() {
$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
$(this).find('img').removeClass("hover").stop() /* Remove the "hover" class , then stop animation queue buildup*/
.animate({
marginTop: '0', /* Set alignment back to default */
marginLeft: '0',
top: '0',
left: '0',
width: '140px', /* Set width back to default */
height: '121px', /* Set height back to default */
padding: '5px'
}, 400);
});
</script>
<!--
</div> -->
</div>
<div id="ft" role="contentinfo">
<!-- // bottom navigation -->
<!--#include file="include/bottom_nav.txt" -->
</div>
</div>
<!-- // google analytics, etc. -->
<!--#include file="include/tracking_scripts.txt" -->
<!-- Hotjar Tracking Code for wanderfuls.com -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:78806,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script></body>
</html>