@charset "utf-8";
/* CSS Document */

body{
	background-color:#656565;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
}
h2{
	padding:0px 0px 0px 0px;
	margin:4px 0px 4px 0px;
}
p{
	padding:0px 0px 0px 0px;
	margin:4px 0px 4px 0px;
}
a{
	text-decoration:none;
	color:#8b003c;	
}
img{
	border:0;
}
ul{
	padding:0;
	margin:0;
}

/**********************************************************/
#wrapper{
	width:800px;
	/*height:700px;*/
	margin:0 auto;
	background-image:url(../img/wrapper-bottom.png);
	background-position:bottom;
	position:relative;
}
.wrapperHome{
	background-color:#FFFFFF;
	background-image:url(../img/home.jpg)!important;
}
/***********************************************************************/
#wrapperTop{
	width:800px;
	background-image:url(../img/wrapper-top.png);
	background-repeat:no-repeat;
	height:220px;
	/*position:relative;*/
}

/***********************************************************************/
#wrapperBottom{
	clear:both;
	display:block;
	width:800px;
	height:2px;
}

/***********************************************************************/
#contentHolder{
	width:760px;/*800*/
	margin-top:-157px;
	/*margin-bottom:-130px;*/
	margin-bottom:90px;
	float:left;
	padding:0px 20px 0px 20px;
}
/*************************/
#topNav{
	width:590px;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	float:left;
	color:#BBBBBB;
	
}
#topNav li{
	float:left;
	margin-right:4px;
}
#topNav a{
	color:#FFFFFF;
	text-decoration:none;
}
#topNav a:hover{
	color:#999999;
}
#topNav a.activeLink {
	font-weight:bold;
}
/**********************************/
#contentLeft{
	margin-top:26px;
	width:160px;/*170*/
	/*background-color:#993300;*/
	float:left;
	clear:both;
}
#sideNav ul{
	margin-top:10px;
	margin-bottom:10px;
}
#sideNav a{
	color:#656565;
}
#sideNav a:hover{
	color:#333333;
}
#sideNav li{
	color:#FFFFFF;
	display:block;
	/*background-image:url(../img/side-nav-header-bg.png);*/
	background-color:#6e541d;
	margin-bottom:2px;
	padding:2px 0px 2px 6px;
	width:154px;/*160*/
}
#sideNav li.sideNavActive{
	background-color:#a17a27;
}
#sideNav li a{
	color:#FFFFFF;
}
#sideNav li a:active{
	color:#bbbbbb;
}
#sideNav li a:hover{
	color:#FFFFFF;
}
.navHeader{
	color:#FFFFFF;
	display:block;
	background-image:url(../img/side-nav-header-bg.png);
	margin-bottom:2px;
	padding:1px 0px 0px 6px;
	width:154px;/*160*/
	height:19px;/*20*/
}
#contentRight{
	width:590px;
	/*background-color:#003399;*/
	float:right;
}
#contentDetails{
	width:570px;/*800*/
	float:left;
	margin-top:10px;
	padding:10px 10px 10px 10px;
	background-image:url(../img/content-details-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
	#contentDetails.testimonialsContent {
		margin-top:0;
	}
	#contentDetails.testimonialsContent p {
		margin:0 0 20px 0;
	}
#topGallery {
	float:left;
	background-color:#2e271f;
	width:570px;
	padding:10px 10px 0 10px;
}

	#topGallery img {
		margin:0 0 10px 10px;
	}
	#topGallery img.firstImage {
		margin:0 0 10px 0;
	}	
#installationGallery {
	float:left;
	width:510px;
	height:250px;
	background:url(../img/installations.jpg);
	padding:0 45px 0 35px;
}
	#installationGallery img {
		margin:10px 0 0 10px;
		float:left;
	}
#footer{
	text-align:center;
	color:#AAAAAA;
	margin:0 auto;
	width:800px;
	background-color:#666666;
}
	#footer img {
		margin-top:5px;
		position:relative;
		top:3px;
	}
#footer a{
	color:#FFFFFF;
}
#footer p{
	padding:0 0 0 70px;
	margin:0;
	font-size:11px;
}
	#footer p:first-child {
		padding:0 0 0 60px;
	}
	#footer a.greyLinkFooter {
		color:#AAAAAA;
	}
