/* span is same dimensions as link and positioned to superimpose */
.navButton, .navButton span, .navButton:visited  {
	display:block;
	width:83px;
	position:absolute;
 	z-index:1;
	background-repeat:no-repeat !important;
	}
/* link heights corresponds with image height */
.navButton, .navButton:visited {
	position:absolute !important;
	}
/* MENU BUTTONS AND POSITIONS */
#homebutton, #homebutton:hover {
   left:295px;
   top:-19px;
   }
#homebutton span, #homebutton:visited span {
	background-image:url(images/button-home.gif);
	height:83px;
	left:-15px;
	top:35px;
	}
#homebutton:hover span, #homebutton:focus span, #homebutton:visited:hover span, #homebutton.udmR span, #homebutton.udmR:visited span, #homebutton:active span {
	background-image:url(images/button-home-hover.gif);
        height:83px;
	left:-15px;
	top:35px;
}
#portfoliobutton, #portfoliobutton:hover {
        left:485px;
        top:-35px;
   	}
#portfoliobutton span, #portfoliobutton:visited span {
	background-image:url(images/button-portfolio.gif);
	height:83px;
	left:-15px;
	top:67px;
	}
#portfoliobutton:hover span, #portfoliobutton:focus span, #portfoliobutton:visited:hover span, #portfoliobutton.udmR span, #portfoliobutton.udmR:visited span, #portfoliobutton:active span {
	background-image:url(images/button-portfolio-hover.gif);
	height:83px;
	left:-15px;
	top:67px;
	}
#servicesbutton, #servicesbutton:hover {
        left:381px;
        top:-25px;
	}
#servicesbutton span, #servicesbutton:visited span {
	background-image:url(images/button-services.gif);
	height:83px;
	left:-5px;
	top:42px;
	}	
#servicesbutton:hover span, #servicesbutton:focus span, #servicesbutton:visited:hover span, #servicesbutton.udmR span, #servicesbutton.udmR:visited span, #servicesbutton:active span {
	background-image:url(images/button-services-hover.gif);
	height:83px;
	left:-5px;
	top:42px;
	}	
#companybutton, #companybutton:hover {
    left:651px;
    top:135px;
   }
#companybutton span, #companybutton:visited span {
	background-image:url(images/button-company.gif);
	height:83px;
	left:-10px;
	top:-30px;
	}
#companybutton:hover span, #companybutton:focus span, #companybutton:visited:hover span, #companybutton.udmR span, #companybutton.udmR:visited span, #companybutton:active span {
	background-image:url(images/button-company-hover.gif);
	height:83px;
	left:-10px;
	top:-30px;
	}
#contactbutton, #contactbutton:hover {
    left:576px;
    top:88px;
   }
#contactbutton span, #contactbutton:visited span {
	background-image:url(images/button-contact.gif);
	height:83px;
	left:-15px;
	top:-30px;
}
#contactbutton:hover span, #contactbutton:focus span, #contactbutton:visited:hover span, #contactbutton.udmR span, #contactbutton.udmR:visited span, #contactbutton:active span {
	background-image:url(images/button-contact-hover.gif);
        height:83px;
	left:-15px;
	top:-30px;
	}
#sitemapbutton, #sitemapbutton:hover {
        left:700px;
        top:221px;
   }
#sitemapbutton span, #sitemapbutton:visited span {
	background-image:url(images/button-sitemap.gif);
        height:83px;
	left:-10px;
	top:-35px;
  }
#sitemapbutton:hover span, #sitemapbutton:focus span, #sitemapbutton:visited:hover span, #sitemapbutton.udmR span, #sitemapbutton.udmR:visited span, #sitemapbutton:active span {
	background-image:url(images/button-sitemap-hover.gif);
        height:83px;
	left:-10px;
	top:-35px;
  }
/*DROP DOWN MENU BUTTONS AND POSITIONS */
/*==================================== */
#offerbutton, #offerbutton:hover {
   left:400px;
   top:95px;
   }
