﻿#how-it-works {
	
	width: 119px;
	height: 34px;
	display:block;
	margin-top: -1px;

}
#how-it-works span {
	display: none;
}
.nav-how-it-works-off a {
	
	width: 119px;
	height: 34px;
	display:block;
	background: url(/UserFiles/Image/Buttons/how-it-works.gif) 0 0px;
}
.nav-how-it-works-off a:hover {
	background-position: 0 -102px;
}
.nav-how-it-works-on a {
	width: 119px;
	height: 34px;
	display:block;
	background: url(/UserFiles/Image/Buttons/how-it-works.gif) 0 -102px;
}
/*--------------END how it works nav-------------------------*/

#products {

	width: 119px;
	height: 31px;
	display:block;
}
#products span {
	display: none;
}
.nav-products-off a {

	width: 119px;
	height: 31px;
	display:block;
	background: url(/UserFiles/Image/Buttons/products.gif) 0 0px;
}
.nav-products-off a:hover {
	background-position: 0 -92px;
}
.nav-products-on a {

	width: 119px;
	height: 31px;
	display:block;
	background: url(/UserFiles/Image/Buttons/products.gif) 0 -92px;
}
/*--------------END products nav-------------------------*/

#case-studies {
	
	width: 119px;
	height: 34px;
	display:block;
}
#case-studies span {
	display: none;
}
.nav-case-studies-off a {
	width: 119px;
	height: 34px;
	display:block;
	background: url(/UserFiles/Image/Buttons/case-studies.gif) 0 0px;
}
.nav-case-studies-off a:hover {
	background-position: 0 -101px;
}
.nav-case-studies-on a {
	width: 119px;
	height: 34px;
	display:block;
	background: url(/UserFiles/Image/Buttons/case-studies.gif) 0 -101px;
}
/*--------------END case studies nav-------------------------*/
#enquiry 
{
    display:block;
	width: 119px;
	height: 31px;
}
#enquiry span {
	display: none;
}
.nav-enquiry-off a {
    display:block;
	width: 119px;
	height: 31px;
	background: url(/UserFiles/Image/Buttons/enquire.gif) 0 0px;
}
.nav-enquiry-off a:hover {
	background-position: 0 -93px;
}
.nav-enquiry-on a {
    display:block;
	width: 119px;
	height: 31px;
	background: url(/UserFiles/Image/Buttons/enquire.gif) 0 -93px;
}
/*--------------END case enquiry nav-------------------------*/

#decision{
	display:block;
	width: 119px;
	height: 40px;
	margin-top: 1px;
}
#decision span {
	display: none;
}
.nav-decision-off a {
	display:block;
	width: 119px;
	height: 40px;
	background: url(/UserFiles/Image/Buttons/decision-in-principle.gif) 0 0px;
}
.nav-decision-off a:hover {
	background-position: 0 -120px;
}
.nav-decision-on a {
	display:block;
	width: 119px;
	height: 40px;
	background: url(/UserFiles/Image/Buttons/decision-in-principle.gif) 0 -120px;
}













#decisionhome{
	display:block;
	width: 119px;
	height: 40px;
	margin-top: 4px;
}
#decisionhome span {
	display: none;
}
.nav-decisionhome-off a {
	display:block;
	width: 119px;
	height: 40px;
	background: url(/UserFiles/Image/Buttons/decision-in-principle-home.gif) 0 0px;
}
.nav-decisionhome-off a:hover {
	background-position: 0 -120px;
}
.nav-decisionhome-on a {
	display:block;
	width: 119px;
	height: 40px;
	background: url(/UserFiles/Image/Buttons/decision-in-principle-home.gif) 0 -120px;
}




/*--------------END decision nav-------------------------*/

#dip{
	display:block;
	width: 119px;
	height: 31px;
	margin: 0px 0px 0px 14px;

}
#dip span {
	display: none;
}
.nav-dip-off a {
	display:block;
	width: 119px;
	height: 31px;
	background: url(/UserFiles/Image/Buttons/download-dip.gif) 0 0px;
}
.nav-dip-off a:hover {
	background-position: 0 -93px;
}
.nav-dip-on a {
	display:block;
	width: 119px;
	height: 31px;
	background: url(/UserFiles/Image/Buttons/download-dip.gif) 0 -93px;
}
/*--------------END decision nav-------------------------*/

#diphome{
	display:block;
	width: 95px;
	height: 49px;
	margin: 4px 0px 0px 5px;

}
#diphome span {
	display: none;
}
.nav-diphome-off a {
	display:block;
	width: 95px;
	height: 49px;
	background: url(/UserFiles/Image/Buttons/dip-home.gif) 0 0px;
	background-repeat: no-repeat;
}
.nav-diphome-off a:hover {
	background-position: 0 -49px;
}
.nav-diphome-on a {
	display:block;
	width: 95px;
	height: 49px;
	background: url(/UserFiles/Image/Buttons/dip-home.gif) 0 -49px;
}