var subA = new ItemStyle(61, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subB = new ItemStyle(60, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subC = new ItemStyle(93, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subD = new ItemStyle(65, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subE = new ItemStyle(76, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subF = new ItemStyle(66, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subG = new ItemStyle(88, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subH = new ItemStyle(73, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subI = new ItemStyle(50, 0, '', -15, 0, 'images/menu/topmenu_back1.gif', 'images/menu/topmenu_back1H.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subJ = new ItemStyle(42, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subK = new ItemStyle(70, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subL = new ItemStyle(90, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subM = new ItemStyle(100, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subR = new ItemStyle(59, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subS = new ItemStyle(127, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subT = new ItemStyle(110, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');

var subN = new ItemStyle(19, 0, '', -15, 0, '#853B65', '#B3558A', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');
var subO = new ItemStyle(35, 0, '', -15, 0, '#853B65', '#B3558A', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');
var subP = new ItemStyle(87, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var subQ = new ItemStyle(78, 0, '', -15, 0, 'images/menu/topmenu_back.gif', 'images/menu/topmenu_backH.gif', 'lowText', 'highText',
 '', '', null, null, 'hand', 'default');
var pMenu = new PopupMenu('pMenu');
with (pMenu)
{
startMenu('root', false, 'window.page.elmPos("home").x + 9', 'window.page.elmPos("home").y + 6', 18, subM, '', false);
addItem('<center>Home</center>', 'index.htm', 'parent', subI);
addItem('<center>Manicure</center>', 'manicure.htm', 'parent', subH);
addItem('<center>Pedicure</center>', 'pedicure.htm', 'parent', subK);
addItem('<center>Lash & Brow</center>', 'lash_brow.htm', 'parent', subC);
addItem('<center>Facials</center>', 'facials.htm', 'parent', subR);
addItem('<center>Waxing</center>', 'waxing.htm', 'parent', subA);
addItem('<center>Body Treatments</center>', 'massage.htm', 'parent', subS);
addItem('<center>Just 4 Men</center>', 'just4men.htm', 'parent',  subP);
addItem('<center>Pamper Breaks</center>', 'pamper_breaks.htm', 'parent', subT);
addItem('<center>Contact Us</center>', 'contact.htm', 'parent', subL);
addItem('<center>Products</center>', 'mProds', 'sm:', subG).onclick='window.location.href="products.htm"';

startMenu('mProds', true, 0, 18, 89, subN);
addItem('&nbsp;Cleansers', 'cleansers.htm', 'parent');
addItem('&nbsp;Exfoliators', 'exfoliators.htm', 'parent');
addItem('&nbsp;Eyes', 'eyes.htm', 'parent');
addItem('&nbsp;Gifts', 'gifts.htm', 'parent');
addItem('&nbsp;Lightening', 'lightening.htm', 'parent');
addItem('&nbsp;Masks', 'masks.htm', 'parent');
addItem('&nbsp;Men&rsquo;s<BR>&nbsp;Products', 'mens.htm', 'parent', subO);
addItem('&nbsp;Moisturisers', 'moisturisers.htm', 'parent');
addItem('&nbsp;Serums', 'serums.htm', 'parent');
addItem('&nbsp;Tanning', 'tanning.htm', 'parent');
addItem('&nbsp;Toners', 'toners.htm', 'parent');
addItem('&nbsp;Treatments', 'treatments.htm', 'parent');

}

// ******************** FUNCTIONS CALLED BY THE EFFECTS SECTION ********************

// This is the "positioning from page anchors" code used by the advanced positioning expressions.
page.elmPos=function(e,p)
{
 var x=0,y=0,w=p?p:this.win;
 e=e?(e.substr?(isNS4?w.document.anchors[e]:getRef(e,w)):e):p;
 if(isNS4){if(e&&(e!=p)){x=e.x;y=e.y};if(p){x+=p.pageX;y+=p.pageY}}
 if (e && this.MS && navigator.platform.indexOf('Mac')>-1 && e.tagName=='A')
 {
  e.onfocus = new Function('with(event){self.tmpX=clientX-offsetX;' +
   'self.tmpY=clientY-offsetY}');
  e.focus();x=tmpX;y=tmpY;e.blur()
 }
 else while(e){x+=e.offsetLeft;y+=e.offsetTop;e=e.offsetParent}
 return{x:x,y:y};
};