#offerbutton span, #offerbutton:visited span {
	background-image:url(images/button-offer.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}	
#offerbutton:hover span, #offerbutton:focus span, #offerbutton:visited:hover span, #offerbutton.udmR span, #offerbutton.udmR:visited span, #offerbutton:active span {
	background-image:url(images/button-offer-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}	
#processbutton, #processbutton:hover {
   left:400px;
   top:125px;
   }
#processbutton span, #processbutton:visited span {
	background-image:url(images/button-process.gif);
   	height:30px;
	left:-25px;
	top:-10px;
	}
#processbutton:hover span, #processbutton:focus span, #processbutton:visited:hover span, #processbutton.udmR span, #processbutton.udmR:visited span, #processbutton:active span {
	background-image:url(images/button-process-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}
#teamsbutton, #teamsbutton:hover {
   left:400px;
   top:155px;
   }
#teamsbutton span, #teamsbutton:visited span {
	background-image:url(images/button-teams.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}	
#teamsbutton:hover span, #teamsbutton:focus span, #teamsbutton:visited:hover span, #teamsbutton.udmR span, #teamsbutton.udmR:visited span, #teamsbutton:active span {
	background-image:url(images/button-teams-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}
#facilitiesbutton, #facilitiesbutton:hover {
left:400px;
top:185px;
   }
#facilitiesbutton span, #facilitiesbutton:visited span {
	background-image:url(images/button-facilities.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#facilitiesbutton:hover span, #facilitiesbutton:focus span, #facilitiesbutton:visited:hover span, #facilitiesbutton.udmR span, #facilitiesbutton.udmR:visited span, #facilitiesbutton:active span {
	background-image:url(images/button-facilities-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#buyersbutton, #buyersbutton:hover {
left:400px;
top:215px;
   }
#buyersbutton span, #buyersbutton:visited span {
	background-image:url(images/button-buyers.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#buyersbutton:hover span, #buyersbutton:focus span, #buyersbutton:visited:hover span, #buyersbutton.udmR span, #buyersbutton.udmR:visited span, #buyersbutton:active span {
	background-image:url(images/button-buyers-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#faqbutton, #faqbutton:hover {
	left:400px;
	top:245px;
   }
#faqbutton span, #faqbutton:visited span {
	background-image:url(images/button-faq.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#faqbutton:hover span, #faqbutton:focus span, #faqbutton:visited:hover span, #faqbutton.udmR span, #faqbutton.udmR:visited span, #faqbutton:active span {
	background-image:url(images/button-faq-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
/*
#enquirybutton, #enquirybutton:hover {
	left:589px;
	top:145px;
   }
#enquirybutton span, #enquirybutton:visited span {
	background-image:url(images/button-enquiry.gif);
	height:30px;
	left:-25px;
	top: -10px;
	}	
#enquirybutton:hover span, #enquirybutton:focus span, #enquirybutton:visited:hover span, #enquirybutton.udmR span, #enquirybutton.udmR:visited span, #enquirybutton:active span {
	background-image:url(images/button-enquiry-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}
*/
#contactinfobutton, #contactinfobutton:hover {
   left:589px;
   top:175px;
   }
#contactinfobutton span, #contactinfobutton:visited span {
	background-image:url(images/button-contactinfo.gif);
	height:30px;
	left:-25px;
	top: -30px;
	}	
#contactinfobutton:hover span, #contactinfobutton:focus span, #contactinfobutton:visited:hover span, #contactinfobutton.udmR span, #contactinfobutton.udmR:visited span, #contactinfobutton:active span {
	background-image:url(images/button-contactinfo-hover.gif);
	height:30px;
	left:-25px;
	top: -30px;
	}
#bootsbutton, #bootsbutton:hover {
   left:498px;
   top:115px;
   }
