body{
	font-size:14px;
}
body.home footer{
	position:absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding:0px;
}
#homecontent #navarea{
	bottom: 50px;
}
.listitem .thumb-image{
	margin-top:20px;
	border:solid #ccc 5px;
}

ul ul, ol ul, ul ol, ol ol{
	margin-bottom:5px;
}
h1, h2, h3, h4, h5, h6{
	font-family: oblikbold_italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 15px 0 15px 0;
	color: #1e3461;
}

h2{
	color: #1e3461;
	font-size: 38px;
	text-transform: uppercase;
}

h3 a{
	color: #ed2228;
}

h4, h4 a{
	color: #ed2228;
	font-size: 26px;
}

body{
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

p{
	margin: 0 0 15px 0;
}

a, a:visited, a:active{
	/*color: #1e3461;*/
	color: #ED2228;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
a:hover{
	text-decoration:none !important;
	color: #1e3461;
}
footer{ font-size:14px;} 
footer a, footer a:visited, footer a:active{
	color:#ffffff !important;
}
footer a:hover{ text-decoration: underline !important; }
footer #footright{
	text-align:right;
}

a:active, a:focus {outline:none;}
/*nav {
    text-align:center;
}*/
.col-centered {
    display:inline-block;
    float:none !important;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	overflow:hidden;
}

@font-face {
    font-family: 'oblikbold_italic';
    src: url('../fonts/oblik_bold_italic-webfont.eot');
    src: url('../fonts/oblik_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oblik_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/oblik_bold_italic-webfont.woff') format('woff'),
         url('../fonts/oblik_bold_italic-webfont.ttf') format('truetype'),
         url('../fonts/oblik_bold_italic-webfont.svg#oblikbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
	width: 100%; 
	border-collapse: collapse; 
	margin-bottom: 15px;
}
/* Zebra striping 
tr:nth-of-type(odd) { 
	background: #eee; 
}*/
th { 
	background: #333; 
	color: white; 
	font-weight: bold; 
}
td, th { 
	padding: 6px; 
	/*border: 1px solid #ccc; */
	text-align: left; 
}

#titlearea h1{
	color: #fff;
	margin: 20px 0;
	font-family: oblikbold_italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 102px;
	line-height: 90%;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	text-align: left;
	
}

#titlearea{
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	margin-top: 50px;
	overflow: hidden;
}

#logo{
	text-align: center;
	background-color: rgba(255, 255, 255, .75);
	padding: 20px 0;
}

.home #logo{
	background: none;
}

.phonearea{
	float: right;

}

header{
	position: relative;
}

.sub header{

}

#slider{
	width: 100%;
/*	margin-top: 60px;*/
	overflow:hidden !important;
	background:#ffffff url(loading.gif) no-repeat center; 
	min-height:400px;
	height:auto;
}

#slider img{
	width: 100%;
	height: auto;
	display: none;
}

.homenav ul ul{
	margin-top: 20px;
}

#homecontent{
	margin: 75px 0 0 0;	
}

.home #navarea{
	position: absolute;
}

#navarea{
	margin: 40px 0 0 0;
	width: 100%;
	bottom: 40px;
	position: absolute;
	z-index: 9;
}

.logo{
	position: absolute;
	top: 60px;
	z-index: 99;
	width: 100%;
	text-align: center;
}

#navarea ul, .SubNavArea ul{
	padding-left: 0;
}

.SubNavArea ul{
	margin: 0;
}

#navarea ul ul{
	padding-left: 20px;
}

#navarea li, .SubNavArea li{
	float: none;
	float: left;
	list-style: none;
}

#navarea li li{
	width: 100%;
}

.home .areatitle{
	background-color: rgba(237, 34, 40, 1);
}

#morearrow{
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	z-index: 998;
	text-align: center;
}

.areatitle{
	width: 100%;
	background-color: #ed2228;
	/*
	-webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.5);
	box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.5);
	*/
	border: 1px solid #ccc;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}

.areatitle:hover{
	background-color: #a5a5a5;
}
.areatitle h3{
	font: 26px oblikbold_italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding: 0 40px 0 20px;
	margin: 0 20px 0 0;
	line-height: 100%;
}

.areatitle.current, .areatitle.section{
	background-color: #a5a5a5;
}

#navarea li a{
	color: #fff;
	font: 16px oblikbold_italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
}



