/* CSS Document */

/* Font Face
--------------------------------------------------------------- */

@font-face {
    font-family: 'Ubuntu-Light';
    src: url('../../includes/fonts/Ubuntu-L-webfont.eot');
	src: url('../../includes/fonts/Ubuntu-L-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/Ubuntu-L-webfont.woff') format('woff'),
         url('../../includes/fonts/Ubuntu-L-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu-Regular';
    src: url('../../includes/fonts/Ubuntu-R-webfont.eot');
	src: url('../../includes/fonts/Ubuntu-R-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../../includes/fonts/Ubuntu-R-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu-Bold';
    src: url('../../includes/fonts/Ubuntu-B-webfont.eot');
	src: url('../../includes/fonts/Ubuntu-B-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../../includes/fonts/Ubuntu-B-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa-Book';
    src: url('../../includes/fonts/nexa_book-webfont.eot');
	src: url('../../includes/fonts/nexa_book-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/nexa_book-webfont.woff') format('woff'),
         url('../../includes/fonts/nexa_book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa-Bold';
    src: url('../../includes/fonts/nexa_bold-webfont.eot');
	src: url('../../includes/fonts/nexa_bold-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/nexa_bold-webfont.woff') format('woff'),
         url('../../includes/fonts/nexa_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT';
    src: url('../../includes/fonts/PTS55F_W.eot');
	src: url('../../includes/fonts/PTS55F_W.eot?#iefix') format('eot'),
         url('../../includes/fonts/PTS55F_W.woff') format('woff'),
         url('../../includes/fonts/PTS55F_W.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



.top-navigation, .ld-inline .ld-area, .contactForm p, .main table th, .cta-top-right .number {
	font-family: "Ubuntu-Regular";
}

.ld-number, .main p.title, .main .opening-hours, .ld-phonenumber, .cta-top-right .number span {
	font-family: "Ubuntu-Bold";
}

ul.navigation li a, .bucket p, .main .supply, ul.subnav, .contactForm label, .price-container p.number-title {
	font-family: "Ubuntu-Light";
}

#nivohold, #nivohold p.text .bottom, .runner p.text .bottom, .quote span, .login a, .bucket .title span, .delivery span, .showroom p, .postcode-form input, .guarantee  p span, .guarantee a, .callback-form .title, .gallery p, .sidebar .section p.info, .sidebar #opening-hours ul, .top-guarantee span {
	font-family: 'Nexa-Book';
}


#nivohold p.title span, #nivohold p.text, .runner p.title, .runner p.text, .quote, .bucket .title, .delivery, .showroom .title span, .guarantee, .top-guarantee, .main .supply p, .footer p.title, .callback-form .title span, .gallery span, .sidebar .section p.heading, .sidebar .title, #why-choose-us .main h2, ul.special-offers li, #guide_price_form p.red-header {
	font-family: 'Nexa-Bold';
}

h1, #colour-ranges h3, #colour-ranges .title h4, #colour-ranges h4 {
	font-family: "PT";
}
	
/* Global Styles
--------------------------------------------------------------- */

* {	margin: 0; padding: 0; }

body, html { min-height: 101%; }

strong { font-weight: bold; }

body {
	text-align: left;
	font-size: 62.5%;
	line-height: 1;
	font-family: "Trebuchet MS";
	color: #000000;
	background: url(../../images/layout/bg.jpg) top repeat-x #f4f4f4;
}

a:link, a:visited, a:focus {
	color: #be0002;
	text-decoration: underline;
	outline: none;
}

	a:focus {
		outline: dotted 1px;
	}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

a img {
	border: none;
}

/* Common CSS3 */

.rounded5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

.rounded10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

/* For screen readers */

.header a.skip-to-content {
	display: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1, h2, h3 {
	font-weight: normal;
}

	h1 {
		font-size: 1.7em;
		color: #000;
		margin-bottom: 30px;
	}
	
	h2 {
		font-size: 1.2em;
		color: #333;
	}
	
	h3 {
		font-size: 1.3em;
		color: #666;
	}

/* Container Styles
--------------------------------------------------------------- */

.outer-container {
	width: 100%;
	float: left;
}

	.container {
		width: 960px;
		margin: 0 auto;
		position: relative;
		font-size: 1.2em;
	}
		
/* Header Styles
--------------------------------------------------------------- */

.outer-container.header-container {
	
}

	.header {
		float: left;
		width: 960px;
		height: 110px;
	}

		.logo {
			float: left;
			margin-top: 6px;	
		}

			.logo:hover {
				opacity: 0.8;
			}
		
		.cta-top-right {
			float: right;
			margin-top: 20px;
			text-align: right;
			/*font-size: 1.7em;*/
			color: #777;
			width: 490px;
		}

			.cta-top-right .number {
				color: #262626;
				font-size: 1.6em;
			}

			.cta-top-right .number span {
				margin-left: 15px;
				color: #be0002;
			}

			/*.cta-top-right .number .ld-single {
				display: block;
				line-height: 1.6em;
				font-size: 1.3em;
			}*/


			.cta-top-right .phone,
			.cta-top-right .ld-inline {
				background: #faf2dc;
				margin-top: 14px;
				padding: 8px 20px;
				text-align: center;
				border-radius: 5px;
				border: 1px #e5e0d3 solid;
				color: #262626;
				/*width: 454px;*/
				float: right;
			}
				/*.cta-top-right .phone span {
					color: #be0002;
				}*/

			.cta-top-right .phone {
				font-size: 1.8em;
			}

			.header p.phone span.ld-calltag {
				display: inline;
			    color: #262626;
			}

			.header p.phone span.ld-phonenumber {
				color: #be0002;
			    /*font-size: 0.85em;*/
			    display: inline;

			   }

/* Location Dynamics
--------------------------------------------------------------- */

.ld-inline .ld-areanum {
    margin:0 0 0 10px;
    display: inline;
}

.ld-inline .ld-areanum.ld-id-1 {
    margin:0;
}

.ld-inline .ld-area {
    display: inline;
    font-size: 0.9em;
    color: #262626;
}

.ld-number {
	color: #be0002;
	font-size: 0.85em;
	display: inline;
}
.phone {	
	margin-top: 10px;
	font-size: 1.3em;
}

.phone span.ld-phonenumber {
	margin-left: 10px;
	color: #be0002;
}

.ld-locationnumbers {
	margin-top: 5px;
	font-size: 0.9em;
}
	
/* Horizontal Navigation Styles
--------------------------------------------------------------- */

.outer-container.nav-container {
	
}

	ul.navigation {
		float: left;
		width: 960px;
		border-right: 1px #d6d6d6 solid;
		border-left: 1px #d6d6d6 solid;
		background: url(../../images/layout/nav-bg.jpg) repeat-x;
	}

		ul.navigation li {
			display: inline;
			list-style: none;
			float: left;		
			height: 60px;
		}

			ul.navigation li.border-left a {
				border-left: none;
			}

			ul.navigation li.border-right a {
				border-right: none;
			}
			  
			ul.navigation li a {
				float: left;
				color: #616161;
				text-decoration: none;
				line-height: 1.2em;
				padding: 20px 23px 0px 23px;
				font-size: 1.05em;
				height: 34px;
				text-transform: uppercase;
				text-align: middle;
				border-right: 1px #e7e7e7 solid;
				border-left: 1px #f9f9f9 solid;
			}

				ul.navigation li.contact-li a {
					border-left: none;
					padding: 20px 30px 0px 30px;
				}

			ul.navigation li a span {
				display: block;
			}

				ul.navigation span.symbol {
					display: none;
				}

				ul.navigation li a:hover,
				ul.navigation li a.hoverstate {
					background: url(../../images/layout/nav-current-bg.jpg) left 1px repeat-x;
					color: #77291e;
				}

				ul.navigation li:hover,
				ul.navigation li.hoverstate {
					background: url(../../images/layout/nav-arrow-yellow.png) center 54px no-repeat;
				}

		


/* Runner Styles
--------------------------------------------------------------- */

.outer-container.runner-container {
	margin: 10px 0 28px;
}

	.runner {
		float: left;
		width: 960px;
		background: #ececec;
		position: relative;
	}

		.imgmain {
			float: left;
		}


/* The Nivo Slider styles
--------------------------------------------------------------- */
.nivoSlider {
	position: relative;
	width: 960px;
	height:423px;
}
	
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
		width:960px;
		height:423px;
	}

#nivohold {
	background: url(../../images/misc/runner-fallback.jpg) no-repeat;
}

#nivohold p {
	z-index: 6;
}


#nivohold p.title,
.runner p.title {
	background: url(../../images/layout/slider-title-bg.png) repeat-x;
	font-size: 2.2em;
	color: #832725;
	left: 4px;
	bottom: 129px;
	clear: both;	
	padding: 16px 14px;
	position: absolute;
}

	#nivohold p.title span,
	.runner p.title span {
		color: #be0002;
	}

	#nivohold p.text,
	.runner p.text {
		background: url(../../images/layout/slider-text-bg.png) repeat-x;
		font-size: 1.7em;
		color: #fff;
		left: 20px;
		bottom: 67px;
		clear: both;
		height: 57px;
		padding: 5px 25px 5px 25px;
		text-align: center;
		line-height: 1.1em;
		position: absolute;
	}

		#nivohold p.text .yellow,
		.runner p.text .yellow {
			color: #fae56a;
		}

		#nivohold p.text .bottom,
		.runner p.text .bottom {
			display: block;
		}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
	background-position: left bottom;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}

.nivo-html-caption {
    display:none;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	display: none;
}
	
/* Quote Styles
--------------------------------------------------------------- */

.quote-container {
	float: left;
	width: 960px;
	color: #be0002;
}	

	.login {
		background: url(../../images/layout/pattern-bg.jpg) no-repeat;
		height: 61px;
		width: 550px;
		float: left;
		border: 3px #fff solid;
	}

	.login p {
		margin: 4px 0 0 20px;
		padding-top: 20px;
		font-size: 1.7em;
	}

	.login a {
		display: inline;
		color: #676767;
	}

		.login a:hover {
			color: #832725;
		}

	.top-guarantee {
		float:right;
		background: #BE0002;
		margin-top: 4px;
		height: 61px;
		width: 385px;
		padding: 0;
		position: relative;
	}			

		.top-guarantee p {
			color: #fff;
			float: left;
			width: 260px;
			font-size: 1.4em;
			line-height: 1.1em;
			padding: 10px 20px;
		}
			
			.top-guarantee p span {
				color: #000;
				display: block;
			}
			
		.top-guarantee a {
			color: #fff;
			text-decoration: none;
			float: right;
			border: 1px #cfcfcf solid;				
			border-radius: 3px;
			padding: 5px 20px;
			cursor: pointer;
			position: absolute;
			bottom: 18px;
			right: 10px;
		}
			
			.top-guarantee a:hover {
				text-decoration: underline;
			}


 	
/* Buckets Styles
--------------------------------------------------------------- */

.bucket-container {
	width: 960px;
	height: auto;
	border-bottom: 1px solid #e1e1e1;
	margin: 37px 0 30px 0;
	float: left;
	padding-bottom: 50px;
}

ul.buckets {
	float: left;	
}

.bucket {
	background: #fff;
	width: 223px;
	height: 360px;
	border: 1px #cfcfcf solid;
	float: left;
	margin-right: 5px;
	list-style: none;
	padding: 0 5px;
	position: relative;
}

.last {
	margin: 0;
	float: right;
}	
	.bucket p {
		color: #666666;
		text-align: center;
		font-size: 1em;
		line-height: 1.6em;
	}

		.bucket .title {
			font-size: 1.25em;
			margin: 20px 0 10px 0;
			color: #101010;
			line-height: 1em;
		}

	.bucket img {
		margin-bottom: 10px;
	}

	.bucket a {
		background: url(../../images/layout/bucket-link.png) no-repeat;
		width: 30px;
		height: 10px;		
		text-decoration: none;
		color: #f9e463;
		padding: 25px 15px;
		position: absolute;
		left: 88px;
		bottom: 10px
	}	

		.bucket a:hover {
			color: #fff;
			text-decoration: underline;
		}


/* Main Styles
--------------------------------------------------------------- */

.main {
	float: left;
	width: 540px;
	padding: 5px 0 10px 0;
	font-size: 1.1em;
	line-height: 1.6em;
}
	
	.submain {
		margin-top: 30px
	}

	#showrooms-and-workshops .main,
	#colours .main,
	.fullwidth {
		width: 960px;
	}

	.main h2 {
		margin: 15px 0 10px;
		color: #be0002;
	}

		.main h2 span {
			font-weight: bold;
		}


	.main p {
		margin: 10px 0px 10px 0px;
		color: #696969;				
	}
	
	.main ul.list {
		margin: 25px 0;
		color: 000000;
		font-style: italic;
		font-weight: bold;
		clear: both;
	}
	
		.main ul.list li {
			padding: 4px 0 4px 35px;
			list-style: none;
			background: url(../../images/misc/arrow.png) left center no-repeat;
		}

	#error .main ul li {
		list-style: inside disc;
	}

		#error .main ul li span.symbol {
			display: none;
		}

	.main a.colours {
		background: #faf2dc;
		padding: 5px 20px;
		border: 3px #fff solid;	
		width: 214px;
		color: #676767;
		text-decoration: none;
		font-weight: bold;
		margin: 0 10px 20px 0;
		float: left;
		text-align: center;
	}

		.main a.colours:hover {
			text-decoration: underline;
		}

	.main .supply {
		background: url(../../images/layout/pattern-bg.jpg) repeat;
		border: 1px #cfcfcf solid;
		padding: 10px 4px 10px 25px;
		width: 508px;
		height: 140px;
		margin: 0 0 20px 0;
		position: relative;
	}

		.main .supply p {
			color: #be0002;
			font-size: 1.3em;
		}

		.main .supply ul {
			clear: both;
		}

		.main .supply ul li {
			padding: 2px 0 2px 35px;
			list-style: none;
			background: url(../../images/misc/tick2.png) left center no-repeat;
			color: #676767;
		}

		.main .supply a {
			position: absolute;
			right: 13px;
			bottom: 13px;
			background: url(../../images/layout/supply-view-bg.png) repeat; 
			padding: 5px;
			border: 1px #cfcfcf solid;
			text-decoration: none;
			font-family: "Trebuchet MS";
			color: #363636;		
			z-index: 100;
		}

			.main .supply a:hover {
				text-decoration: underline;
			}

		.main .supply img {
			position: absolute;
			right: 6px;
			bottom: 6px;
			z-index: 1;
		}

	.main table {
		text-align: center;		
		margin: 20px 0;
		color: #696969;
		border: 1px #000 solid;
	}

		.main table td,
		.main table th {
			border-bottom: 1px #000 solid;
			padding: 3px 0;			
		}

		.main table th {
			font-size: 0.85em;
			line-height: 1.2em;
			padding: 5px 0;
		}

	.main table.price,
	.main table.why-choose {
		width: 540px;
	}

	.main table tr.bottom {
		border-bottom: none;
	}

	.showroom-col {
		background: url(../../images/layout/pattern-bg.jpg) repeat;
		width: 475px;
		border: 1px #cfcfcf solid;
		float: left;
		margin: 10px 6px 15px 0;
		list-style: none;			
	}

		#showrooms-and-workshops .last {
			margin: 10px 0 15px 0;
		}	

		.showroom-col .title {
			font-size: 1.3em;
		}

		.showroom-col img {
			padding: 0 10px;
		}

			.showroom-col .gallery img {
				padding: 0;
			}

		.showroom-col p {
			clear: both;
			padding: 5px 15px;
		}

		.main .opening-hours {
			float: left;
			width: 116px;
			margin: 0;
			color: #be0002;
		}

		.main ul.times {
			float: left;
			margin: 8px 0 0 0;
		}

		.main ul.times li {
			clear: none;
			display: block;
			width: 150px;
			list-style: none;
		}

		.main .more {
			font-size: 1.1em;
			background: #faf2dc;
			border: 1px #e5e0d3 solid;
			clear: both;
			padding: 8px 0 10px 10px;
			border-radius: 5px;
		}

			.main .more span {
				color: #be0002;
				font-size: 1.2em;
				font-weight: bold;
				padding: 0 3px;
			}

			.main .more a {
				text-decoration: none;
			}

				.main .more a:hover {
					text-decoration: underline;
					color: #be0002;
				}

		.main .larger {
			font-size: 1.3em;
		}

			.main .larger span {
				font-weight: bold;
				color: #525252;
			}

		.main .interest-free {
			background: url(../../images/layout/pattern-bg.jpg) repeat;
			border: 1px #cfcfcf solid;
			padding: 5px 10px;
		}

		.main img.silestone {
			margin: 3px 20px 0 0;
		}

			