#bootsbutton span, #bootsbutton:visited span {
	background-image:url(images/button-boots.gif);
	height:30px;
	left:-25px;
	top: -10px;
}	
#bootsbutton:hover span, #bootsbutton:focus span, #bootsbutton:visited:hover span, #bootsbutton.udmR span, #bootsbutton.udmR:visited span, #bootsbutton:active span {
	background-image:url(images/button-boots-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}
#citizenbutton, #citizenbutton:hover {
   left:498px;
   top:145px;
   }
#citizenbutton span, #citizenbutton:visited span {
	background-image:url(images/button-citizen.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#citizenbutton:hover span, #citizenbutton:focus span, #citizenbutton:visited:hover span, #citizenbutton.udmR span, #citizenbutton.udmR:visited span, #citizenbutton:active span {
	background-image:url(images/button-citizen-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#fragrancesbutton, #fragrancesbutton:hover {
   left:498px;
   top:175px;
   }
#fragrancesbutton span, #fragrancesbutton:visited span {
	background-image:url(images/button-fragrances.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#fragrancesbutton:hover span, #fragrancesbutton:focus span, #fragrancesbutton:visited:hover span, #fragrancesbutton.udmR span, #fragrancesbutton.udmR:visited span, #fragrancesbutton:active span {
	background-image:url(images/button-fragrances-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#millenbutton, #millenbutton:hover {
   left:498px;
   top:205px;
   }
#millenbutton span, #millenbutton:visited span {
	background-image:url(images/button-millen.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#millenbutton:hover span, #millenbutton:focus span, #millenbutton:visited:hover span, #millenbutton.udmR span, #millenbutton.udmR:visited span, #millenbutton:active span {
	background-image:url(images/button-millen-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#kefbutton, #kefbutton:hover {
   left:498px;
   top:235px;
   }
#kefbutton span, #kefbutton:visited span {
	background-image:url(images/button-kef.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#kefbutton:hover span, #kefbutton:focus span, #kefbutton:visited:hover span, #kefbutton.udmR span, #kefbutton.udmR:visited span, #kefbutton:active span {
	background-image:url(images/button-kef-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#makserbutton, #makserbutton:hover {
   left:498px;
   top:265px;
   }
#makserbutton span, #makserbutton:visited span {
	background-image:url(images/button-makser.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#makserbutton:hover span, #makserbutton:focus span, #makserbutton:visited:hover span, #makserbutton.udmR span, #makserbutton.udmR:visited span, #makserbutton:active span {
	background-image:url(images/button-makser-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#mandsbutton, #mandsbutton:hover {
   left:498px;
   top:295px;
   }
#mandsbutton span, #mandsbutton:visited span {
	background-image:url(images/button-mands.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}	
#mandsbutton:hover span, #mandsbutton:focus span, #mandsbutton:visited:hover span, #mandsbutton.udmR span, #mandsbutton.udmR:visited span, #mandsbutton:active span {
	background-image:url(images/button-mands-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#ronsonbutton, #ronsonbutton:hover {
   	left:498px;
   	top:325px;
   }
#ronsonbutton span, #ronsonbutton:visited span {
	background-image:url(images/button-ronson.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#ronsonbutton:hover span, #ronsonbutton:focus span, #ronsonbutton:visited:hover span, #ronsonbutton.udmR span, #ronsonbutton.udmR:visited span, #ronsonbutton:active span {
	background-image:url(images/button-ronson-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#origaddsbutton, #origaddsbutton:hover {
   	left:498px;
   	top:355px;
   }
#origaddsbutton span, #origaddsbutton:visited span {
	background-image:url(images/button-origadds.gif);
	height:30px;
	left:-25px;
	top:-10px;
}	
#origaddsbutton:hover span, #origaddsbutton:focus span, #origaddsbutton:visited:hover span, #origaddsbutton.udmR span, #origaddsbutton.udmR:visited span, #origaddsbutton:active span {
	background-image:url(images/button-origadds-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
}
#designsbutton, #designsbutton:hover {
   	left:557px;
   	top:385px;
   }
#designsbutton span, #designsbutton:visited span {
	background-image:url(images/button-designs.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#designsbutton:hover span, #designsbutton:focus span, #designsbutton:visited:hover span, #designsbutton.udmR span, #designsbutton.udmR:visited span, #designsbutton:active span {
	background-image:url(images/button-designs-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#bbcbutton, #bbcbutton:hover {
   	left:498px;
   	top:385px;
   }
#bbcbutton span, #bbcbutton:visited span {
	background-image:url(images/button-bbc.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}	
#bbcbutton:hover span, #bbcbutton:focus span, #bbcbutton:visited:hover span, #bbcbutton.udmR span, #bbcbutton.udmR:visited span, #bbcbutton:active span {
	background-image:url(images/button-bbc-hover.gif);
	height:30px;
	left:-25px;
	top:-10px;
	}
#bondstreetbutton, #bondstreetbutton:hover {
   left:557px;
   top:145px;
   }
#bondstreetbutton span, #bondstreetbutton:visited span {
	background-image:url(images/button-bondst.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#bondstreetbutton:hover span, #bondstreetbutton:focus span, #bondstreetbutton:visited:hover span, #bondstreetbutton.udmR span, #bondstreetbutton.udmR:visited span, #bondstreetbutton:active span {
	background-image:url(images/button-bondst-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#deansbutton, #deansbutton:hover {
    left:557px;
    top:175px;
        }
#deansbutton span, #deansbutton:visited span {
	background-image:url(images/button-deans.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#deansbutton:hover span, #deansbutton:focus span, #deansbutton:visited:hover span, #deansbutton.udmR span, #deansbutton.udmR:visited span, #deansbutton:active span {
	background-image:url(images/button-deans-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#ferrerobutton, #ferrerobutton:hover {
   left:557px;
   top:205px;
   }
#ferrerobutton span, #ferrerobutton:visited span {
	background-image:url(images/button-ferrero.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#ferrerobutton:hover span, #ferrerobutton:focus span, #ferrerobutton:visited:hover span, #ferrerobutton.udmR span, #ferrerobutton.udmR:visited span, #ferrerobutton:active span {
	background-image:url(images/button-ferrero-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#maybellinebutton, #maybellinebutton:hover {
   left:557px;
   top:235px;
   }
#maybellinebutton span, #maybellinebutton:visited span {
	background-image:url(images/button-maybelline.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#maybellinebutton:hover span, #maybellinebutton:focus span, #maybellinebutton:visited:hover span, #maybellinebutton.udmR span, #maybellinebutton.udmR:visited span, #maybellinebutton:active span {
	background-image:url(images/button-maybelline-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#raleighbutton, #raleighbutton:hover {
   	left:557px;
   	top:265px;
   }
#raleighbutton span, #raleighbutton:visited span {
	background-image:url(images/button-raleigh.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#raleighbutton:hover span, #raleighbutton:focus span, #raleighbutton:visited:hover span, #raleighbutton.udmR span, #raleighbutton.udmR:visited span, #raleighbutton:active span {
	background-image:url(images/button-raleigh-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#tetrabutton, #tetrabutton:hover {
   left:557px;
   top:295px;
   }
#tetrabutton span, #tetrabutton:visited span {
	background-image:url(images/button-tetra.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#tetrabutton:hover span, #tetrabutton:focus span, #tetrabutton:visited:hover span, #tetrabutton.udmR span, #tetrabutton.udmR:visited span, #tetrabutton:active span {
	background-image:url(images/button-tetra-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}
#versacebutton, #versacebutton:hover {
   left:557px;
   top:325px;
   }
#versacebutton span, #versacebutton:visited span {
	background-image:url(images/button-versace.gif);
	height:30px;
	left:00px;
	top:-10px;
}	
#versacebutton:hover span, #versacebutton:focus span, #versacebutton:visited:hover span, #versacebutton.udmR span, #versacebutton.udmR:visited span, #versacebutton:active span {
	background-image:url(images/button-versace-hover.gif);
	height:30px;
	left:00px;
	top:-10px;
}
#brandidbutton, #brandidbutton:hover {
   left:557px;
   top:355px;
   }
#brandidbutton span, #brandidbutton:visited span {
	background-image:url(images/button-brandid.gif);
	height:30px;
	left:0px;
	top:-10px;
}	
#brandidbutton:hover span, #brandidbutton:focus span, #brandidbutton:visited:hover span, #brandidbutton.udmR span, #brandidbutton.udmR:visited span, #brandidbutton:active span {
	background-image:url(images/button-brandid-hover.gif);
	height:30px;
	left:0px;
	top:-10px;
}

/*COMPANY MENU */
/*============ */ 
#awardsbutton, #awardsbutton:hover {
   left:655px;
   top:185px;
   z-index:10;
   }
#awardsbutton span, #awardsbutton:visited span {
	background-image:url(images/button-awards.gif);
	height:30px;
	left:-10px;
	top:-10px;
}	
#awardsbutton:hover span, #awardsbutton:focus span, #awardsbutton:visited:hover span, #awardsbutton.udmR span, #awardsbutton.udmR:visited span, #awardsbutton:active span {
	background-image:url(images/button-awards-hover.gif);
	height:30px;
	left:-10px;
	top:-10px;
}
#historybutton, #historybutton:hover {
   left:655px;
   top:215px;
   }