#siteMap {
	margin:0 0 0 20px;
	padding:0;
}
#siteMap li.subnav {
	list-style:none;
	padding:0 0 0 12px;
	font-size:11px;
}
#kitchenLink {
	width:335px;
	height:400px;
	position:absolute;
	left:0px;
	top:80px;
}
#bathroomLink {
	width:335px;
	height:400px;
	position:absolute;
	top:80px;
	left:460px;
}

/***************************************************************/
/***************************************************************/
/*LOGOS*/
.logoKB{
	position:absolute;
	top:10px;
	right:10px;
}
/*****************************************************************************/
.logo{
	display:block;
	float:left;
	margin-right:20px;
	margin-top:10px;
}
/*****************************************************************************/
.logoAcova{
	width:198px;
	height:50px;
	background:url(../img/logos/acova.png) right;
}
.logoAcova:hover{
	background:url(../img/logos/acova.png) left;
}
/******************************************************************************/
.logoAqata{
	width:175px;
	height:50px;
	background:url(../img/logos/aqata.png) right;
}
.logoAqata:hover{
	background:url(../img/logos/aqata.png) left;
}
/*****************************************************************************/
.logoAqualisa{
	width:243px;
	height:50px;
	background:url(../img/logos/aqualisa.png) right;
}
.logoAqualisa:hover{
	background:url(../img/logos/aqualisa.png) left;
}
/*****************************************************************************/
.logoArmitage{
	width:87px;
	height:50px;
	background:url(../img/logos/armitage.png) right;
}
.logoArmitage:hover{
	background:url(../img/logos/armitage.png) left;
}
/*****************************************************************************/
.logoArmond{
	width:101px;
	height:50px;
	background:url(../img/logos/armond.png) right;
}
.logoArmond:hover{
	background:url(../img/logos/armond.png) left;
}
/*****************************************************************************/
.logoAstracast{
	width:190px;
	height:50px;
	background:url(../img/logos/astracast.png) right;
}
.logoAstracast:hover{
	background:url(../img/logos/astracast.png) left;
}
/******************************************************************************/
.logoAxiom{
	width:161px;
	height:50px;
	background:url(../img/logos/axiom.png) right;
}
.logoAxiom:hover{
	background:url(../img/logos/axiom.png) left;
}
/******************************************************************************/
.logoBette{
	width:150px;
	height:50px;
	background:url(../img/logos/bette.png) right;
}
.logoBette:hover{
	background:url(../img/logos/bette.png) left;
}
/*****************************************************************************/
.logoBosch{
	width:120px;
	height:25px;
	background:url(../img/logos/bosch.png) right;
}
.logoBosch:hover{
	background:url(../img/logos/bosch.png) left;
}
/******************************************************************************/
.logoBristan{
	width:151px;
	height:50px;
	background:url(../img/logos/bristan.png) right;
}
.logoBristan:hover{
	background:url(../img/logos/bristan.png) left;
}
/******************************************************************************/
.logoCaesarstone{
	width:221px;
	height:50px;
	background:url(../img/logos/caesarStone.png) right;
}
.logoCaesarstone:hover{
	background:url(../img/logos/caesarStone.png) left;
}
/******************************************************************************/
.logoCandy{
	width:117px;
	height:25px;
	background:url(../img/logos/candy.png) right;
}
.logoCandy:hover{
	background:url(../img/logos/candy.png) left;
}
/******************************************************************************/
.logoCarronPhoenix{
	width:129px;
	height:50px;
	background:url(../img/logos/carronPhoenix.png) right;
}
.logoCarronPhoenix:hover{
	background:url(../img/logos/carronPhoenix.png) left;
}
/******************************************************************************/
.logoCharlesRennie{
	width:128px;
	height:50px;
	background:url(../img/logos/charlesRennie.png) right;
}
.logoCharlesRennie:hover{
	background:url(../img/logos/charlesRennie.png) left;
}
/******************************************************************************/
.logoCifial{
	width:148px;
	height:50px;
	background:url(../img/logos/cifial.png) right;
}
.logoCifial:hover{
	background:url(../img/logos/cifial.png) left;
}
/*****************************************************************************/
.logoCorian{
	width:87px;
	height:50px;
	background:url(../img/logos/corian.png) right;
}
.logoCorian:hover{
	background:url(../img/logos/corian.png) left;
}
/******************************************************************************/
.logoDuravit{
	width:189px;
	height:50px;
	background:url(../img/logos/duravit.png) right;
}
.logoDuravit:hover{
	background:url(../img/logos/duravit.png) left;
}
/*****************************************************************************/
.logoDuropal{
	width:219px;
	height:50px;
	background:url(../img/logos/duropal.png) right;
}
.logoDuropal:hover{
	background:url(../img/logos/duropal.png) left;
}
/******************************************************************************/
.logoFranke{
	width:161px;
	height:50px;
	background:url(../img/logos/franke.png) right;
}
.logoFranke:hover{
	background:url(../img/logos/franke.png) left;
}
/******************************************************************************/
.logoGrohe{
	width:100px;
	height:50px;
	background:url(../img/logos/grohe.png) right;
}
.logoGrohe:hover{
	background:url(../img/logos/grohe.png) left;
}
/******************************************************************************/
.logoHeritage{
	width:117px;
	height:50px;
	background:url(../img/logos/heritage.png) right;
}
.logoHeritage:hover{
	background:url(../img/logos/heritage.png) left;
}
/******************************************************************************/
.logoHudsonReed{
	width:200px;
	height:50px;
	background:url(../img/logos/hudsonReed.png) right;
}
.logoHudsonReed:hover{
	background:url(../img/logos/hudsonReed.png) left;
}
/******************************************************************************/
.logoIdeal{
	width:78px;
	height:50px;
	background:url(../img/logos/ideal.png) right;
}
.logoIdeal:hover{
	background:url(../img/logos/ideal.png) left;
}
/******************************************************************************/
.logoIlBagno{
	width:121px;
	height:50px;
	background:url(../img/logos/ilBagno.png) right;
}
.logoIlBagno:hover{
	background:url(../img/logos/ilBagno.png) left;
}
/******************************************************************************/
.logoImage{
	width:83px;
	height:50px;
	background:url(../img/logos/image.png) right;
}
.logoImage:hover{
	background:url(../img/logos/image.png) left;
}
/******************************************************************************/
.logoImperial{
	width:185px;
	height:50px;
	background:url(../img/logos/imperial.png) right;
}
.logoImperial:hover{
	background:url(../img/logos/imperial.png) left;
}
/******************************************************************************/
.logoKermi{
	width:168px;
	height:50px;
	background:url(../img/logos/kermi.png) right;
}
.logoKermi:hover{
	background:url(../img/logos/kermi.png) left;
}
/******************************************************************************/
.logoLeisureSinks{
	width:127px;
	height:50px;
	background:url(../img/logos/leisureSinks.png) right;
}
.logoLeisureSinks:hover{
	background:url(../img/logos/leisureSinks.png) left;
}
/******************************************************************************/
.logoMatki{
	width:89px;
	height:50px;
	background:url(../img/logos/matki.png) right;
}
.logoMatki:hover{
	background:url(../img/logos/matki.png) left;
}
/******************************************************************************/
.logoMereway{
	width:138px;
	height:50px;
	background:url(../img/logos/mereway.png) right;
}
.logoMereway:hover{
	background:url(../img/logos/mereway.png) left;
}
/******************************************************************************/
.logoMerlyn{
	width:50px;
	height:50px;
	background:url(../img/logos/merlyn.png) right;
}
.logoMerlyn:hover{
	background:url(../img/logos/merlyn.png) left;
}
/******************************************************************************/
.logoNeff{
	width:132px;
	height:50px;
	background:url(../img/logos/neff.png) right;
}
.logoNeff:hover{
	background:url(../img/logos/neff.png) left;
}
/******************************************************************************/
.logoNovellini{
	width:151px;
	height:50px;
	background:url(../img/logos/novellini.png) right;
}
.logoNovellini:hover{
	background:url(../img/logos/novellini.png) left;
}
/******************************************************************************/
.logoOkite{
	width:50px;
	height:50px;
	background:url(../img/logos/okite.png) right;
}
.logoOkite:hover{
	background:url(../img/logos/okite.png) left;
}
/******************************************************************************/
.logoOmega{
	width:87px;
	height:50px;
	background:url(../img/logos/omega.png) right;
}
.logoOmega:hover{
	background:url(../img/logos/omega.png) left;
}
/******************************************************************************/
.logoPerrinRowe{
	width:198px;
	height:50px;
	background:url(../img/logos/perrinRowe.png) right;
}
.logoPerrinRowe:hover{
	background:url(../img/logos/perrinRowe.png) left;
}
/******************************************************************************/
.logoPhoenix{
	width:200px;
	height:50px;
	background:url(../img/logos/phoenix.png) right;
}
.logoPhoenix:hover{
	background:url(../img/logos/phoenix.png) left;
}
/******************************************************************************/
.logoPrima{
	width:203px;
	height:50px;
	background:url(../img/logos/prima.png) right;
}
.logoPrima:hover{
	background:url(../img/logos/prima.png) left;
}
/******************************************************************************/
.logoRadiator{
	width:191px;
	height:50px;
	background:url(../img/logos/radiator.png) right;
}
.logoRadiator:hover{
	background:url(../img/logos/radiator.png) left;
}
/******************************************************************************/
.logoRak{
	width:79px;
	height:50px;
	background:url(../img/logos/rak.png) right;
}
.logoRak:hover{
	background:url(../img/logos/rak.png) left;
}
/******************************************************************************/
.logoRangemaster{
	width:131px;
	height:50px;
	background:url(../img/logos/rangemaster.png) right;
}
.logoRangemaster:hover{
	background:url(../img/logos/rangemaster.png) left;
}
/******************************************************************************/
.logoRoca{
	width:113px;
	height:50px;
	background:url(../img/logos/roca.png) right;
}
.logoRoca:hover{
	background:url(../img/logos/roca.png) left;
}
/******************************************************************************/
.logoRoman{
	width:146px;
	height:50px;
	background:url(../img/logos/roman.png) right;
}
.logoRoman:hover{
	background:url(../img/logos/roman.png) left;
}
/******************************************************************************/
.logoRoperRhodes{
	width:50px;
	height:50px;
	background:url(../img/logos/roperRhodes.png) right;
}
.logoRoperRhodes:hover{
	background:url(../img/logos/roperRhodes.png) left;
}
/******************************************************************************/
.logoSamuelHeath{
	width:188px;
	height:50px;
	background:url(../img/logos/samuelHeath.png) right;
}
.logoSamuelHeath:hover{
	background:url(../img/logos/samuelHeath.png) left;
}
/******************************************************************************/
.logoSheraton{
	width:82px;
	height:50px;
	background:url(../img/logos/sheraton.png) right;
}
.logoSheraton:hover{
	background:url(../img/logos/sheraton.png) left;
}
/******************************************************************************/
.logoSiemens{
	width:155px;
	height:25px;
	background:url(../img/logos/siemens.png) right;
}
.logoSiemens:hover{
	background:url(../img/logos/siemens.png) left;
}
/******************************************************************************/
.logoSilestone{
	width:211px;
	height:50px;
	background:url(../img/logos/silestone.png) right;
}
.logoSilestone:hover{
	background:url(../img/logos/silestone.png) left;
}
/******************************************************************************/
.logoStoneham{
	width:107px;
	height:50px;
	background:url(../img/logos/stoneham.png) right;
}
.logoStoneham:hover{
	background:url(../img/logos/stoneham.png) left;
}
/******************************************************************************/
.logoTrevi{
	width:143px;
	height:50px;
	background:url(../img/logos/trevi.png) right;
}
.logoTrevi:hover{
	background:url(../img/logos/trevi.png) left;
}
/******************************************************************************/
.logoTrojan{
	width:92px;
	height:50px;
	background:url(../img/logos/trojan.png) right;
}
.logoTrojan:hover{
	background:url(../img/logos/trojan.png) left;
}
/******************************************************************************/
.logoUtopia{
	width:50px;
	height:50px;
	background:url(../img/logos/utopia.png) right;
}
.logoUtopia:hover{
	background:url(../img/logos/utopia.png) left;
}
/******************************************************************************/
.logoVado{
	width:50px;
	height:50px;
	background:url(../img/logos/vado.png) right;
}
.logoVado:hover{
	background:url(../img/logos/vado.png) left;
}
/******************************************************************************/
.logoVenetian{
	width:133px;
	height:50px;
	background:url(../img/logos/venetian.png) right;
}
.logoVenetian:hover{
	background:url(../img/logos/venetian.png) left;
}
/******************************************************************************/
.logoVictoriaAlbert{
	width:100px;
	height:50px;
	background:url(../img/logos/victoriaAlbert.png) right;
}
.logoVictoriaAlbert:hover{
	background:url(../img/logos/victoriaAlbert.png) left;
}
/******************************************************************************/
.logoVogue{
	width:53px;
	height:50px;
	background:url(../img/logos/vogue.png) right;
}
.logoVogue:hover{
	background:url(../img/logos/vogue.png) left;
}
/******************************************************************************/
.white{
	color:#FFFFFF;
}