Warning: Declaration of JRouterJoomsef::parse(&$siteRouter, &$uri) should be compatible with JRouter::parse(&$uri) in /usr/www/users/ellyeueuwm/components/com_sef/sef.router.php on line 72

Warning: Declaration of JRouterJoomsef::build(&$siteRouter, &$uri) should be compatible with JRouter::build($url) in /usr/www/users/ellyeueuwm/components/com_sef/sef.router.php on line 72
<style type="text/css">div#nextend-smart-slider-133.nextend-slider-fadeload{position: absolute; opacity: 0;}</style><script type="text/javascript">
    window['nextend-smart-slider-133-onresize'] = [];
</script>

<div id="nextend-smart-slider-133" class="nextend-slider-fadeload " style="font-size: 12px;">
    <div class="smart-slider-border1" style="box-shadow: 1px 0 5px RGBA(0, 0, 0, 0.2), -1px 0 5px RGBA(0, 0, 0, 0.2);
                    ">
        <div class="smart-slider-border2">
            
                            <div class="smart-slider-canvas smart-slider-slide-active smart-slider-bg-colored" style="">
                                            <img src="http://ellyellynice.co.za/images/slide1-bg.jpg" class="nextend-slide-bg"/>
                                                            <div class="smart-slider-canvas-inner">
                        <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="1" data-delayin="1200" data-easingin="easeOutQuint" data-durationin="800" data-animationin="slidebottomtotop" data-name="Mobile" class="smart-slider-layer" style="top: 52.75%; left: 59.184%; width: 40.817%; height: 47.25%; position: absolute; z-index: 2; display: block; opacity: 1; visibility: visible; -webkit-transform-origin: 100% 100%; -webkit-transform: rotate(0deg);" data-animation="slide"><div style="" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/ellephant.png" onclick=";" style="display: block; max-width: 100%; ;width:100%;height:;" alt="Image not available" title="">
        </div></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="0" data-easingin="linear" data-durationin="500" data-animationin="slidelefttoright" data-name="Heading" class="smart-slider-layer" style="top: 6%; left: 20.483%; width: 26.123%; height: 12%; position: absolute; z-index: 4; display: block; visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items"  ><h1 class="sliderfont1 " style="color: #000000;padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;"   >
                  Welcome to
                </h1></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="0" data-easingin="linear" data-durationin="500" data-animationin="bounce" data-name="Paragraph" class="smart-slider-layer" style="top: 64%; left: 5.592%; width: 46.225%; height: 27.25%; position: absolute; z-index: 7; display: block; visibility: visible; opacity: 1; -webkit-transform: scale(1, 1);" data-animation="slide"><div style="" class="smart-slider-items"  ><p class="sliderfont5 " style="color: RGBA(255,255,255,.8)"   >We stock a wide selection of fun gifts in multiple different categories ranging from candles &amp; bath fizzers to glow in the dark condoms and flavoured lubrication! So whether you plan on surprising a bride to be or just feel like spoiling your beloved, go on you deserve it! ;o) </p></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="300" data-easingin="easeInOutQuad" data-durationin="800" data-animationin="fadeup" data-name="Portfolio button" class="smart-slider-layer" style="top: 31%; left: 74.509%; width: 18.062%; height: 13%; position: absolute; z-index: 6; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><div class="nextend-smartslider-button-poison-opacity-button-container sliderfont11" style="cursor:pointer; width: 100%;"   >
    <a href="/browse-our-categories" onclick="if(this.getAttribute('href') == '#') return false;" target="_self" style="display: block;" class="nextend-smartslider-button-poison-opacity-button ">
      BROWSE CATEGORIES
    </a>
</div>
<style type="text/css">
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button{
        padding: 4.5% 8%;
box-shadow: 0 1px 1px RGBA(0,0,0,0.2);
border: 2px solid #b2228a;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #b2228a;
background: #b2228a;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
    }
    
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button:HOVER,
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button:FOCUS,
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button:ACTIVE{
        background: #00ce9b;background: rgba(0, 206, 155, 0.8);
              
    }
