@import url("reset.css");
@import url("typography.css");
@import url("grid.css");
@import url("forms.css");
 
/******************************************************************
/* HTML
*******************************************************************/
body {
	height:100%;
}

html, body {
	height: 100%;
	min-width:974px;
}

.nh-hidden { display:none; }
.nh-clearer { clear:both; line-height:1px; font-size:1px; height:1px; }
.nh-rounded { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }

.padd-bottom {
	padding-bottom:20px;
}

.inr {
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:974px;
}

.minwidth {
	min-width:974px !important;
}

.logo {
	display:block;
	overflow:hidden;
	text-indent:-999em;
	width:238px;
	height:128px;
	background:url(../../images/top-header.png) left top no-repeat;
	margin:4px auto 0;
}

.button {
	display:inline-block;
	width:216px;
	height:52px;
	box-sizing:content-box;
	border:2px dashed #87754d;
	background-color:transparent;
	padding:2px;
	position:relative;
	cursor:pointer;
}

.button, .button:hover {
	color:#87754d;
}

.button span {
	display:block;
	width:100%;
	height:100%;
	line-height:52px;
	text-align:center;
	text-transform:uppercase;
}

.button:hover span {
	background:rgba(0,0,0,0.15) !important;
}

.mr-button {
	border:2px dashed white;
	padding:2px;
}

.mr-button, .mr-button:hover {
	color:white;
}

.mr-button span{
	line-height: 16px;
	padding: 12px 0 0 0;
	height: 40px;
}

.mr-button:hover span {
	background:rgba(135,117,77,0.5) !important;
}


.vert-centre {
	display:inline-block;
	vertical-align:middle;
}

.vert-centre.anchor {
	width:0.1%;
	overflow:hidden;
}

.vert-centre.content {
	width:99.9%
}

.fullheight {
	height:100%;
}

.left {
	left:0px;
}

.right {
	right:0px;
}

.madeinhudds {
	background-image:url(../../images/made-in-huddersfield.png);
	background-repeat:repeat-x;
}

.madeinhudds.top {
	background-position:50% 5%;
}

.madeinhudds.bottom {
	background-position:50% 95%;
}


/*****************************************************
/* COLOURS
*****************************************************/

.bg-brown	{ background-color:#87754d; }
.brdr-brown	{ border-color:#87754d; }
.txt-brown	{ color:#87754d !important; }
.grad-brown	{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a49260), to(#80693a));
	background-image: -webkit-linear-gradient(top, #a49260, #80693a); 
	background-image: -moz-linear-gradient(top, #a49260, #80693a);
	background-image: -ms-linear-gradient(top, #a49260, #80693a);
	background-image: -o-linear-gradient(top, #a49260, #80693a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFa49260, endColorstr=#FF80693a)";
}


.bg-grey { background-color:#d2d2d2; }
.grad-grey {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CFCFCF));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #CFCFCF); 
	background-image: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
	background-image: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
	background-image: -o-linear-gradient(top, #FFFFFF, #CFCFCF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFCFCFCF)";
}

.bg-white	{ background-color:white; }
.brdr-white	{ border-color:white; }
.txt-white	{ color:white !important; }

.txt-green	{ color:#0b4122 !important; }

.txt-black { color:#000 !important; }



/*****************************************************
/* PERCENTAGE COLUMNS
*****************************************************/

.p-col {
	float:left;
	display:block;
	position:relative;
}

.p-col-ib {
	display:inline-block;
	position:relative;
}

.quarter {
	width:25%;
}

.half {
	width:50%;
}

/*****************************************************
/* GLOBAL MARGINS, PADDING, ETC
*****************************************************/

.marg-vert-15	{ margin-top:15px; margin-bottom:15px; }
.marg-bottom-15	{ margin-bottom:15px; }

.marg-vert-30	{ margin-top:30px; margin-bottom:30px; }
.marg-top-30	{ margin-top:30px; }
.marg-bottom-30	{ margin-bottom:30px; }

.marg-side-p	{ margin-left:15%; margin-right:15%; }

.padd-vert-30	{ padding-top:30px; padding-bottom:30px; }

.padd-strip			{ padding:40px 0; }
.padd-strip-large	{ padding:70px 0; }
.padd-strip-bottom	{ padding-bottom:80px; }

/*****************************************************
/* DEFAULT - GLOBAL
*****************************************************/

#container {
	_height: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	display: block;
}

/*header*/
#header {
	width:100%;
	height:132px;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 9999;
}

#header .border {
	position:absolute;
	height:3px;
	bottom:30px;
	width:50%;
}

#header .inr {
	overflow:hidden;
}

#header .border div {
	height:100%;
}

#header .border.left div {
	margin-right:135px;
}

#header .border.right div {
	margin-left:135px;
}

/* Navigation */
.main-menu {
	position:absolute;
	top: 60px;
	width:330px;
	text-align:justify;
	text-justify:distribute;
	-ms-text-justify:distribute-all-lines;
}

.main-menu li {
	display:inline-block;
	font-size:14px;
}

.main-menu:after {
	display:inline-block;
	content:' ';
	height:0px;
	width:100%;
}

.main-menu a {
	color:white;
	text-transform:uppercase;
	display:inline-block;
}

.main-menu a:hover,
.main-menu li.active a {
	color:#917f58;
}

.main-menu li.active a {
	border-bottom:3px solid #917f58;
}


/* Banner */

#banner {
	height:502px;
	border-width:0 0 10px;
	border-style:none none solid;
}

#banner .fm-banners,
#banner .banner {
	width:100% !important;
	height:100% !important;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
}