/*Call */

.call {
	background: #faf2dc;
	border: 3px #fff solid;
	margin: 20px 0;
	position: relative;
	height: 50px;
}

	.call p {
		font-size: 1.4em;
		text-align: right;
		position: absolute;
		right: 0;
		padding: 3px 20px;
	}

	.call span {
		color: #be0002;
		font-weight: bold;
		font-size: 1.3em;
	}

	.call img {
		position: absolute;
		left: 0;
		bottom: -12px;
	}

/*Gallery */

.gallery {
	background: url(../../images/layout/pattern-bg.jpg) repeat;
	border: 3px #fff solid;
	padding: 10px;
	margin: 20px 0 0 0;
}


	.gallery p {
		font-size: 1.3em;
		margin: 5px 0px 10px 0px;
	}

		.gallery span {
			color: #be0002;
		}

/*Case Studies*/

.case-study {
	background: url(../../images/layout/pattern-bg.jpg) repeat;
	border: 1px #cfcfcf solid;
	width: 508px;
	padding: 15px;	
	margin: 20px 0;
}

	.main p.title {
		color: #be0002;
		font-size: 1.1em;
	}

	.case-study p {
		margin: 0;
	}

	.case-study p.bottom {
		margin: 0 0 10px 0;
	}

	.case-study img {
		margin-left: 17px;
		border: 3px #f5f0ea solid;
	}