</style></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="0" data-easingin="easeInOutQuad" data-durationin="800" data-animationin="fadeup" data-name="Contact button" class="smart-slider-layer" style="top: 10.5%; left: 74.57%; width: 17.96%; height: 13.5%; position: absolute; z-index: 9; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><div class="nextend-smartslider-button-poison-opacity-inv-button-container sliderfont11" style="cursor:pointer; width: 100%;"   >
    <a href="/about-the-business" onclick="if(this.getAttribute('href') == '#') return false;" target="_self" style="display: block;" class="nextend-smartslider-button-poison-opacity-inv-button ">
      ABOUT US
    </a>
</div>
<style type="text/css">
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button{
        padding: 4.5% 8%;
box-shadow: 0 1px 1px RGBA(0,0,0,0.2);
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;              
border: 2px solid #b2228a;
background: #b2228a;
background: b2228a;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;

    }
    
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button:HOVER,
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button:FOCUS,
    div#nextend-smart-slider-133 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button:ACTIVE{
        background: #b2228a;background: rgba(0, 206, 155, 0.5);
border: 2px solid rgba(0, 206, 155, 0.6);
              
    }
</style></div></div>                    <div class="smart-slider-layer" style="top: 23.75%; left: 1.531%; width: 12.449%; height: 30.5%; position: absolute; z-index: 8; display: block; visibility: visible;" data-animation="slide" data-name="Layer #6" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="500" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/ellie.png" onclick=";" style="display: block; max-width: 100%; ;width:auto;height:;" alt="Image not available" title="">
        </div></div></div>                    <div class="smart-slider-layer" style="top: 24%; left: 14.284%; width: 15.715%; height: 27.5%; position: absolute; z-index: 10; display: block; visibility: visible;" data-animation="slide" data-name="Layer #7" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="800" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/elly2.png" onclick=";" style="display: block; max-width: 100%; ;width:auto;height:;" alt="Image not available" title="">
        </div></div></div>                    <div class="smart-slider-layer" style="top: 24.25%; left: 29.488%; width: 15.409%; height: 26.25%; position: absolute; z-index: 11; display: block; visibility: visible;" data-animation="slide" data-name="Layer #8" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="1000" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/elly2.png" onclick=";" style="display: block; max-width: 100%; ;width:auto;height:;" alt="Image not available" title="">
        </div></div></div><div class="smart-slider-layer" style="top: 24.25%; left: 43.776%; width: 18.878%; height: 25.5%; position: absolute; z-index: 12; display: block; visibility: visible;" data-animation="slide" data-name="Layer #9" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="1200" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/nice.png" onclick=";" style="display: block; max-width: 100%; ;width:auto;height:;" alt="Image not available" title="">
        </div></div></div>                    <div class="smart-slider-layer" style="top: 5.75%; left: 68.06%; width: 8.674%; height: 20%; position: absolute; z-index: 13; display: block; visibility: visible; opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg) scale(1, 1);" data-animation="slide" data-name="Layer #10" data-animationin="bounce" data-durationin="500" data-easingin="linear" data-delayin="1200" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/flower.png" onclick=";" style="display: block; max-width: 100%; ;width:auto;height:;" alt="Image not available" title="">
        </div></div></div>                    <div class="smart-slider-layer" style="top: 27.25%; left: 68.162%; width: 9.184%; height: 20%; position: absolute; z-index: 14; display: block; visibility: visible; opacity: 1; -webkit-transform: scale(1, 1);" data-animation="slide" data-name="Layer #11" data-animationin="bounce" data-durationin="500" data-easingin="linear" data-delayin="1500" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="display: block;" class="smart-slider-items"  ><div   >
          <img src="http://ellyellynice.co.za/images/flower.png" onclick=";" style="display: block; max-width: 100%; ;width:auto;height:;" alt="Image not available" title="">
        </div></div></div>                    </div>
                </div>
                            <div class="smart-slider-canvas smart-slider-bg-colored" style="">
                                            <img src="http://ellyellynice.co.za/images/slide2-bg.png" class="nextend-slide-bg"/>
                                                            <div class="smart-slider-canvas-inner">
                        <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.1" data-delayin="0" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="faderight" data-name="Title 1" class="smart-slider-layer" style="top: 14%; left: 19.118%; width: 23.164%; height: 15.75%; position: absolute; z-index: 2; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><h1 class="sliderfont1 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;"   >
                  Browse our
                </h1></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="300" data-easingin="easeInOutCubic" data-durationin="500" data-animationin="bounce" data-name="Title 2" class="smart-slider-layer" style="top: 12.75%; left: 43.264%; width: 37.96%; height: 16%; position: absolute; z-index: 4; display: block; opacity: 1; visibility: visible; -webkit-transform: scale(1, 1);" data-animation="slide"><div style="display: block;" class="smart-slider-items"  ><h1 class="sliderfontcustom1 " style="color: #cc0075;padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;"   >
                  Featured Categories
                </h1></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="800" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadedown" data-name="Tony text" class="smart-slider-layer" style="top: 36.75%; left: 11%; width: 16.667%; height: 14%; position: absolute; z-index: 5; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><p class="sliderfontcustom2 " style=""   >Bath Products</p></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="600" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Tony Stark avatar" class="smart-slider-layer" style="top: 47.5%; left: 13.999%; width: 10.313%; height: 27.5%; position: absolute; z-index: 6; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"   >
          <a href="/browse-our-categories/bath-products" target="_self" style="background: none !important; display:block;"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-bath.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-bath-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </a>
        </div></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="1200" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Black Widow avatar" class="smart-slider-layer" style="top: 46.75%; left: 33.999%; width: 10.313%; height: 27.5%; position: absolute; z-index: 7; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"   >
          <a href="/browse-our-categories/candles" target="_self" style="background: none !important; display:block;"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-candles.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-candles-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </a>
        </div></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="1400" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadedown" data-name="Black Widow text" class="smart-slider-layer" style="top: 36.25%; left: 30.383%; width: 16.667%; height: 14%; position: absolute; z-index: 8; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><p class="sliderfontcustom2 " style=""   >Candles</p></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="2000" data-easingin="easeInOutCubic" data-durationin="500" data-animationin="fadedown" data-name="The Hulk text" class="smart-slider-layer" style="top: 36.25%; left: 50.489%; width: 16.667%; height: 14%; position: absolute; z-index: 10; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><p class="sliderfontcustom2 " style=""   >Glow in the Dark</p></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="2400" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Thor avatar" class="smart-slider-layer" style="top: 45.25%; left: 73.897%; width: 10.313%; height: 27.5%; position: absolute; z-index: 11; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"   >
          <a href="/browse-our-categories/playful" target="_self" style="background: none !important; display:block;"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-play.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-play-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </a>
        </div></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="2700" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadedown" data-name="Thor text" class="smart-slider-layer" style="top: 35.75%; left: 70.592%; width: 16.667%; height: 14%; position: absolute; z-index: 12; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><p class="sliderfontcustom2 " style=""   >Playfull</p></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="easeInOutCubic" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="1800" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Loki avatar (out)" class="smart-slider-layer" style="top: 45.75%; left: 54.203%; width: 10.313%; height: 27.5%; position: absolute; z-index: 13; display: block; opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px);" data-animation="slide"><div style="" class="smart-slider-items"  ><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"   >
          <a href="/browse-our-categories/glow-in-the-dark" target="_self" style="background: none !important; display:block;"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-glow.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://ellyellynice.co.za/images/slide2-glow-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-133 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </a>
        </div></div></div>                    <div class="smart-slider-layer" style="top: 86.75%; left: 2.755%; width: 20%; height: 12%; position: absolute; z-index: 14; display: block; visibility: visible; opacity: 1; -webkit-transform: scale(1, 1);" data-animation="slide" data-name="Layer #11" data-animationin="bounce" data-durationin="500" data-easingin="linear" data-delayin="2000" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div class="nextend-smartslider-button-blue-transition-rounded-button-container sliderfont11" style="cursor:pointer; width: 100%;"   >
    <a href="/browse-our-categories" onclick="if(this.getAttribute('href') == '#') return false;" target="_self" style="display: block;" class="nextend-smartslider-button-blue-transition-rounded-button ">
      View ALL CATEGORIES
    </a>