.SubNavArea ul {
	float: right;
    position: relative;
    right: 50%;
	z-index: 999;
}

.SubNavArea li {
	float: left;
    position: relative;
    left: 50%;
	z-index: 999;
}

.SubNavArea{
	width: 100%;
	background-color: #1e3461;
	z-index: 999;
/*	position: fixed;*/
    top: 0;
}

.SubNavArea li a{
	font: 16px oblikbold_italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	padding: 20px 10px;
	display: block;
	color: #fff;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}



.SubNavArea li a:active, .SubNavArea li a:visited{
	background: none;
}

.SubNavArea li a:hover{
	background-color: #ed2228;
	text-decoration: none;
	color: #fff;
}

#navarea li a.current, #navarea li a.section{
	color: #ed2228;
}

#navarea li a:hover{
	text-decoration: none;
	color: #ed2228;
}

.bodyarea .arrow{
	background: url(../images/body-top.png) center top no-repeat;
	width: 100%;
	height: 40px;
	margin-top: -40px;
	margin-bottom: 20px;
}

.bodyarea{
	/*padding-top: 20px;*/
}

footer{
	padding: 20px 0;
	color: #fff;
}

.subnav{
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
	cursor: pointer;
}

.subnav li{
	list-style: none;
	margin-left: 15px;
}

.subnav a{
	text-decoration: underline;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: lighter;
}

.SubNavArea a {
	display: block;
	font-size: 19px;
	font-style: italic;
	padding: 10px 10px 20px 10px;
}

.SubNavArea a:hover{
	text-decoration: none;
	background-color: #333;
	color: #fff;
}

.SubNavArea li {
	float: left;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
}

.SubNavArea li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	background-color: #eee;
	float: none;
	right: auto;
	
}

.SubNavArea li ul li{
	left: auto;
}

.SubNavArea li ul a{
	width: 180px;
	padding: 7px 10px;
	background-color: #EEEEEE;
	color: #0B1330;
	line-height: 130%;
}

.SubNavArea li:hover ul {
	left: auto;
}

.SubNavArea li:hover ul, .SubNavArea li.sfhover ul {
	left: auto;
}

.SubNavArea li.last{
	margin-bottom: 0;
}


.enquiry input{
	width: 100%;
	padding: 12px;
	background-color: #d2d2d2;
	color: #1e3461;
	border: none;
	margin-bottom: 10px;
	font: 18px oblikbold_italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.enquiry .submit, #Form_Form_action_process{
	width: 50%;
}

#mobile-header{
	display: none;
}

.product-images{
	margin-bottom: 20px;
}

.product-images a{
	margin: 0 5px 10px 0;
	display: inline-block;
}

.thumb-image{
	width: auto;
	float: left;
	margin: 0 20px 20px 0;
}

.listitem{
	padding: 20px 0 0 0;
	border-bottom: 1px dashed #ccc;
	overflow: auto;
}

.item-content{
	display: block;
}

.item-content h3{
	text-transform: uppercase;
}

.breadcrumbs{
	margin-bottom: 10px;
}

.enquiry.ezy-fit-engineering-group, .enquiry.ezy-fit-engineering-wa{
	display: none;
}


/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

#fullbg{
	height: 90%;
}

.thumbnail-item { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	text-transform: uppercase;  
	margin: 0px 5px; 
}

.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {
	border:3px solid #ccc;	
}
		