/*maps */

.map-container {
	width: 960px;
	clear: left;
	margin: 0 auto;
	position: relative;
}

.map {
	float: left;
	width: 516px;
	height: 200px;
	margin-right: 10px;
	border: 1px #cfcfcf solid;
	padding: 10px;
	margin-bottom: 10px;
}

.map iframe {
	width: 100%;
	border: 0px;
}

.map .map-link {
	display: none;
	text-decoration: none;
	color: #696969;
	padding: 10px 0 0;
	border: 0;
}

	a.map-link:hover {
		text-decoration: underline;
	}

	.map p {
		font-size: 1.2em;
		padding: 10px 0;
		color: #be0002;
	}

	#contact .last {
		margin: 0;
	}

	.map-hold {
		position:relative;
		width: 100%;
		height:	190px;
	}

	.map .map-link {
		display: none;
	}

	img.map-image {
		position:absolute;
		top: 34px;
	}



/* Range Colour Styles
--------------------------------------------------------------- */

.main .cols {
	width: 455px;
}


.colour-ranges {
	float: left;
	background: url(../../images/layout/pattern-bg.jpg) repeat;
	border: 1px #cfcfcf solid;
	width: 900px;
	padding:10px 30px 25px 30px; 
	margin: 20px 0;
}
	
	.colour-ranges h2 span {
		color: #6A6B65;
		font-size: 0.7em;
	}

	.colour-ranges .title {
		clear: both;
		padding-top: 20px;
		position: relative;
	}

	.colour-ranges h3 {
		margin: 0px 0 0 0;
		font-size: 1.4em;
		width: 300px;
		float: left;
	}

	.colour-ranges h3.secondary,
	.colour-ranges h3 span.secondary {
		clear: both;
		margin-top: 0;
		font-size: 1.3em;
		text-decoration: underline;
		color: #be0002;
	}

	.colour-ranges h3 span.secondary {
		font-size: 1em;
	}

	.colour-ranges h4 {
		font-size: 1.6em;
		color: #6A6B65;
		padding: 10px 0 0 5px;
	}

	.colour-ranges .title h4 {
		padding-left: 0;
	}

	.colour-ranges .img-title {
		padding-top: 15px;
	}

	.colour-ranges .wrap {
		position: relative;
	}

	.colour-ranges p.note {
		clear: both;
		padding-top: 30px;
		font-size: 1.2em;
	}

	.colour-ranges .cta-anti-stain {
		border-radius: 15px;
		border: 5px solid #fff;
		background: #F7F7F5;
		-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
		-moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
		-o-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
		box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
		padding: 12px 10px 8px;
		width: 250px;
		z-index: 100;
		position: absolute;
		right: 10px;
		top: 5px;
	}

	.colour-ranges .cta-anti-stain-secondary {
		top: 45px;
	}

		.colour-ranges .cta-anti-stain p {
			color: #26255F;
			font-size: 1.5em;
			line-height: 120%;
			font-family: "NexaBold";
		}

	

	.colour-ranges .integrity-sinks {
		margin-top: 20px;
		overflow: hidden;
	}

	.colour-ranges .integrity-sinks a {
		margin: 0;
	}

	.colour-ranges .integrity-sinks a span {
		margin: 26px 0 0 0;
	}

	.colour-ranges .sensa-finishes-logos {
		float: right;
		padding-top: 50px;
	}

	.colour-ranges ul {
		float:left;
	}

	.colour-ranges ul li,
	.taps a {
		float: left;
		display: inline;
		list-style: disc inside;
		margin: 30px 59px 0 0;
		height: 125px;
	}

		.colour-ranges ul li.end {
			margin-right: 0;
		}

		.colour-ranges ul li a {
			text-decoration: none;
			width: 100px;
			float: left;
		}

			.colour-ranges ul li a:hover {
				text-decoration: underline;
			}

			.colour-ranges ul li a img {
				margin-bottom: 0px;
				width: 100%;
			}

			.colour-ranges ul li a span,
			.taps a span {
				color: #26255F;
				display: block;
				font-size: 1.2em;
				margin: 0 auto;
				text-align: center;
			}