#historybutton span, #historybutton:visited span {
	background-image:url(images/button-history.gif);
	height:30px;
	left:-10px;
	top:-10px;
	}	
#historybutton:hover span, #historybutton:focus span, #historybutton:visited:hover span, #historybutton.udmR span, #historybutton.udmR:visited span, #historybutton:active span {
	background-image:url(images/button-history-hover.gif);
	height:30px;
	left:-10px;
	top:-10px;
	}
#popbutton, #popbutton:hover {
   left:655px;
   top:245px;
   }
#popbutton span, #popbutton:visited span {
	background-image:url(images/button-pop.gif);
	height:30px;
	left:-10px;
	top:-10px;
}	
#popbutton:hover span, #popbutton:focus span, #popbutton:visited:hover span, #popbutton.udmR span, #popbutton.udmR:visited span, #popbutton:active span {
	background-image:url(images/button-pop-hover.gif);
	height:30px;
	left:-10px;
	top:-10px;
}
#newsbutton, #newsbutton:hover {
   left:655px;
   top:275px;
   }
#newsbutton span, #newsbutton:visited span {
	background-image:url(images/button-news.gif);
	height:30px;
	left:-10px;
	top:-10px;
}	
#newsbutton:hover span, #newsbutton:focus span, #newsbutton:visited:hover span, #newsbutton.udmR span, #newsbutton.udmR:visited span, #newsbutton:active span {
	background-image:url(images/button-news-hover.gif);
	height:30px;
	left:-10px;
	top:-10px;
}
#studentsbutton, #studentsbutton:hover {
   left:655px;
   top:305px;
   }
#studentsbutton span, #studentsbutton:visited span {
	background-image:url(images/button-students.gif);
	height:30px;
	left:-10px;
	top:-10px;
}	
#studentsbutton:hover span, #studentsbutton:focus span, #studentsbutton:visited:hover span, #studentsbutton.udmR span, #studentsbutton.udmR:visited span, #studentsbutton:active span {
	background-image:url(images/button-students-hover.gif);
	height:30px;
	left:-10px;
	top:-10px;
}
#privacybutton, #privacybutton:hover {
   left:655px;
   top:335px;
   }
#privacybutton span, #privacybutton:visited span {
	background-image:url(images/button-privacy.gif);
	height:30px;
	left:-10px;
	top:-10px;
}	
#privacybutton:hover span, #privacybutton:focus span, #privacybutton:visited:hover span, #privacybutton.udmR span, #privacybutton.udmR:visited span, #privacybutton:active span {
	background-image:url(images/button-privacy-hover.gif);
	height:30px;
	left:-10px;
	top:-10px;
}
