/* ***** PALMER HARGREAVES DESKTOP STYLESHEET ********************************************* */
/* ***** PALMER HARGREAVES 2012 *********************************************************** */
/* ***** ENJOY **************************************************************************** */


/* ---- $RESET ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 1.4em;
}
caption, th, td {
	text-align: left;
	font-weight: 400;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote,q {
	quotes: ;
}
a {
	outline: none;
}
a img {
	border: none;
}

/* ---- $BASE ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
body {
	color: #969696;
	font-family: arial, sans-serif;
	font-size: 100%;
}
a{
	color: #969696;
}

/* ---- $LAYOUT --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*	CONTAINERS
****************************************************/
.frame {
	width: 960px;
	margin: 0 auto;
}
.main {
	padding-top: 152px;
}
.float-l {
	float: left;
}
.float-r {
	float: right;
}
.page-container {
	background: url("https://harnwickfreight.co.uk/images/Assets/ui/page-shadow.png") 0 0 no-repeat center bottom;
	padding-bottom: 27px;
}
	.page {
		width: 890px;
		margin: 0 auto;
		padding: 10px;
		background: rgb(251, 251, 251);
		background: rgba(251, 251, 251, 0.95);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		.page-inner {
			width: 820px;
			margin: 30px auto;
		}
.full-page {
	float: left;
	width: 100%;
}
.one-third {
	float: left;
	width: 40%;
}
.two-thirds {
	float: left;
	width: 60%;
}

/* USE <section> ELEMENT TO PARTITION THESE, MAKES IT CLEARER IN THE CODE TO SEE WHAT'S SECTIONED OFF. */
.section-w-split {
	background: url("https://harnwickfreight.co.uk/images/Assets/backgrounds/split.png") no-repeat center bottom;
	margin-bottom: 20px;
	padding-bottom: 40px;
}
	.section-w-split-last-child {
		background: none;
		margin-bottom: 0;
		padding-bottom: 40px;
	}

/*	CLEARFIX
****************************************************/
.group {
	zoom:1;
}
.group:before,
.group:after {
	content:""; 
	display:table;
}
.group:after {
	clear:both;
}

/* ---- $MODULE --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*	NAV ABSTRACTION
****************************************************/
.nav {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
	.nav li {
		display: inline;
	}
		.nav a {
			display: inline-block;
		}
		
/*	HEADER
****************************************************/
header {
	width: 100%;
	min-width: 960px;
	height: 152px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(251,251,251,0.95) 0%, rgba(251,251,251,0.85) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,0.95)), color-stop(100%,rgba(251,251,251,0.85)));
	background: -webkit-linear-gradient(top,  rgba(251,251,251,0.95) 0%,rgba(251,251,251,0.85) 100%);
	background: -o-linear-gradient(top,  rgba(251,251,251,0.95) 0%,rgba(251,251,251,0.85) 100%);
	background: -ms-linear-gradient(top,  rgba(251,251,251,0.95) 0%,rgba(251,251,251,0.85) 100%);
	background: linear-gradient(to bottom,  rgba(251,251,251,0.95) 0%,rgba(251,251,251,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fbfbfb', endColorstr='#d9fbfbfb',GradientType=0 );
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    /* filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=90, Strength=2); */
    position: fixed;
    z-index: 100;
}
.header-nav{
	float: right;
}
	.header-nav li {
		width: 115px;
		display: inline-block;
		vertical-align: top;
		padding: 0 20px;
		float: left;
	}
	.header-nav a {
		text-decoration: none;
		color: #969696;
		padding-top: 35px;
		height: 117px;
	}
	.header-nav strong {
		font-size: 1.125em;
		text-transform: uppercase; 
		padding-left: 30px;
	}
	.header-nav p {
		font-size: 0.688em;
		margin-top: 10px;
	}
	.current, .header-nav li:hover {
		height: 152px;
		background: url("https://harnwickfreight.co.uk/images/Assets/ui/nav-current-bg.png") 0 0 no-repeat;
	}
.logo {
		float: left;
		margin-right: 20px;
	}
		.logo a {
		    display: block;
		    overflow: hidden;
		    text-indent: -9999px;
		    white-space: nowrap;
		}

/*	HERO
****************************************************/
.hero {
	position: relative;
	margin: 70px 0;
}
	.hero-inner {
		width: 660px;
		margin: 0 auto;
	}
	.hero-title {
		font-size: 3em;
		color: #fff;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		margin-bottom: 30px;
		font-weight: bold;
	}
	.hero-inner p {
		font-size: 1.875em;
		color: #fff;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		margin: 0;
	}
	.hero a {
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
		position: absolute;
		background: url("https://harnwickfreight.co.uk/images/Assets/ui/rot_prev-next.png") 0 0 no-repeat;)
	}
	.hero .prev {
		background-position: 0 0;
		width: 76px;
		height: 76px;
		top: 50px;
		left: 0;
	} 
	.hero .next {
		background-position: 0 -76px;
		width: 76px;
		height: 76px;
		top: 50px;
		right: 0;
	}
	