/* Fancybox CTA's Clean up box
--------------------------------------------------------------- */

#edge-profiles .fancybox-outer,
.clean-box .fancybox-outer {
	background: #f9f9f9;
}

#edge-profiles .fancybox-help,
#edge-profiles .fancybox-title a,
.clean-box .fancybox-help,
.clean-box .fancybox-title a {
	display: none;
}

#edge-profiles .fancybox-title,
.clean-box .fancybox-title {
	height: auto;
}

#edge-profiles .fancybox-prev,
#edge-profiles .fancybox-next,
.clean-box .fancybox-prev,
.clean-box .fancybox-next {
	height: 100%;
}


/* Sidebar Styles
--------------------------------------------------------------- */
		
	.sidebar {
		float: right;
		width: 401px;
		margin-bottom: 5px;
	}

	.innerpage .sidebar {
		margin-top: 40px;
	}

	#contact .sidebar {
		margin-top: 80px;
	}

		.section {
			width: 365px;
			background: url(../../images/layout/pattern-bg.jpg) repeat;
			border: 3px #fff solid;
			padding: 15px;
			margin-bottom: 15px;
		}

		.delivery {
			background: #faf2dc;			
			color: #be0002;			
			font-size: 1.45em;
			line-height: 1.1em;
		}

			#commercial-trade-projects .delivery {
				padding: 10px 15px 12px 15px;
			}

			.delivery span {
				display: block;
				color: #676767;
			}
		
		.showroom p {
			margin: 16px 5px 0 0px;
			line-height: 1.5em;
			color: #676767;
		}

		.showroom .title {
			color: #000;
			font-size: 1.8em;
			margin: 5px 0 20px 0;
			width: auto;
			line-height: 1em;
		}

			.showroom .title span {
				color: #be0002;
			}

		.showroom .showroom-header {
			padding: 0;
		}
			
		.showroom .right {
			width: 177px;
		}

		form.postcode-form {
			margin: 10px 0 0 0;
			clear: both;
		}

		form.postcode-form input {
			padding: 7px 0 7px 5px;
			border-radius: 3px;
			border: 1px #cfcfcf solid;
			width: 160px;
			color: #676767;
		}

		form.postcode-form input.submit {
			width: 180px;
			margin: 0 0 0 10px;
			cursor: pointer;
		}

			form.postcode-form input.submit:hover {
				text-decoration: underline;
			}
		
				
		.sidebar #contact {
			padding: 30px 15px 5px 15px;
		}

		.sidebar #contact,
		.sidebar #numbers {
			font-size: 1.3em;
		}

			.sidebar #contact .information {
				height: 90px;				
			}

			.sidebar #contact p.heading,
			.sidebar #numbers p.heading,
			.sidebar #opening-hours p.heading {
				float: left;
				color: #be0002;
				width: 158px;
			}

			.sidebar #contact p.info,
			.sidebar #numbers p.info {
				float: right;
				color: #676767;
				width: 184px;
				font-size: 0.85em;
				line-height: 1.3em;
			}

			.sidebar #numbers a {
				text-decoration: none;
				color: #676767;
			}

				.sidebar #numbers a:hover {
					text-decoration: underline;
				}

		.sidebar #numbers {
			height: 54px;
		}

			.sidebar #numbers p {
				padding: 5px 0;
			}			

		.sidebar #pdfs {
			height: 205px;
		}

		.sidebar #pdfs ul {
			height: 114px;
		}	

		.sidebar #pdfs ul li {
			padding: 8px 5px;
			list-style: none;
			font-size: 1.2em;
			float: left;
			margin: 0 22px 10px 0;
			border: 1px #cfcfcf solid;
			background: #F0F0F0;
			border-radius: 3px;
		}

			.sidebar #pdfs ul li.small {
				width: 148px;
			}

			.sidebar #pdfs ul li.last {
				margin-right: 0;
				width: 167px;
			}

			.sidebar #pdfs ul li a {
				color: #be0002;
			}

			.sidebar #pdfs ul li a span {
				padding: 10px 0;
				float: left;
			}

				.sidebar #pdfs ul li.text a span {
					font-size: 0.9em;
				}	

			.sidebar #pdfs ul li a span:hover {
				text-decoration: underline;
				color: #696969;
			}

			.sidebar #pdfs .title,
			.sidebar #trade-references .title {
				color: #000;
				font-size: 1.2em;
				margin-bottom: 10px;
			}

			.sidebar #trade-references .title {
				padding: 0 0 0 20px;
			}

		.sidebar #opening-hours p.title {
			font-size: 1.3em;
			color: #be0002;
		}

		.sidebar #opening-hours .place {
			height: 50px;
			margin: 22px 0 0 0;
		}


			.sidebar #opening-hours ul {
				color: #676767;
				font-size: 1em;
				line-height: 1.3em;
				float: right;
				width: 184px;
				height: 50px;
			}

				.sidebar #opening-hours ul li {
					list-style: none;
				}

				.sidebar #opening-hours p.heading {
					color: #676767;
				}