.tooltipjs { 
	/* by default, hide it */
	display: none; 
	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly */
	border: 5px solid #fff;
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html {
	height: 100%;
	min-height: 100%;
	background-color: #1e3461;
	
/*	background: #1e3461; /* Old browsers *!/
	background: -moz-linear-gradient(top,  #1e3461 0%, #1e3461 78%, #1e3461 78%, #3d5589 99%); /* FF3.6+ *!/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e3461), color-stop(78%,#1e3461), color-stop(78%,#1e3461), color-stop(99%,#3d5589)); /* Chrome,Safari4+ *!/
	background: -webkit-linear-gradient(top,  #1e3461 0%,#1e3461 78%,#1e3461 78%,#3d5589 99%); /* Chrome10+,Safari5.1+ *!/
	background: -o-linear-gradient(top,  #1e3461 0%,#1e3461 78%,#1e3461 78%,#3d5589 99%); /* Opera 11.10+ *!/
	background: -ms-linear-gradient(top,  #1e3461 0%,#1e3461 78%,#1e3461 78%,#3d5589 99%); /* IE10+ *!/
	background: linear-gradient(to bottom,  #1e3461 0%,#1e3461 78%,#1e3461 78%,#3d5589 99%); /* W3C *!/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3461', endColorstr='#3d5589',GradientType=0 ); /* IE6-9 *!/*/
}

.loading {
	background: url('../images/ico_loading.gif') no-repeat center center;
}

.loading main, .loading footer{
	visibility: hidden;
}

.loaded main, .loaded footer{
	visibility: visible;
}

.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

main {
	/*overflow: auto;*/
	padding-bottom: 40px;
	padding-top: 40px;
	background: #ffffff; /* Old browsers */
}

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.hsContainer {

	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.hsContent {
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	transform: translateY(50%);
	overflow: auto;
}
.columnImage img {
	padding-bottom: 10px;
}

ul.sitemap a {
	color:inherit;
}
.btn-default {
    background-color: #1E3461;
    border-color: #fff;
    color: #fff !important;
}
.btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
    color: #ED2228 !important;
}

.subarrow{
	background: url(../images/subarrow.png) center bottom no-repeat;
}

.mean-nav .subarrow{
	background: none;
}

.headshot img{
	width: 100%;
	margin-bottom: 10px;
}

.home{
	background-color: #fff;
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

	
	  /*==========  Non-Mobile First Method  ==========*/
	
	    /* Large Devices, Wide Screens */
	    @media only screen and (max-width : 1200px) {
			#titlearea h1{
				font-size: 80px;
			}
			
			.areatitle h3{
				font-size: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			.SubNavArea li a{
				font-size: 14px;
			}
			
			#homecontent #navarea{
				bottom: 70px;
			}
			
	    }
		
		/* Small Devices, Tablets */
		@media only screen and (max-width : 991px) {
			
			
			#morearrow{
				display:none;
			}
			header{
				/*display: none;*/
				background-color:#FFFFFF !important;
				min-height:170px !important;
			}
			.SubNavArea, .logo, #navarea{
				position:relative !important;
			}
			.logo{
				top:0;
				margin-top:15px;
			}
			#navarea{
				bottom:0;
				margin:10px 0 0 0;
			}
			
			#slider{ display:none !important;}
			.areatitle{width:300px;}
			#homecontent #navarea{
				bottom:0px;
			}
			footer #footright{
				text-align:left !important;
			}
			body.home footer {
				display:none !important;
			}
			/*
			.mean-nav .areatitle{
				background: none !important;
				display: block;
				height: auto;
				box-shadow: none;
			}
			
			.mean-nav .areatitle h3{
				background: none !important;
				
				padding: 0;
				margin: 0;
			}
			
			main{
				overflow-x: visible;
				float: none;
				
				padding-top: 40px;
			}
			
			#slide-1{
				display: none;
			}
			
			#mobile-header{
				display: block;
				width: 100%;
				margin-bottom: 20px;
				margin-top: 20px;
				text-align: center;
			}
			
			#mobile-header #logo{
				margin-bottom: 10px;
			}
			
			.phonearea{
				float: none;
			}
			
			.mean-nav li{
				padding: 0;
			}*/
			
			.areatitle h3{
				padding-top: 10px;
				padding-bottom: 20px;
			}
			
			.homenav li{
				margin-bottom: 10px;
			}
			
		}

	    /* Small Devices, Tablets */
	    @media only screen and (max-width : 768px) {
	    	
			#navarea li a{
				display: block;
				margin: 0 auto;
				width: 300px;
			}
			
			.listitem .item-content{
				float: left;
			}
			
			.container p img{
				width: 100%;
				height: auto;
			}
			
			.homenav li{
				margin-bottom: 10px;
			}
	    }
	
	    /* Extra Small Devices, Phones */ 
	    @media only screen and (max-width : 480px) {
			.areatitle{
				height: 90px !important;
				display: block !important;
				padding-top:10px;
			}
	    	#homecontent #logo img {
				max-width:100%;
				height:auto;
			}
			
			.tooltipjs{
				display: none !important;
			}
	
	    }
	
	    /* Custom, iPhone Retina */ 
	    @media only screen and (max-width : 320px) {
	        
	    }