/*	INTRO
****************************************************/	
.intro-inner {
	float: left;
	width: 60%;
	margin-right: 20px;
}
.intro-image {
	float: left;
	width: 40%;
}
.intro-inner p {
	font-size: 1.250em;
	line-height: 1.3em;
}
	.intro-title {
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 0.313em;
	}
		
/*	SERVICE DESCRIPTIONS
****************************************************/
.service-desc {
	background: url("https://harnwickfreight.co.uk/images/Assets/backgrounds/split.png") 0 0 no-repeat left bottom;
	margin-bottom: 15px;
}
.service-desc:last-child {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
/*	GET IN TOUCH FORM
****************************************************/
.get-in-touch-form {
	background: linear-gradient(rgba(243, 244, 244, 100) 30px, rgba(235, 235, 236, 100) 100px) repeat scroll 0 0 transparent;
	border: 1px solid #dcddde;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	position: relative;
}
.form-frame {
		padding: 10px 10px 10px 10px;
	}
	.form-header {
		background: url("https://harnwickfreight.co.uk/images/Assets/backgrounds/form-split.gif") repeat-x left bottom;
		font-weight: bold;
	}
	.form-input p {
		font-size: 0.875em;
	    margin: 0 0 5px 0;
	    position: relative;
	}
	.form-input p.text{
		height: 30px;
	}
		.form-input label {
		    top: 6px;
		    left: 8px;
		    position: absolute;
		    z-index: 2;
		}
			.form-input label span,
			.form-input p.form-asterisks span {
				color: red;
			}
			.form-input .text input,
			.form-input .message textarea {
				box-sizing:border-box;
				-moz-box-sizing:border-box;
			    -webkit-box-sizing:border-box;
			    -webkit-border-radius: 4px;
			    -moz-border-radius: 4px;
			    border-radius: 4px;
			    border: 1px solid #bcbec0;
			    padding-left: 6px;
			    position: absolute;
			    top: 0;
			    left: 0;
			    z-index: 1;
			    color: #969696;
			    background: #fff;
			    font-family: arial, sans-serif;
			    font-size: 1em;
				width: 100%;
			}
			.form-input .text input {
				height: 30px;
			}
			.form-input .message {
				height: 124px;
			}
			.form-input .message textarea {
				height: 124px;
				padding-top: 6px;
			}
		.form-input select {
			width: 100%;
			margin: 0;
			padding: 0;
			box-sizing:border-box;
		    -moz-box-sizing:border-box;
		    -webkit-box-sizing:border-box;
		}
	.form-footer{
		margin-top: 15px;
	}
		.form-input .input-button input {	
			width: 147px;
			height: 34px;
			background: none;
			border: none;
			float: right;
		}
		.form-input p.form-asterisks {
			font-size: 11px;
			float: left;
			margin-top: 3px;
		}
		
/*	COLOPHON
****************************************************/
.colophon {
	list-style: none;
}
	.column {
		float: left;
		margin-left: 10px;
	}
	.first-child {
		margin-left: 0;
	}
	.colophon .colophon-image {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		position: relative;
	}
	.colophon h2 {
		font-size: 1.625em;
		font-weight: bold;
		position: absolute;
		left: 20px;
		color: #fff;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	}
		.colophon h2 a {
			text-decoration: none;
			color: #fff;
		}
	.colophon p {
		font-size: 0.813em;
		padding: 20px 20px;
		line-height: 1.538em;
	}
	p.colophon-buttons {
		width: 202px;
		padding: 0;
		margin-left: 48px;
	}
	p.colophon-buttons .hpt-button {
		margin-top: 20px;
	}
	p.colophon-buttons .hfs-button {
		margin-top: 20px;
	}
		
/*	COLOPHON - HOMEPAGE COLOPHON STYLES
****************************************************/
.homepage-colophon .column {
	width: 290px;
	margin-bottom: 20px;
}
	.homepage-colophon .colophon-image {
		height: 139px;
	}
	.homepage-colophon .item01 {
			background: url("https://harnwickfreight.co.uk/images/Assets/colophon/home/item01.png") 0 0 no-repeat;
		}
	.homepage-colophon .item02 {
		background: url("https://harnwickfreight.co.uk/images/Assets/colophon/home/item02.png") 0 0 no-repeat;
	}
	.homepage-colophon .item03 {
		background: url("https://harnwickfreight.co.uk/images/Assets/colophon/home/item03.png") 0 0 no-repeat;
	}
		.homepage-colophon h2 {
			top: 90px;
		}

/*	COLOPHON - STANDARD COLOPHON STYLES
****************************************************/
.standard-colophon .column {
	width: 266px;
	margin-bottom: 20px;
}
	.standard-colophon .colophon-image {
		height: 128px;
	}
		.standard-colophon h2 {
			top: 83px;
		}
			
		
/*	BUTTONS
****************************************************/		
.button {
	background: url("https://harnwickfreight.co.uk/images/Assets/ui/buttons.png") 0 0 no-repeat;
	display: block;
	width: 202px;
	height: 48px;
	text-align: center;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
	
/*	FAQ'S
****************************************************/
.faq-questions dt {
	background: url("https://harnwickfreight.co.uk/images/Assets/backgrounds/faq-bg.png") 0 0 repeat-x;
	height: 42px;
	padding: 12px 20px 0px 20px;
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size: 0.875em;
	cursor: pointer;
	font-weight: bold;
}
.faq-questions dd {
	font-size: 0.875em;
	line-height: 1.286em;
	padding: 20px 15px;
	display: none;
}
		
/*	INFORMATION
****************************************************/
.information {
	padding: 0 20px 15px 0;
}
	.information h3 {
		font-size: 1.625em;
		margin-bottom: 0.269em;
		font-weight: bold;
	}
	.information h3 > a {
		text-decoration: none;
	}
	.information p,
	.information ul,
	.information ol {
		font-size: 0.875em;
		margin-bottom: 0.938em;
		line-height: 1.429em;
	}
	.information ul,
	.information ol {
		padding-left: 20px;
	}
	.information dt {
		font-weight: bold;
	}	
	
/*	BACK TO TOP
****************************************************/
.back-to-top {
	text-decoration: none;
	font-size: 1.125em;
	padding-right: 13px;
	margin: 20px 0;
}

/*	BLOCKQUOTE
****************************************************/
.blockquote {
	margin-top: 20px;
	padding: 0 20px;
}
	.quote-open {
		background: url("https://harnwickfreight.co.uk/images/Assets/misc/quote_open.png") 0 0 no-repeat;
		width: 47px;
		height: 47px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	blockquote p {
		font-size: 24px;
		line-height: 30px; 
		margin-bottom: 10px;
	}
	p.cite {
		font-size: 18px;
	}

/*	FOOTER
****************************************************/
footer {
	padding: 20px 0 40px 0;
	font-size: 0.750em;
	text-align: center;
	color: #fff;
}
	.footer-nav {
		margin-bottom: 15px;
	}
		.footer-nav a {
			margin-left: 5px;
			padding-right: 6px;
			color: #fff;
			text-decoration: none;
		}
			.footer-nav a:hover {
				text-decoration: underline;
			}
			.footer-nav li:before {
				content: " | ";
			}
			.footer-nav li:first-child:before {
				content: normal;
			}
.copyright {
	font-weight: bold;
}
.crests{
	list-style: none;
	width: 200px;
	margin: 20px auto;
}
	.crests li{
		float: left;
		margin: 0 10px;
	}
	.crest02{
		padding-top: 10px;
	}

/*	LINK-LISTS
****************************************************/
.link-list {
	list-style: none;
	margin-left: -20px;
}
	.link-list a {
		color: #606060;
		text-decoration: none;
	}
		.link-list a:hover {
			text-decoration: underline;
		}
.link-list-title {
	margin-bottom: 5px;
}

/*	CONTACT NUMBER
****************************************************/
.contact-number {
	font-weight: bold;
	margin-bottom: 0.625em;
}
	.contact-number p {
		font-size: 1.250em;
	}
	.contact-number h3 {
		font-size: 2em;
	}

/* contact page */
.contact ul{
	list-style: none;
	padding-left: 0px;
}
	.contact a{
		text-decoration: none;
		color: #969696;
	}
	
.contact-map{
	width: 442px;
	height: 350px;
	border: 1px solid #969696;
}

/* ---- $STATE ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.strong {
	font-weight: bold;
}
.error {
	color: red !important;
}
	input.error,
	textarea.error{
		border: 1px solid red !important;
	}
.warning {
	
}
.collapsed {
	display: none;
	padding: 0;
	margin: 0;
}

/* ---- $THEMES ------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*	HARNWICK FREIGHT SERVICES
****************************************************/

/* BRAND-COLOR-TURQUOISE: #007f7b */

.hfs .logo a {
	background: url("https://harnwickfreight.co.uk/images/Assets/ui/hfs-logo.png") 0 0 no-repeat;
	width: 220px;
	height: 65px;
	margin-top: 40px;
}
	.hfs .header-nav strong {
		color: #007f7b;
		background: url("https://harnwickfreight.co.uk/images/Assets/ui/nav_icons.png") 0 0 no-repeat;
	}
		.hfs .header-nav .homepage strong {background-position: 0 -244px;}
		.hfs .header-nav .about strong {background-position: 0 -274px;}
		.hfs .header-nav .services strong {background-position: 0 -304px;}
		.hfs .header-nav .contact strong {background-position: 0 -334px;}

.hfs .hero .prev:hover {background-position: -76px -76px;}
.hfs .hero .next:hover {background-position: -76px 0px;}

.hfs .intro h2, 
.hfs .information h3,
.hfs .faq-questions dt,
.hfs .back-to-top,
.hfs .contact-number p,
.hfs .contact-number h3,
.hfs .form-header p,
.hfs blockquote p,
.hfs .information h3 > a {
	color: #007f7b;
}
.hfs .back-to-top {
	background: url("https://harnwickfreight.co.uk/images/Assets/misc/hfs_top_icon.png") no-repeat right center;
}
.hfs .quote-open {background-position: 0 0;}
.hfs-button {background-position: 0 -48px;}

/*	HARNWICK PET TRANSPORT
****************************************************/

/* BRAND-COLOR-GREEN: #abc004 */
.hpt a{
	color: #969696;
}
.hpt .logo a {
	background: url("https://harnwickfreight.co.uk/images/Assets/ui/hpt-logo.png") 0 0 no-repeat;
	width: 246px;
	height: 113px;
	margin-top: 18px;
	margin-left: 0;
}
	.hpt .header-nav strong {
		color: #abc004;
		background: url("https://harnwickfreight.co.uk/images/Assets/ui/nav_icons.png") 0 0 no-repeat;
	}
		.hpt .header-nav .homepage strong {background-position: 0 -4px;}
		.hpt .header-nav .about strong {background-position: 0 -34px;}
		.hpt .header-nav .services strong {background-position: 0 -64px;}
		.hpt .header-nav .contact strong {background-position: 0 -94px;}

.hpt .hero .prev:hover {background-position: -228px -76px;}
.hpt .hero .next:hover {background-position: -228px 0px;}

.hpt .intro h2, 
.hpt .information h3,
.hpt .faq-questions dt,
.hpt .back-to-top,
.hpt .contact-number p,
.hpt .contact-number h3,
.hpt .form-header p,
.hpt blockquote p {
	color: #abc004;
}
.hpt .back-to-top {
	background: url("https://harnwickfreight.co.uk/images/Assets/misc/hpt_top_icon.png") no-repeat right center;
}
.hpt .quote-open {background-position: 0 -47px;}
.hpt-button {background-position: 0 0;}

/*	HARNWICK HAZORDOUS EXPORTS
****************************************************/

/* BRAND-COLOR-YELLOW: #faa21b */

.hhe .logo a {
	background: url("https://harnwickfreight.co.uk/images/Assets/ui/hhe-logo.png") 0 0 no-repeat;
	width: 294px;
	height: 138px;
	margin-top: 7px;
	margin-left: 0;
}
	.hhe .header-nav strong {
		color: #faa21b;
		background: url("https://harnwickfreight.co.uk/images/Assets/ui/nav_icons.png") no-repeat;
	}
		.hhe .header-nav .homepage strong {background-position: 0 -124px;}
		.hhe .header-nav .about strong {background-position: 0 -154px;}
		.hhe .header-nav .services strong {background-position: 0 -184px;}
		.hhe .header-nav .contact strong {background-position: 0 -214px;}
		
.hhe .hero .prev:hover {background-position: -152px -76px;}
.hhe .hero .next:hover {background-position: -152px 0px;}

.hhe .intro h2, 
.hhe .information h3,
.hhe .faq-questions dt,
.hhe .back-to-top,
.hhe .contact-number p,
.hhe .contact-number h3,
.hhe .form-header p,
.hhe blockquote p {
	color: #faa21b;
}
.hhe .back-to-top {
	background: url("https://harnwickfreight.co.uk/images/Assets/misc/hhe_top_icon.png") no-repeat right center;
}
.hhe .quote-open {background-position: 0 -94px;}
.hhe-button {background-position: 0 -96px;}