/* Testimonials Styles
--------------------------------------------------------------- */

.autoScroller-container {
	height: 150px;
	overflow: auto;
	margin-top: 15px;
}

	#commercial-trade-projects .autoScroller-container {
		height: 345px;
	}

	#index .autoScroller-container {
		width: 500px;
	}

	.testimonial {		
		width: 360px;
		font-family: "Trebuchet MS";
		font-size: 1em;
		line-height: 1.1em;
		margin: 30px 0;
		border-bottom: 1px #ccc solid;
	}

	#index .testimonial {
		width: 490px;
	}

	.testimonial p {
		margin: 10px 0px 10px 0px
	}

	.testimonial p.customer {
		text-align: right;
		clear: both;
		color: #be0002;
		font-weight: bold;
		padding: 5px 0;
	}


/* Footer Styles
--------------------------------------------------------------- */

.outer-footer {
	float: left;
	width: 100%;	
}

	.footer {
		
		width: 960px;
		color: #333;
		margin: 0px auto;
		padding: 10px 0 6px 0;
		font-size: 1.2em;
		background: url(../../images/layout/footer-bg.jpg) repeat;
	}

	.footer p.title {
		color: #676767;
		padding: 3px 0;
		font-size: 1.4em;
	}

		.footer p.title span {
			color: #8f8f8f;
		}
		
	.footer li {
		list-style: none;
		color: #676767;
	}
	
	.footer a {
		white-space: nowrap;
		color: #676767;
		text-decoration: none;
	}
		
		.footer a:hover {
			color: #000;
			text-decoration: underline;
		}