#banner .banner a {
	margin-top:375px;
}

#footer-push {
	clear:both;
	height:100px;
	display:block;
}

#footer {
	margin-top:-100px;
}



/*****************************************************
/* STRIPS
*****************************************************/

/* Home > The Finest Cloth */
#strip-cloth {
	background:url(../../images/banner-cloth.jpg) center;
	height:420px;
}

#strip-philosophy {
	height:425px;
}

#strip-madeinengland {
	height:425px;
	background:url(../../images/banner-made-in-england.jpg) center;
}
#strip-madeinengland div.strip-madeinengland{
	margin-left:25%;
}

#strip-appointment {
	width:100%;
}

#strip-appointment .inr {
	height:312px;
	padding:55px 0;
}

#strip-ourservice {
	height:425px;
	background:white url(../../images/strip-our-services.jpg) bottom no-repeat;
}

#strip-madetomeasure {
	height:558px;
	background:black url(../../images/strip-made-to-measure.jpg) center no-repeat;
}

/*****************************************************
/* PAGES
*****************************************************/
#page-lookbook .inr {
}

/*****************************************************
/* CONTACT
*****************************************************/

#map_canvas {
	width:100%;
	height:500px;
}

.form-success,
.form-error {
	padding:15px;
	margin-bottom:15px;
	color:white;
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.form-error {
	background:#F33;
}

.contactContent {
	width:50%;
	margin:0 auto;
}

#contact-form {
	width:482px;
	display:block;
	margin:0 auto;
}

#contact-form label {
	display:none;
}
#contact-form .captcha-label label {
	display:block;
	margin:0 0 15px 0;
}
.nf-block-captcha img {
	margin:0 auto;
	display:block;
}

#contact-form .nf-text {
	width:450px;
	padding:15px 15px;
	margin:0 0 15px;
	font-family:inherit;
	font-size:12px;
}

#contact-form button {
	margin:0;
}

#strip-map {
	height:460px;
	width:100%;
}

/*****************************************************
/* SLIDEOUT
*****************************************************/

#slideout {
	position:fixed;
	right:-320px;
	top:112px;
	z-index:1000;
}

#slideout .side-btn {
	float:left;
	width:60px;
	height:290px;
	position:relative;
}

#slideout .side-btn a {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg);
	display:block;
	position:absolute;
	left: -119px;
	top: 119px;
	width: 290px;
}

#slideout .side-btn a span {
	/*background:rgba(255,255,255,0.5);*/
}

#slideout .form {
	float:left;
	position:relative;
	width:300px;
	padding:10px;
	background:white;
	margin-bottom:-60px;
}

#slideout .form form {
	margin-bottom: -60px;
}

#slideout p {
	font-size:12px;
}

/*****************************************************
/* MODAL
*****************************************************/
#overlay {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
}

#overlay div {
	background:black;
	opacity:0.6;
	width:100%;
	height:100%;
	position:relative;
}

#overlay span {
	position:absolute;
	width:100px;
	height:100px;
	line-height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	font-size:80px;
	color:white;
}

#modal {
	position:fixed;
	top:15%;
	left:50%;
	margin-left:-225px;
	width:450px;
	z-index:9999;
	display:none
}

#modal-close {
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:white;
	text-align:center
}

#modal-inr {
	padding:40px;
	background:white;
}

#modal-inr h2 {
	font-size:30px;
	margin:0;
}

#modal-inr form label {
	display:none;
}

#modal-inr form input,
#modal-inr form select {
	display: block;
	width: 100%;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	margin: 0 0 5px;
	box-shadow: inset 2px 1px 0px #d9d9d9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#modal-inr form select {
	box-shadow:none;
	border:0;
	color:white;
}

#modal-inr form select option {
	color:black;
}