</div>
<style type="text/css">
    div#nextend-smart-slider-133 div.nextend-smartslider-button-blue-transition-rounded-button-container a.nextend-smartslider-button-blue-transition-rounded-button{
        padding: 8px 10px;
box-shadow: 0 1px 1px RGBA(0,0,0,0.2);
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #b2228a;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
    }
    
    div#nextend-smart-slider-133 div.nextend-smartslider-button-blue-transition-rounded-button-container a.nextend-smartslider-button-blue-transition-rounded-button:HOVER,
    div#nextend-smart-slider-133 div.nextend-smartslider-button-blue-transition-rounded-button-container a.nextend-smartslider-button-blue-transition-rounded-button:FOCUS,
    div#nextend-smart-slider-133 div.nextend-smartslider-button-blue-transition-rounded-button-container a.nextend-smartslider-button-blue-transition-rounded-button:ACTIVE{
        background: #b2228a;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
    }
</style></div></div>                    </div>
                </div>
                            <div class="smart-slider-canvas smart-slider-bg-colored" style="">
                                            <img src="http://ellyellynice.co.za/images/slide3-bg.jpg" class="nextend-slide-bg"/>
                                                            <div class="smart-slider-canvas-inner">
                        <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="0" data-easingin="linear" data-durationin="500" data-animationin="rollin" data-name="Heading" class="smart-slider-layer" style="top: 4.25%; left: 3.264%; width: 28.368%; height: 12%; position: absolute; z-index: 2; display: block; visibility: visible; -webkit-transform-origin: 50% 50%; opacity: 1; -webkit-transform: translate(0px, 0px) rotate(0deg);" data-animation="slide"><div style="" class="smart-slider-items"  ><h1 class="sliderfont1 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;"   >
                  These are our
                </h1></div></div>                                                                                                    <div class="smart-slider-layer" style="top: 19%; left: 3.162%; width: 30.307%; height: 77.75%; position: absolute; z-index: 3; display: block; visibility: visible; -webkit-transform-origin: 0% 100%; -webkit-transform: rotate(0deg);" data-animation="slide" data-name="cat layer" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="100" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div><!-- START: Modules Anywhere --><div class="vmgroup">

	
		<ul class="vmproduct productdetails">
						<li class=" width100 center">
				<a href="/home/Lingerie/Entwine-Hearts-G-string-in-Tin?Itemid=101" title="Entwine Hearts G-string in Tin"><img src="/images/stories/virtuemart/product/resized/Entwine_Hearts_G_4e9499c63967a_90x90.jpg" alt="Entwine_Hearts_G_4e9499c63967a" class="featuredProductImage" /></a><div class="clear"></div>				<a href="/home/Lingerie/Entwine-Hearts-G-string-in-Tin?Itemid=101">Entwine Hearts G-string in Tin</a>        <div class="clear"></div><div class="product-price"><div class="PricesalesPrice" style="display : block;" ><span class="PricesalesPrice" >R 50,16</span></div><div class="PricesalesPriceWithDiscount" style="display : block;" ><span class="PricesalesPriceWithDiscount" >R 50,16</span></div></div>			<div class="addtocart-area">

				<form method="post" class="product" action="index.php">
					
					<div class="addtocart-bar">

												<!-- <label for="quantity437" class="quantity_box">Quantity: </label> -->
			<span class="quantity-box">
			<input type="text" class="quantity-input" name="quantity[]" value="1"/>
			</span>
			<span class="quantity-controls">
					<input type="button" class="quantity-controls quantity-plus"  />
					<input type="button" class="quantity-controls quantity-minus" />

			</span>


																		<span class="addtocart-button">
							<input type="submit" name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" />			</span>

						<div class="clear"></div>
					</div>

					<input type="hidden" class="pname" value="Entwine Hearts G-string in Tin"/>
					<input type="hidden" name="option" value="com_virtuemart"/>
					<input type="hidden" name="view" value="cart"/>
					<noscript><input type="hidden" name="task" value="add"/></noscript>
					<input type="hidden" name="virtuemart_product_id[]" value="437"/>
					<input type="hidden" name="virtuemart_category_id[]" value="8"/>
				</form>
				<div class="clear"></div>
			</div>
						</li>
					</ul>
		<div class="clear"></div>

		</div><!-- END: Modules Anywhere --></div></div></div>                    <div class="smart-slider-layer" style="top: 19%; left: 34.688%; width: 30.307%; height: 77.5%; position: absolute; z-index: 4; display: block; visibility: visible;" data-animation="slide" data-name="dog layer" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="1000" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div><!-- START: Modules Anywhere --><div class="vmgroup">

	
		<ul class="vmproduct productdetails">
						<li class=" width100 center">
				<a href="/home/HIM/Glow-in-dark-Condom?Itemid=101" title="Glow-in-dark Fundom"><img src="/images/stories/virtuemart/product/resized/Glow_in_dark_Con_4e947f4716757_90x90.jpg" alt="Glow_in_dark_Con_4e947f4716757" class="featuredProductImage" /></a><div class="clear"></div>				<a href="/home/HIM/Glow-in-dark-Condom?Itemid=101">Glow-in-dark Fundom</a>        <div class="clear"></div><div class="product-price"><div class="PricesalesPrice" style="display : block;" ><span class="PricesalesPrice" >R 5,00</span></div></div>			<div class="addtocart-area">

				<form method="post" class="product" action="index.php">
					
					<div class="addtocart-bar">

												<!-- <label for="quantity542" class="quantity_box">Quantity: </label> -->
			<span class="quantity-box">
			<input type="text" class="quantity-input" name="quantity[]" value="1"/>
			</span>
			<span class="quantity-controls">
					<input type="button" class="quantity-controls quantity-plus"  />
					<input type="button" class="quantity-controls quantity-minus" />

			</span>


																		<span class="addtocart-button">
							<input type="submit" name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" />			</span>

						<div class="clear"></div>
					</div>

					<input type="hidden" class="pname" value="Glow-in-dark Fundom"/>
					<input type="hidden" name="option" value="com_virtuemart"/>
					<input type="hidden" name="view" value="cart"/>
					<noscript><input type="hidden" name="task" value="add"/></noscript>
					<input type="hidden" name="virtuemart_product_id[]" value="542"/>
					<input type="hidden" name="virtuemart_category_id[]" value="7"/>
				</form>
				<div class="clear"></div>
			</div>
						</li>
					</ul>
		<div class="clear"></div>

		</div><!-- END: Modules Anywhere --></div></div></div><div class="smart-slider-layer" style="top: 19.25%; left: 66.424%; width: 30.307%; height: 77.5%; position: absolute; z-index: 5; display: block; visibility: visible;" data-animation="slide" data-name="dog layer - copy" data-animationin="slidelefttoright" data-durationin="500" data-easingin="linear" data-delayin="1500" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><div><!-- START: Modules Anywhere --><div class="vmgroup">

	
		<ul class="vmproduct productdetails">
						<li class=" width100 center">
				<a href="/home/Bath-products/Soap-roses-sml?Itemid=101" title="Soap roses sml"><img src="/images/stories/virtuemart/product/resized/Soap_roses_sml_4e940fb358b01_90x90.jpg" alt="Soap_roses_sml_4e940fb358b01" class="featuredProductImage" /></a><div class="clear"></div>				<a href="/home/Bath-products/Soap-roses-sml?Itemid=101">Soap roses sml</a>        <div class="clear"></div><div class="product-price"><div class="PricesalesPrice" style="display : block;" ><span class="PricesalesPrice" >R 18,24</span></div><div class="PricesalesPriceWithDiscount" style="display : block;" ><span class="PricesalesPriceWithDiscount" >R 18,24</span></div></div>			<div class="addtocart-area">

				<form method="post" class="product" action="index.php">
					
					<div class="addtocart-bar">

												<!-- <label for="quantity526" class="quantity_box">Quantity: </label> -->
			<span class="quantity-box">
			<input type="text" class="quantity-input" name="quantity[]" value="1"/>
			</span>
			<span class="quantity-controls">
					<input type="button" class="quantity-controls quantity-plus"  />
					<input type="button" class="quantity-controls quantity-minus" />

			</span>


																		<span class="addtocart-button">
							<input type="submit" name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" />			</span>

						<div class="clear"></div>
					</div>

					<input type="hidden" class="pname" value="Soap roses sml"/>
					<input type="hidden" name="option" value="com_virtuemart"/>
					<input type="hidden" name="view" value="cart"/>
					<noscript><input type="hidden" name="task" value="add"/></noscript>
					<input type="hidden" name="virtuemart_product_id[]" value="526"/>
					<input type="hidden" name="virtuemart_category_id[]" value="25"/>
				</form>
				<div class="clear"></div>
			</div>
						</li>
					</ul>
		<div class="clear"></div>

		</div><!-- END: Modules Anywhere --></div></div></div>                    <div class="smart-slider-layer" style="top: 3%; left: 31.425%; width: 37.143%; height: 16.5%; position: absolute; z-index: 6; display: block;" data-animation="slide" data-name="Layer #5" data-animationin="0" data-durationin="500" data-easingin="linear" data-delayin="0" data-parallaxin="0.45" data-playoutafter="0" data-animationout="0" data-durationout="500" data-easingout="linear" data-delayout="0" data-parallaxout="0.45"><div style="" class="smart-slider-items"  ><h1 class="sliderfontcustom1 " style="color: #ff00b9;padding: 0;
                      margin: 0;
                      background: none;
                      box-shadow: none;"   >
                  Top Sellers
                </h1></div></div>                    </div>
                </div>
                    </div>
    </div>
    <div style="position: absolute; visibility: hidden;z-index:10; line-height: 0;left:0%;bottom:-30px;width:100%;text-align:center;" class="nextend-widget-bullet nextend-widget-always " ><div class="nextend-bullet-container nextend-bullet nextend-bullet-transition nextend-bullet-transition-simple-circle-bold nextend-bullet-horizontal"><div onclick="njQuery('#nextend-smart-slider-133').smartslider('goto',0,false);" data-thumbnail="http://www.nextendweb.com/static/demoslider/slide1-thumbnail.png"  class="nextend-bullet nextend-bullet-transition nextend-bullet-transition-simple-circle-bold nextend-bullet-horizontal active"></div><div onclick="njQuery('#nextend-smart-slider-133').smartslider('goto',1,false);" data-thumbnail="http://www.nextendweb.com/static/demoslider/slide2-thumbnail.png"  class="nextend-bullet nextend-bullet-transition nextend-bullet-transition-simple-circle-bold nextend-bullet-horizontal"></div><div onclick="njQuery('#nextend-smart-slider-133').smartslider('goto',2,false);" data-thumbnail="http://www.nextendweb.com/static/demoslider/slide3-thumbnail.png"  class="nextend-bullet nextend-bullet-transition nextend-bullet-transition-simple-circle-bold nextend-bullet-horizontal"></div></div></div>
              <style>
              .nextend-bullet-container .nextend-bullet-transition.nextend-bullet{
                background: #000000;
                background:RGBA(0,0,0,0);
              }
              .nextend-bullet-container .nextend-bullet-transition.nextend-bullet.active,
              .nextend-bullet-container .nextend-bullet-transition.nextend-bullet:HOVER{
                background: #7670c7;
                background:RGBA(118,112,199,0);
              }              
              .nextend-bullet-container .nextend-bullet-transition.nextend-bullet{
                border-color: #203c58;
                border-color:RGBA(32,60,88,1);
              }
              .nextend-bullet-container .nextend-bullet-transition.nextend-bullet.active,
              .nextend-bullet-container .nextend-bullet-transition.nextend-bullet:HOVER{
                border-color: #1abc9c;
                border-color:RGBA(26,188,156,0.86);
              }
              .nextend-bullet-container.nextend-bullet.nextend-bullet-transition.bullet-bar-simple-rounded,              
              .nextend-bullet-container.nextend-bullet.nextend-bullet-transition.bullet-bar-elegant-rounded,
              .nextend-bullet-container.nextend-bullet.nextend-bullet-transition.bullet-bar-simple,              
              .nextend-bullet-container.nextend-bullet.nextend-bullet-transition.bullet-bar-elegant{
                background:#000000;
                background:RGBA(0,0,0,0.38);
              }
              .nextend-bullet-transition-thumbnail .qtip-content{
                width:100px;
                height:60px;
                padding: 4px;
              }         
              .nextend-bullet-transition-thumbnail .qtip-content img{
                box-shadow: 0 0px 0px 1px RGBA(255,255,255,.2);
              }
              .nextend-bullet-transition-thumbnail{
                background: #182a3b;
                background: RGBA(24,42,59,0.92);
              }
              
              </style>
            <div class="nextend-indicator nextend-widget-hover nextend-indicator-stripe-container" style="position: absolute; z-index:10;left:0%;bottom:0px;width:100%;background-color:#000000; background-color:RGBA(0,0,0,0); height: 6px;" ><div class="nextend-indicator nextend-indicator-stripe nextend-indicator-stripe-dark" style="width: 0%; background-color:#1abc9c; background-color:RGBA(26,188,156,0.86); height: 6px;"></div></div>
              <script type='text/javascript'>
                  njQuery(document).ready(function () {
                      var stripe = window.njQuery('#nextend-smart-slider-133 .nextend-indicator-stripe');
                       window['nextend-smart-slider-133-indicator'] = {
                          hide: function(){
                              stripe.hide();
                          },
                          show: function(){
                              stripe.show();
                          },
                          refresh: function(val){
                              stripe.css('width', val+'%');
                          }
                       };
                  });
              </script>
            <div class="nextend-shadow nextend-shadow-Curved-Smooth" style="line-height:0;position: absolute;left:0%;bottom:-8%;" data-sswidth="width" ><img src="http://www.ellyellynice.co.za/plugins/nextendsliderwidgetshadow/shadow/shadow/shadow/Curved-Smooth.png"/></div></div>

<script type="text/javascript">
    njQuery(document).ready(function () {
        njQuery('#nextend-smart-slider-133').smartslider({"translate3d":1,"playfirstlayer":1,"mainafterout":1,"inaftermain":1,"fadeonscroll":0,"autoplay":1,"autoplayConfig":{"duration":10000,"counter":0,"autoplayToSlide":0,"stopautoplay":{"click":1,"mouseenter":0,"slideplaying":1},"resumeautoplay":{"mouseleave":0,"slideplayed":1,"slidechanged":0}},"responsive":{"downscale":1,"upscale":1,"maxwidth":3000},"controls":{"scroll":0,"touch":"0","keyboard":0},"blockrightclick":0,"type":"ssSimpleSlider","animation":["horizontal"],"animationSettings":{"duration":1200,"delay":0,"easing":"easeInOutQuint","parallax":0.45000000000000001},"flux":[0,["bars","blocks"]]});
    });
</script>
<div style="clear: both;"></div>