/* Footer Column Styles
--------------------------------------------------------------- */

.footer .col {
	float: left;
	width: 295px;
	margin: 20px 0 20px 30px;
}

	.footer .footer-services {
		width: 280px;
	}

	.footer p {
		line-height: 1.75em;
	}
	
	.footer .footer-services ul.nav {
		float: left;
		width: 370px;
	}
	
		.footer .footer-services ul.nav li {
			list-style: none;
			width: 177px;
		}
		
	.footer .footer-address {
		margin-top: 35px;
		line-height: 1.3em;
	}

	.footer .footer-address ul li {
		padding: 5px 0 5px 30px;
	}

	.footer .footer-address ul li.address {
		background: url(../../images/layout/footer-home.png) left top no-repeat;
		padding: 0px 0 5px 40px;
	}

		.footer .footer-address ul li.address span.office {
			display: block;
			font-weight: bold;
		}

	.footer .footer-address ul li.phone {
		background: url(../../images/layout/footer-phone.png) left top no-repeat;
		padding: 4px 0 4px 40px;
		margin: 10px 0;
		font-size: 1.2em;
	}

	.footer .footer-address ul li.email {
		background: url(../../images/layout/footer-email.png) left top no-repeat;
		padding: 0px 0 5px 40px;
		margin: 20px 0;
		font-size: 1.2em;
	}

	.footer .col ul {
		float: left
	}
	
		.footer .col ul li {
			
			padding: 5px 0;
		}

		
		.footer .col ul li.index-li,
		.footer .col ul li.why-choose-us-li,
		.footer .col ul li.contact-li {
			display: none;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	.footer .footer-bottom {
		clear: both;
		width: 940px;
		margin: 0 auto;
		text-align: center;
		background: url(../../images/layout/footer-bottom-bg.jpg) repeat;
		color: #cfcfcf;
		padding: 3px 0;
	}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left, .alignleft {
	float: left;
}

	.img-left, .alignleft {
		margin: 10px 10px 10px 0;
	}

.right, .img-right, .alignright {
	float: right;
} 

	.img-right , .alignleft{
		margin: 10px 0 10px 10px;
	}
	
	
/* Schema Fixes
--------------------------------------------------------------- */	

.inline {
	display: inline;
}

	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

/* Callback Form Styles
--------------------------------------------------------------- */

.callback-form {
	width: 930px;
	float: left;
	background: #363636;
	padding: 15px;
	margin-bottom: 10px;
}

	.callback-form .botBuster {
		display: none;
	}

	.callback-form #results ul {
		margin-bottom: 15px;
	}
	
	.callback-form #results ul li {
		list-style: none;
		margin:0px;
		padding: 7px 0px 7px 25px;
		background: url(../../images/misc/form-error.png) center left no-repeat;
		color: #fafafa;
	}

	.callback-form .title {
		color: #f9e463;
		font-size: 1.8em;
		float: left;
		margin: 3px 15px 0 0;
	}

		.callback-form .title span {
			color: #f9f3e0;
		}

	.callback-form fieldset {
		width: 180px;
		height: 28px;
		float: left;
		margin: 0px 12px 0 0;
	}

	.callback-form input,
	.callback-form select {
		border-radius: 3px;
		width: 120px;
		background: #fafafa;
		padding: 4px;
		border: 1px #c7c6c5 solid;
		float: right;
	}

	.callback-form select {
		-webkit-appearance:none;
		-o-appearance:none;
		-moz-appearance:none;
		appearance:none;
		background: url(../../images/misc/dropdown-arrow.jpg) right no-repeat #fafafa;
		width: 170px;
		height: 26px;		
	}

	.callback-form fieldset.time { 		
		width: 180px;
	}

	.callback-form fieldset.submit {
		width: 136px;
		margin: 0;
	}

	.callback-form input.submit {
		width: 125px;
		height: 26px;
		background: url(../../images/layout/submit-callback-bg.jpg) repeat-x;
		color: #be0002;
	}

		.callback-form input.submit:hover {
			text-decoration: underline;
			cursor: pointer;
		}

	.callback-form label {
		float: left;
		color: #fff;
		margin: 6px 3px 0 0;
	}

	.callback-form select {
 		color: #a9a9a9;
 		width: 140px;
 	}