/*  */
.white-block {
	background: rgba(255,255,255,0.9);
	padding: 20px 20px 10px 20px;
	width: 45%;
}

.white-block h2 {
	color: #0B4122 !important;
	text-align: left;
}

.production-strip {
	border-bottom: 2px solid #000;
	height: 500px;
}

#strip-contact img {
	margin-left: 20px;
}

#strip-home .button {
	margin-top: 30px;
}

#strip-home img {
	margin-left: 20px;
}

.telephone {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	color: #FFF;
}

#page-lookbook .inr {
	text-align: center;
}

/*****************************************************
/* NEWS
*****************************************************/

#news_lister .img-left,
#news_lister .image,
#pagination a {
	background-color:#f3f1ed;
}

#news_lister .content {
	width:477px;
}

#news_lister .image {
	height:242px;
	background-image:url(../../images/cotton-snip.png);
	background-position:center;
	background-repeat:no-repeat;
}

#news_lister .text,
#news_lister .img-left .image {
	float:left;
}

#news_lister .img-left .image {
	background-color:white;
}

#news_lister .image,
#news_lister .img-left .text {
	float:right;
}

#pagination > * {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
}

#pagination span,
#pagination a:hover {
	background-color:#87754d;
	color:white !important;
	text-decoration:none;
}

#post_banner h1 {
	padding:240px 0 0;
}

#news_page .copy p:first-child {
	font-size:1.2em;
}

#news_page img.main-image {
	margin:0 0 15px 15px;
	float:right;
}

/*****************************************************
/* DOWNLOADS
*****************************************************/
#strip-downloads .download-category {
	margin-bottom:80px;
}

#strip-downloads .downloads li {
	display:inline-block;
	width:310px;
	height:70px;
	padding:5px;
}

#strip-downloads .downloads li a {
	display:block;
	width:100%;
	height:100%;
	
	-webkit-transition:opacity 0.1s linear;
	-moz-transition:opacity 0.1s linear;
	-o-transition:opacity 0.1s linear;
	transition:opacity 0.1s linear;
}

#strip-downloads .downloads li a:hover {
	opacity:0.8;
}

#strip-downloads .downloads li a > span {
	display:inline-block;
	vertical-align:middle;
}

#strip-downloads .downloads li a > span.icon {
	width:55px;
	height:70px;
	line-height:70px;
	font-size:24px;
}

#strip-downloads .downloads li a > span.text {
	width:200px;
	text-align:left;
	overflow:hidden;
	font-size:17px;
}

#strip-downloads .downloads li a > span.text span {
	font-size:12px;
}
.mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-text, .mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-img-container,
.mr-romney-tweed .mr-rt-content-2-container .mr-rt-content-2 .mr-rt-c2-text, .mr-romney-tweed .mr-rt-content-2-container .mr-rt-content-2 .mr-rt-c2-img-container{
	box-sizing:border-box;
	float:left;
	position:relative;
}
.mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-text{
	padding:0 28px;
}
.mr-romney-tweed .mr-rt-content-1{
	height:535px;
	width:487px;
}
.mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-text p, .mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-text h2, 
.mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-text p, .mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-text h2{
	color:#86754d;
	font-size:14px;
	line-height:22px;
}
.mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-text h2, .mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-text h2{
	font-size:35px;
	line-height:35px;
	margin:30px 0;
}
.mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-img-container{
	height:100%;
}
.mr-romney-tweed .mr-rt-content-1 .mr-rt-c1-img{
	position:absolute;
	bottom:-6px;
}
.mr-romney-tweed .mr-rt-content-2-container{
	height:570px;
	background:url('../../images/content2-bg.jpg') no-repeat center;
	background-size:cover;
}
.mr-romney-tweed .mr-rt-content-2-container .mr-rt-content-2{
	margin:0 auto;
	width:974px;
	height:100%;
}
.mr-romney-tweed .mr-rt-content-2-container .mr-rt-content-2 .mr-rt-c2-text{
	width: 500px;
	float: right;
	padding: 0 28px;
}
.mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-text p, .mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-text h2{
	color:white;
}
.mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-text h2{
	margin:60px 0 40px 0
}
.mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-img-container{
	height:100%;
}
.mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-img{
	position:absolute;
	bottom:-6px;
}
.mr-romney-tweed .mr-rt-content-2 .mr-rt-c2-img img{
	width:475px;
}
.mr-rt-gallery-container{
 	margin:0 0 -46px 0;
 	background:url('../../images/mr-gallery-bg.jpg');
 	background-size:cover;
 	height:354px;
}
.mr-rt-g-img-container{
	padding:70px 0 0 0;
}
.mr-still-made{
	z-index:99999;
	float:right;
}