body,html{
	margin:0px;
	font-family: "adrianna-extended",sans-serif;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:0.5px;
	background-color:#fffff;
}

a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#container, header, footer
{
	width: 1200px;
	margin: auto;
	background-color:#fff;
}

header {
    width: 100%;
}

header.fixed
{
	position: fixed;
	z-index: 10;
}

header.fixed + div
{
	padding-top:100px;
}

header #header-links
{
	padding-top: 10px;
	width: 50%;
    text-align: right;
    padding-right: 40px;
    font-size: 12px;
}

header .number
{
    font-size: 16px;
    margin-bottom: 5px;
	font-weight: bold;
}

header #header-top-wrapper
{
	float: left;
	width: 100%;
	background-color: #fff;
	background: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
}

header #header-logo
{
	padding: 20px 40px;
	float: left;
}

header #header-nav, header #header-links
{
    float: right;
	margin: 0px;
}

header #header-nav li 
{
    display: inline-block;
	padding-top: 25px;
}

header #header-nav li a
{
    text-decoration: none;
    color: #172b3a;
    margin-right: 40px;
    font-size: 12px;
    letter-spacing: 1px;
}

.slides-container
{
	width: 100%;
	float: left;
	height: 700px;
	background-color: #fff;
}

#container .block
{
	width: 100%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	background-color:#fff;
    text-align: center;
    padding: 40px 80px 0px;
}

#container.special
{
	max-width: 700px; 
     float: right; 
     margin-right: 175px; 
     background: transparent; 
     margin-top: 30px; 
}

#container .block .inner
{
	max-width: 760px;
	margin: auto;
}

#container .block p
{
	font-size: 14px;
	line-height: 24px;
	text-transform: none;
}

#container .block h1,
#container .block h2,
#container .block h3
{
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: normal;
	text-transform: uppercase;    
	font-weight: bold;
}

#container .block .backtotop 
{
	margin-bottom: 40px;
	margin-top: -5px;
}

#container .block .backtotop a
{
	letter-spacing: 2px;
    font-size: 11px;
}

#container.transparency .block,
footer.transparency .block
{
	background-color: rgba(255,255,255,0.75);
	padding-bottom: 40px;
}

.block .box
{
	width: 28%;
    margin-right: 35px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 11px;
    text-transform: initial;
    vertical-align: top;
    padding: 20px;
    background: #f1f1f1;
    margin: 20px;
    border: 1px solid #dadada;
    box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}

.block.downloads 
{
	margin-top: 100px;
}

.block .box .enlarge
{
	color: #a0a0a0;
    display: block;
    font-size: 11px;
}

.block .box .hover
{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    padding: 40px;
    text-align: center;
    font-weight: normal;
    line-height: 30px;
    padding-top: 100px;
	display: none;
	opacity: 0.95;
}

.block .box .hover .close 
{
	position: absolute;
	right: 32px;
	top: 32px;
	width: 32px;
	height: 32px;
	opacity: 0.66;
	cursor: pointer;
}

.block .box .hover .close:hover 
{
  opacity: 1;
}

.block .box .hover .close:before, .block .box .hover .close:after 
{
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}

.block .box .info
{
	display: inline-block;
    margin: auto;
    background-color: #1b1b1b;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 20px;
	cursor: pointer;
}

.block .box .hover .close:before 
{
  transform: rotate(45deg);
}

.block .box .hover .close:after 
{
  transform: rotate(-45deg);
}
	
.block .box span
{
	font-weight: normal;
}

.block .box img
{
	padding-bottom: 5px;
	width: 100%;
	height: auto;
}

.block .gallery .row
{
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 5px;
}

.block .gallery .row .wide {width: 68.117519%;}
.block .gallery .row .thin {width: 31.88248095756257%;;}
.block .gallery .row .half {width: 50%;}

.block .gallery .row .left { margin-right: 2px; margin-left: -2px; float:left; }
.block .gallery .row .right { margin-right: -2px; margin-left: 2px; float:left; }

.pricespace 
{
    width: 33%;
    float: left;
}

.pricespace h3 {
    font-size: 14px !important;
}

a img {
	border: none;
}

img {
	border: none;
}

.lines:before, .lines:after
{
	content: "";
    height: 1px;
    display: inline-block;
    width: 100px;
    margin-bottom: 6px;	
}