/* Contact Table Styles
--------------------------------------------------------------- */
div.form {
	float: left;
	width: 520px;
	padding: 15px 0 0 15px;
	background: url(../../images/layout/pattern-bg.jpg) repeat;
	border: 1px #cfcfcf solid;
	margin: 20px 0;
}
	
	.contactForm fieldset,
	.callbackForm fieldset {
		border: none;
		
	}
	
	
/* -- Contact Form Left */
	
	.contactForm .contactFormTop,
	.contactForm .contactFormMiddle {
		width: 520px;
		float: left;
	}

	.contactForm .contactFormLeft {
		width: 194px;
	}

		.contactForm .contactFormMiddle {
			
		}
		
		.contactForm fieldset.contactDetails input {
			width: 234px;
			padding: 12px 5px;
			background: #fff;
			border: 1px solid #ddd;
			border-top: 1px solid #cfcfcf;
			float: left;
			border-radius: 2px;
		}

		.contactForm fieldset.email {
			float: left;
			width: 200px;
		}

		.contactForm fieldset.looking {
			float: right;
			width: 250px;
			margin-top: 6px;
		}

		.contactForm .looking-for {
			background: #fff;
			height: 225px;
			border: 1px solid #cfcfcf;
			margin: 0px 15px 0 0;
			padding: 25px 0 0 10px;
		}
		
		.contactForm fieldset.contactDetails input:focus,
		.contactForm textarea:focus {
			border: 1px solid #0F76C3;
		}
		
		.contactForm fieldset .interestedInLeft input:focus,
		.contactForm fieldset .interestedInRight input:focus {
			outline: dotted 1px #333;
		}
		
		.contactForm fieldset.contactDetails .contactDetailsLeft,
		.contactForm fieldset.contactDetails .contactDetailsRight {
			width: 250px;
			float: left;
			padding: 0px 10px 0px 0px;
			margin: 5px 0;
		}


		
	/* -- Interested In */
	
	.contactForm label.heading {
		font-size: 1.1em;
		color: #be0002;
		padding: 7px 0px;
		margin: 0px;
	}
	
	.contactForm .interestedInLeft,
	.contactForm .interestedInRight {
		width: 200px;
		float: left;
		padding: 0px;
	}
	
		.contactForm .interestedInLeft label,
		.contactForm .interestedInRight label {
			padding: 5px 0px;
			display: block;
			width: 190px;
		}
		
		.contactForm .interestedInLeft span {
			display: block;
			padding: 0px 0px 0px 16px;
		}

		.contactForm label input.checkbox {
			margin-right: 10px;
		}
		
	/* -- Enquiry */
	
	.contactForm .contactFormRight {
		float: left;
	}
	
		.contactForm label.enquiry {
			padding: 15px 0px 5px 0px;
			display: block;
			color: #0F76C3;
		}
		
		.contactForm textarea {
			padding: 10px;
			width: 224px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			background: #fff;
			border: 1px solid #cfcfcf;
			border-radius: 3px;
			margin: 4px 0 0 0;
		}
		
		.contactForm .submit {
			display: block;
			margin: 10px 15px 10px 0;
			padding: 5px 0px;
			clear: both;
			width: 180px;
			float: right;
			border-radius: 3px;
			border: 1px #cfcfcf solid;
			background: #be0002;
			color: #fff;
		}

			.contactForm .submit:hover {
				text-decoration: underline;
				cursor: pointer;
			}