.lines:before
{	
    margin-right: 10px;
    background: -moz-linear-gradient(right, rgba(0,0,0,1) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(right, #848484 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to left, #848484 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=1 );
}

.lines:after
{
    margin-left: 10px;
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left, #848484 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right, #848484 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#000000',GradientType=1 );
}

.fg-title
{
	width: 500px;
    max-width: 100%;
    margin-left: 60px;
    text-align: center;
    float: left;
}

footer
{
	text-align: center;
    border: 1px solid #dadada;
    background: #f1f1f1;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

footer .block
{
	width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

footer p
{
	padding: 10px 0px;
	font-size: 12px;
	margin: 0px;
}	


/* REQUEST A BROCHURE FORM */

.request-brochure-column{
	float:left;
	width:760px;
}

.request-brochure{
	float:left;
	margin-left:25px;
	padding:0px;
	font:bold 12px;
}  

.request-brochure p{
	width:760px;
	margin-left:0px !important;
}
	
.textbox {
	width: 204px;
	padding: 5px;
	outline: none;
	height: 16px;
	color: #6F6F6F;
	border: solid 2px #DFDFDF;
	margin-bottom:10px;
}

.textbox:focus {
	border: solid 2px #172b3a;
	background: #EFF5FF;
	color: #000;
}

.textboxred {
	width: 204px;
	padding: 5px;
	outline: none;
	height: 16px;
	background: #ffd9d9;
	color: #6F6F6F;
	border: solid 2px #f2b7b7;
	margin-bottom:10px;
}

.textboxred:focus {
	border: solid 2px #ff0000;
	background: #f2b7b7;
	color: #000;
}


#notes {
	width: 204px;
	height: 120px;
	border: 2px solid #DFDFDF;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}

.request-brochure-column label
{
	width:140px;
	font-size:14px;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
    text-transform: initial;
}

#notes{
	width: 204px;
	max-width: 204px;
	min-width: 204px;
	padding: 5px;
	outline: none;
	color: #6F6F6F;
	border: solid 2px #DFDFDF;
	margin-bottom:10px;
	height:213px;
	max-height:213px;
	min-height:180px;
	resize:none
}

#notes:focus {
	border: solid 2px #172b3a;
	background: #EFF5FF;
	color: #000;
}

.compulsory{
	color:#F00;
}

#privacy {
    text-align: center;
    font-size: 10px;
    color: #999;
    width: 100%;
    margin: 30px auto;
    padding-right: 25px;
    box-sizing: border-box;
}

button{
	background-color:#172b3a; /*F7F7F7;*/
	border:2px solid #172b3a; /*DFDFDF;*/
	height:30px;
	margin-bottom:10px;
	color:#FFF;
}

.lookuppostcode{
	width:218px;
	margin-left:146px;
	background-color:#172b3a; /*F7F7F7;*/
	border:2px solid #172b3a; /*DFDFDF;*/
	height:30px;
	margin-bottom:10px;
	color:#FFF;
}

.requestbrochure{
	width:218px;
	margin-left:146px;
	background-color:#172b3a; /*F7F7F7;*/
	border:2px solid #172b3a; /*DFDFDF;*/
	height:30px;
	margin-bottom:10px;
	color:#FFF;
}

.downloads .white-btn 
{
    width: 100%;
    box-sizing: border-box;
}

.white-btn
{
	border: 1px solid #bbbbbb;
    display: inline-block;
    padding: 10px 30px;
    font-weight: bold;
    background-color: #ffffff;
    color: #474747;
    text-transform: uppercase;
    width: auto;
}

.paint
{
	margin-bottom: 7px;
    margin-left: -80px;
	margin-right: -80px;
	margin-top: 40px;
}

.paint > div 
{
	width: 16.666%;
	float: left;
}

.paint > div > div
{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #fff;
	height: 75px;
	text-align: center;
	color: #363636;
	line-height: 75px;
	font-size: 11px;
    text-shadow: 1px 1px 0px rgba(255, 255,255, 0.5);
}

.paint > div > div.white
{
	color: #fff;
    text-shadow: 1px 1px 0px rgba(0,0,0, 0.5);
}


.paint1 {	background-color: rgb(244,239,226); }
.paint2 {	background-color: rgb(241,232,203); }
.paint3 {	background-color: rgb(239,232,215); }
.paint4 {	background-color: rgb(224,220,193); }
.paint5 {	background-color: rgb(204,198,179); }
.paint6 {	background-color: rgb(223,216,181); }
.paint7 {	background-color: rgb(212,200,166); }
.paint8 {	background-color: rgb(199,189,163); }
.paint9 {	background-color: rgb(193,201,169); }
.paint10 {	background-color: rgb(188,187,156); }
.paint11 {	background-color: rgb(166,162,116); }
.paint12 {	background-color: rgb(115,72,35); }
.paint13 {	background-color: rgb(182,202,144); }
.paint14 {	background-color: rgb(186,196,176); }
.paint15 {	background-color: rgb(195,212,204); }
.paint16 {	background-color: rgb(124,163,154); }
.paint17 {	background-color: rgb(158,164,119); }
.paint18 {	background-color: rgb(106,141,98); }
.paint19 {	background-color: rgb(100,124,101); }
.paint20 {	background-color: rgb(21,40,18); }
.paint21 {	background-color: rgb(251,248,230); }
.paint22 {	background-color: rgb(254,248,230); }
.paint23 {	background-color: rgb(217,210,187); }
.paint24 {	background-color: rgb(173,171,153); }
.paint25 {	background-color: rgb(201,198,186); }
.paint26 {	background-color: rgb(173,177,167); }
.paint27 {	background-color: rgb(146,150,138); }
.paint28 {	background-color: rgb(196,188,175); }
.paint29 {	background-color: rgb(138,135,123); }
.paint30 {	background-color: rgb(120,120,104); }
.paint31 {	background-color: rgb(152,165,158); }
.paint32 {	background-color: rgb(78,93,86); }
.paint33 {	background-color: rgb(41,55,55); }
.paint34 {	background-color: rgb(151,162,136); }
.paint35 {	background-color: rgb(120,131,109); }
.paint36 {	background-color: rgb(79,105,106); }
.paint37 {	background-color: rgb(62,72,65); }
.paint38 {	background-color: rgb(58,62,52); }
.paint39 {	background-color: rgb(40,38,30); }
.paint40 {	background-color: rgb(18,22,17); }
.paint41 {	background-color: rgb(200,200,198); }
.paint42 {	background-color: rgb(227,231,230); }
.paint43 {	background-color: rgb(203,203,191); }
.paint44 {	background-color: rgb(158,164,150); }
.paint45 {	background-color: rgb(187,190,183); }
.paint46 {	background-color: rgb(158,161,152); }
.paint47 {	background-color: rgb(212,215,208); }
.paint48 {	background-color: rgb(185,190,186); }
.paint49 {	background-color: rgb(171,182,184); }
.paint50 {	background-color: rgb(150,162,162); }
.paint51 {	background-color: rgb(227,227,225); }

.lb-outerContainer
{	
    padding-bottom: 75px;
}

.lb-dataContainer
{
	height: 50px;
	margin-top: -60px !important;
    z-index: 10;
    position: relative;
}

.lb-data, .lb-caption
{
	color: #000;
    text-transform: initial;
    padding: 0px 20px 20px;
    display: block;
    line-height: 18px !important;
    font-size: 12px !important;
    width: 100%;
}

.visible-xs
{
	display: none;
}

@media only screen and (max-width: 1200px)
{
	#container, header, footer
	{
		width: 100%;
	}
}

@media only screen and (max-width: 940px)
{
	.visible-xs
	{
		display: block;
	}
	
	#container.special
	{
		max-width: 100%; 
		 float: none; 
		 margin-right: 0px; 
		 margin-top: 0px; 
	}

	header.fixed
	{
		position: relative;
	}
	
	header.fixed + div
	{
		padding: 0px;
	}
	
	.fg-title
	{
		margin: 0px !important;
		float: none !important;
	}
	
	.block .box
	{
		max-width: 100%;
		margin: 20px 0px;
		position: static;
		width: 100%;
	}
	
	.block.downloads
	{
		margin-top: 0px;
	}
	
	.block .box .hover
	{
		z-index: 100;
		position: fixed;
	}
	
	img
	{
	    max-width: 100%;
		float: none !important;
		margin: 0px !important;
		height: auto;
	}
	
	
	.gallery img 
	{
		max-width: initial !important;
		height: initial !important;
		float: left!important;
	}
	
	.gallery img.left
	{
		margin-right: 2px !important;
		margin-left: -2px !important;
	}
	
	.gallery img.right
	{
		margin-right: -2px !important;
		margin-left: 2px !important;
	}
	
	#container .block .inner
	{
		width: 100%;
	}
	
	#header-top, #header-nav, #header-logo
	{
		width: 100%;
		text-align: center;
	}
	
	header ul#header-nav
	{
		margin: 20px 0px;
	}
	
	header #header-nav li
	{
		line-height: initial;
		padding: 0px;
	}
	
	header #header-links
	{
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	
	header #header-nav li a
	{
		margin: 0px 20px;
	}
	
	header #header-logo
	{
		padding: 20px;
		box-sizing: border-box;
	}
	header #header-logo img
	{
		max-width: 100%;
		height: auto;
	}
	
	#container .block
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.lines:before, .lines:after { display: none; }
	
	.paint
	{
		margin-left: -20px;
		margin-right: -20px;
	}
	.paint > div
	{
		width: 50%;
	}
	
	.pricespace
	{
		width: 100%;
	}
	
	header .slides-container
	{
		height: 300px;
	}
}