.form #results {
	font-size:1.0em;
	color: #7F2D0F;
	font-weight: bold;
	float:left;
	padding:0px;
	margin:0px;
}

	.contact .form #results ul {
		float:left;
		padding:0px;
		margin:10px;
		}

	.contact .form #results ul li {
		list-style: none;
		margin:0px;
		background:red;
		padding: 8px 0px 8px 25px;
		background: url(../../images/misc/form-error.png) center left no-repeat!important;
	}
	
/* -------------- Hide Bot Buster */

div.form fieldset.botBuster,
div.callbackform .callbackBotBuster {
	display: none;
}






/* -------------- jQuery Validation */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	border: 2px solid #ddd;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}


/* Cookie Pop
--------------------------------------------------------------- */	

.cc-cookies { 
	position:fixed; 
	width: 90%; 
	left: 0; 
	top: 0; 
	padding: 0.75em 5%;
	background: #fff; 
	background: rgba(242,242,242,0.95); 
	color: #333; 
	font-size: 11px;
	line-height: 18px; 
	text-shadow: 0 1px 0 #eee;
	z-index: 99999; 
	text-align: center; 
	border-top: 1px solid #ddd; 

}
.cc-cookies a, .cc-cookies a:hover {
	color: #E4121B;
	text-decoration: underline;

}
.cc-cookies a:hover {
	text-decoration: none;
}

.cc-overlay {
	height: 100%;
	padding-top: 25%; 
}

.cc-cookies-error { 
	float: left;
	width: 90%; 
	text-align: center; 
	margin: 1em 0 2em 0; 
	background: #fff;
	padding: 2em 5%; 
	border: 1px solid #ccc; 
	font-size: 18px; color: #333;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: inline-block; 
	color: #fff; 
	text-decoration: none; 
	background: #7DAF3B; 
	padding: 0.5em 0.75em;
	margin: 0 10px;
	border-radius: 3px; 
	box-shadow: 0 0 2px rgba(0,0,0,0.25); 
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	transition: background 0.5s ease-in;
	-o-transition: background 0.5s ease-in; 
	-webkit-transition: background 0.25s ease-in; 
	-moz-transition: background 0.25s ease-in; 
	font-size: 0.9em;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
	background: #af3b3b;
	margin-left: 0.5em;
}

.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  {
	background: #000;
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
	display: block;
	margin-top: 1em;
}

.cc-cookies.cc-discreet {
	width: auto;
	padding: 0.5em 1em;
	left: auto;
	top: auto;
}

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative;  }
}