/*
	Theme Name: Manual Hydraulics
	Theme URI: http://manualhydraulics.com.au/
	Description: Manual Hydraulics Website Custom Template
	Version: 1.0
	Author: WebEdge Marketing - John Campbell
	Author URI: http://webedgemarketing.com.au/
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/* --------------------------
REDEFINING DEFAULT TAG STYLES 
-------------------------- */
body {
	text-align:center;
	width:100%;
	margin:0;
	padding:114px 0 0 0;
	background-color:#FFFFFF;
	position:relative;
	transition:all 0.35s;
	-moz-transition:all 0.35s;
	-webkit-transition:all 0.35s;
}
body, h1, h2, h3, h4, h5, p, a, ul, li {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
::-moz-selection {
    background: #777;
	background: rgba(0,0,0,0.5);
    text-shadow: none;
	color:#FFF;
}
::selection {
    background: #777;
	background: rgba(0,0,0,0.5);
    text-shadow: none;
	color:#FFF;
}
h1, h2, h3 {
	margin:0 auto;
	line-height:1;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
body, p, input, textarea, label, select, option, h4, h5 {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size:20px;
	line-height:1.3;
	font-weight:300;
}
p {
	color:#424242;
	margin:0 auto;
}
h1 {
	color:#ffffff;
	font-size:60px;
	font-weight:700;
	text-transform:uppercase;
}
h2 {
	color:#252525;
	font-size:40px;
	font-weight:400;
	padding:88px 0 84px 0;
}
h3 {
	color:#333;
	font-size:30px;
	font-weight:400;
}
a {
	text-decoration:underline;
	color:#252525;
}
a:hover {
	text-decoration:none;
}
a, img {
	transition:all 0.35s;
	-moz-transition:all 0.35s;
	-webkit-transition:all 0.35s;
}
a:focus, a:active, input, input:focus, textarea, textarea:focus {
	outline:none;
}
div {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
li {
	color:#424242;
}
audio, canvas, img, video {
    vertical-align: middle;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
	display:block;
}
textarea {
    resize: vertical;
}
input, textarea {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.35s;
	-moz-transition:all 0.35s;
	transition:all 0.35s;
}



/* ----------
HELPER STYLES 
---------- */
.clear:after {
	content:"";
    clear: both;
	display:table;
}
.clear {
	clear:none; /* Stop WooCommerce from stuffing up the CSS */
}
.mobile {
	display:none !important;
}
img.contained {
	width:100%;
	height:auto;
}
body .mobile {
	display:none;
}
div.preload {
	position:absolute !important;
	z-index:10;
	overflow:hidden;
	width:50px;
	height:50px;
	left:-9999px;
	top:-9999px;
}
div.preload img {
	width:100%;
	height:auto;
}
.transition {
	-webkit-transition:all 0.35s;
	-moz-transition:all 0.35s;
	transition:all 0.35s;
}



/* ----------
COMMON STYLES
---------- */
body.scrolled {
	padding-top:77px;
}
.wrap {
	margin:0 auto;
	width:1280px;
}
/* Header */
header {
	width:100%;
	background-color:#252525;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
header .wrap {
	position:relative;
	height:114px;
	transition:all 0.35s;
	-moz-transition:all 0.35s;
	-webkit-transition:all 0.35s;
}
.scrolled header .wrap {
	height:77px;
}
#logo {
	display:block;
	width:422px;
	float:left;
	padding:40px 0 0 0;
	opacity:1;
}
.scrolled #logo {
	padding:20px 0 0 0;
	width:370px;
}
#logo:hover {
	opacity:0.85;
}
nav {
	float:right;
}
nav > ul {
	padding:43px 10px 0 0;
	margin:0;
	text-align:center;
	float:right;
}
.scrolled nav ul {
	padding:22px 10px 0 0;
}
nav > ul li {
	display:block;
	float:left;
	margin-right:24px;
	position:relative;
}
nav > ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:20px;
	line-height:1;
	font-weight:400;
	padding:5px 8px 6px 8px;
	border:1px solid #252525;
	background-color:transparent;
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
nav > ul li a:hover {
	color:#fed700;
}
nav > ul li a.current, nav ul li a.current:hover {
	border:1px solid #fed700;
	color:#FFF;
}
nav ul li ul {
	position:fixed;
	z-index:1000;
	top:114px;
	padding:0;
	margin:0;
	text-align:left;
	background-color:#1D1D1D;
	left:0;
	width:100%;
}
.scrolled nav ul li ul {
	top:77px;
	padding:0;
}
nav ul li ul li {
	display:block;
	float:left;
	width:14.28%;
	overflow:hidden;
	padding:0;
	margin:0;
}
nav ul li ul li a {
	display:block;
	margin:0;
	border:0;
	padding:30px 0;
	line-height:1.3;
	text-align:center;
}
nav ul li ul li a:hover {
	background-color:#252525;
}
header .phone {
	float:right;
	width:205px;
}
.scrolled header .phone {
	padding-top:16px;
}
header .phone span {
	display:block;
	text-align:center;
	font-size:18px;
	color:#fed700;
	line-height:1;
	padding:11px 0 8px 0;
	font-weight:700;
}
.scrolled header .phone span {
	display:none;
}
header .phone div {
	width:100%;
	font-size:20px;
	color:#252525;
	font-weight:700;
	text-align:center;
	line-height:1;
	padding:13px 0 14px 0;
	background-color:#fed700;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.scrolled header .phone div {
	padding:11px 0 12px 0;
}
header .phone a {
	color:#252525;
	text-decoration:none;
}
#menu-trigger {
	display:block;
	position:absolute;
	top:20px;
	right:20px;
}
#menu-trigger .inner {
	width:36px;
	height:36px;
	position:relative;
}
#menu-trigger span {
	display:block;
	position:absolute;
	z-index:1;
	width:100%;
	height:6px;
	left:0;
	background-color:#DADADA;
	-webkit-transition:all 0.65s;
	-moz-transition:all 0.65s;
	transition:all 0.65s;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
}
#menu-trigger span.top {
	top:0;
}
#menu-trigger span.middle {
	top:15px;
}
#menu-trigger span.bottom {
	bottom:0;
}
#hero h3 {
	color:#FFF;
	line-height:1.3;
}
#hero.std {
	height:360px;
	background-color:#3b3b3b;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
}
section.normal.white {
	background-color:#FFF;
}
section.normal.grey {
	background-color:#f1f1f1;
	box-shadow
}
section.normal .left {
	float:left;
}
section.normal .right {
	float:right;
}
section.normal.white .left, section.normal.grey .right {
	width:58.3%;
}
section.normal.white .right, section.normal.grey .left {
	width:33%;
}
section.normal .wrap {
	text-align:left;
	padding:68px 0 72px 0;
}
section.normal h2 {
	padding:6px 0 72px 0;
}
section.normal p {
	padding-bottom:24px;
}
section.normal ul {
	padding:0 0 0 22px;
	margin:0;
}
section.normal li {
	padding:0 0 7px 7px;
}

/* Footer */
footer {
	width:100%;
	margin:0 auto;
	background-color:#252525;
}
footer .wrap {
	padding:50px 0 30px 0;
	width:60%;
}
footer .bullet {
	padding-right:6px;
	padding-left:6px;
}
footer .phone {
	float:left;
}
footer .phone span, footer .phone strong {
	display:block;
	line-height:1;
	font-weight:700;
	text-align:left;
}
footer .phone span, footer .phone strong {
	padding-bottom:5px;
	color:#FFF;
	font-size:18px;
}
footer .phone strong {
	color:#fed700;
	font-weight:700;
	font-size:36px;
}
footer .links {
	float:right;
}
footer ul {
	list-style:none;
	float:right;
	padding:0;
	margin:0;
}
footer ul li {
	display:block;
	float:left;
	border-right:2px solid #d4d4d4;
	padding-right:22px;
	margin-right:22px;
}
footer ul li.last {
	border-right:0;
	padding-right:0;
	margin-right:0;
}
footer ul li a {
	font-size:20px;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	line-height:1;
}
footer ul li a:hover {
	color:#fed700;
}
footer .links p {
	color:#fed700;
	float:none;
	clear:both;
	font-size:14px;
	text-align:right;
	padding-top:10px;
}
footer .links p span {
	margin-left:4px;
	margin-right:4px;
}
footer .top {
	padding-bottom:45px;
}
footer p.bottom {
	color:#777;
	font-size:12px;
}
footer p.bottom a {
	color:#cfcfcf;
	text-decoration:none;
}
footer p.bottom a:hover {
	text-decoration:underline;
}


/* -----------------
THEME CONTENT STYLES 
----------------- */
/* Home */
#home #hero {
	background:#3b3b3b url('img/about-bg.jpg') no-repeat center center scroll;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
#home #hero .wrap {
	height:540px;
	text-align:left;
	padding-top:180px;
}
#home-categories .wrap {
	padding:20px 0 0 0;
}
#home-categories .cell, #service-categories .cell {
	width:33.33%;
	padding:0 1.8% 70px 1.8%;
	float:left;
}
#home-categories .cell a, #service-categories .cell a {
	display:block;
	width:100%;
	text-decoration:none;
}
#home-categories .cell h3, #service-categories .cell h3 {
	font-size:26px;
	color:#777;
	padding:45px 0 24px 0;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
#home-categories .cell a:hover h3, #service-categories .cell a:hover h3 {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYzYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,243,179,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,243,179,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,243,179,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,243,179,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,243,179,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,243,179,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff3b3',GradientType=0 );
}
#home-usps {
	background-color:#F1F1F1;
}
#home-usps .wrap {
	padding-bottom:120px;
}
#home-usps .cell {
	width:33.33%;
	float:left;
	padding:0 1% 20px 1%;
}
#home-usps .img {
	position:relative;
}
#home-usps h3 {
	width:100%;
	padding:30px 0 0 0;
	color:#252525;
}
#home-usps img {
	position:relative;
	z-index:5;
	width:53%;
	margin:0 auto;
	display:block;
}
#home-usps p {
	padding-top:24px;
	width:92%;
	margin:0 auto;
}
#home-logos .logos {
	padding:80px 7% 134px 7%;
	border-top:2px dotted #d2d2d2;
	display:block;
}
#home-logos a, #home-logos .quarter  {
	float:left;
	display:block;
}
#home-logos a:hover {
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
}
#home-logos a.quarter, #home-logos div.quarter {
	width:31%;
}
#home-logos a.wide {
	width:36.5%;
}
#home-logos a.narrow {
	width:27%;
}

/* About */
#about #hero, #generic #hero {
	background-image:url('img/about-bg.jpg');
}
#about h1, #generic h1 {
	text-align:left;
	padding-top:130px;
	line-height:1.2;
}

/* Contact */
#contact #hero {
	background-image:url('img/about-bg.jpg');
}
#contact h1 {
	text-align:left;
	padding-top:130px;
	line-height:1.2;
}
#contact-details .wrap {
	padding:72px 0;
	border-bottom:2px dotted #dadada;
}
#contact-details ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	text-align:left;
	width:27%;
}
#contact-details li {
	padding:56px 0 0 0;
	margin:0;
}
#contact-details li.first {
	padding:0;
}
#contact-details .map {
	width:66.7%;
	float:right;
	position:relative;
}
#contact-details .map .overlay {
	width:100%;
	left:0;
	top:0;
	height:100%;
	position:absolute;
	z-index:10;
	display:block;
}
#contact-details .map iframe {
	width:100%;
	z-index:2;
}
#contact-form .wrap {
	padding:72px 0;
	text-align:left;
}
#contact-form h3 {
	font-weight:700;
}
#contact-form .form {
	padding-top:53px;
}
.field {
	position:relative;
	padding-bottom:46px;
}
.field.left, .field.right {
	width:48%;
}
.field.left {
	float:left;
}
.field.right {
	float:right;
}
.field label {
	position:absolute;
	z-index:10;
	left:23px;
	top:25px;
	line-height:1;
	color:#a2a2a2;
}
.field input, .field textarea {
	color:#a2a2a2;
	background-color:#f1f1f1;
	border:2px solid #cfcfcf;
	padding:21px 5px 21px 23px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:100%;
}
.field.error input, .field.error textarea {
	background-color:#d60028;
	border:2px solid #b00021;
	color:#FFF;
}
.field.error label {
	color:#FFF;
}
.field input:focus, .field textarea:focus {
	background-color:#fff9d9;
	border:2px solid #fed700;
	color:#424242;
}
.field textarea {
	height:310px;
}
.field input {
	line-height:1;
}
.submit {
	float:right;
	width:214px;
}
.submit input {
	padding:22px 0;
	line-height:1;
	width:100%;
	display:block;
	background-color:#fed700;
	color:#252525;
	font-size:30px;
	font-weight:700;
	text-align:center;
	border:0;
	outline:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0);
	box-shadow:inset 0 0 1px rgba(0,0,0,0);
}
.submit input:hover {
	background-color:#F4CE00;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
}
#success .wrap {
	padding: 80px 0 100px 0;
	text-align: left;
}
#success h3 {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 20px;
}


/* Servicing */
#servicing #hero {
	background-image:url('img/about-bg.jpg');
}
#servicing h1 {
	text-align:left;
	padding-top:130px;
	line-height:1.2;
}
#hotline {
	background-color:#fed700;
}
#hotline h2 {
	width:60%;
	float:left;
	text-align:right;
	padding:84px 0;
}
#hotline .phone {
	width:36.8%;
	float:right;
	padding-top:56px;
	text-align:left;
}
#hotline .img {
	float:left;
	width:95px;
	margin-right:32px;
}
#hotline .info {
	float:left;
}
#hotline h3 {
	font-weight:700;
	font-size:34px;
	color:#424242;
}
#hotline h3 a {
	color:#424242;
}
#hotline h4 {
	text-transform:uppercase;
	font-size:20px;
	margin:0;
	color:#424242;
	font-weight:300;
	font-family:'Roboto', Helvetica, Arial, sans-serif;
}
#hotline p {
	padding-top:4px;
}
#service-intro h2 {
	padding:74px 0 70px 0;
}
#service-intro p {
	width:66.7%;
	margin:0 auto;
}
#service-intro .wrap {
	padding-bottom:98px;
}
#promise {
	background-color:#f1f1f1;
}
#promise .wrap {
	padding:120px 0;
	text-align:left;
}
#promise .left {
	float:left;
	width:41.7%;
}
#promise .right {
	width:50%;
	float:right;
}
#promise h2 {
	padding:0 0 48px 0;
}
#promise p {
	padding-bottom:20px;
}


/* Category Pages */
#category #hero {
	background-image:url('img/about-bg.jpg');
}
#category h1 {
	text-align:left;
	padding-top:130px;
	line-height:1.2;
}
#category .product {
	width:33.33%;
	padding:0 1.5%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	min-height:480px;
	clear:none;
}
#category-intro h2 {
	padding-bottom:10px;
}
p.caption {
	padding-bottom:70px;
}

/* Tooltip */
.tip-trigger {
	position:relative;
}
.tooltip {
	position:absolute;
	z-index:100;
	top:-120px;
	right:0;
	background-color:#fed100;
	padding:10px;
	color:#212121;
	font-size:14px;
	font-weight:700;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:none;
}
.tooltip.open {
	display:block;
}
.tooltip img {
	display: block;
	width: 60px;
	height:auto;
	margin: 0 auto -23px auto;
}


/* Eliminate eCommerce */
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
	display:none;
}
#category .product a.add_to_cart_button {
	display:none;
}
/* /Eliminate eCommerce */

#category .product .img {
	margin-bottom:20px;
	background-color:#000;
}
#category .product img {
	-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 6px 0 rgba(0,0,0,0.4);
	box-shadow:0 1px 6px 0 rgba(0,0,0,0.4);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	-webkit-transition:all 0.35s;
	-moz-transition:all 0.35s;
	transition:all 0.35s;
}
#category .product a {
	display:block;
	text-decoration:none;
	color:#333;
}
#category .product a:hover img {
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	opacity:0.85;
}



/* Product Details */
#breadcrumbs {
	background-color:#707070;
}
#breadcrumbs .wrap {
	padding:16px 0;
	font-size:22px;
	color:#FFF;
	text-align:left;
}
#breadcrumbs a {
	color:#FFF;
	text-decoration:none;
	font-weight:700;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
#product-detail {
	background-color:#FFF;
}
#product-detail .wrap {
	padding:100px 0 50px 0;
}
#product-detail .left {
	width:50%;
	float:left;
}
#product-detail .right {
	float:right;
	width:50%;
	text-align:left;
}
.gallery {
	width:80%;
	position:relative;
}
.gallery .thumbs {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}
.gallery .thumbs a {
	display:block;
	width:60px;
	margin-bottom:5px;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
.gallery .thumbs a:hover {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.gallery .stage img {
	display:none;
}
.gallery .stage img.current {
	display:block;
}
.gallery .additional {
	width:60%;
	padding-top:20px;
}
#product-detail h1 {
	font-size:34px;
	color:#252525;
	font-weight:700;
	text-transform:none;
	padding-bottom:60px;
}
.call {
	background-color:#ff8831;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:17px 0 20px 0;
}
.call p {
	padding:0 0 6px 0;
	color:#FFF;
	font-size:24px;
	text-align:center;
}
.call h2 {
	font-size:40px;
	font-weight:700;
	color:#FFF;
	text-align:center;
	padding:0;
}
.enquire {
	padding:30px 0 45px;
}
.enquire p {
	text-align:center;
	color:#999;
}
.enquire p a {
	color:#999;
}
.guarantee {
	background-color:#f1f1f1;
	padding:50px 0 40px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.guarantee .inner {
	width:81.3%;
	margin:0 auto;
}
.guarantee .icon {
	width:12.3%;
	float:left;
}
.guarantee h3 {
	font-size:20px;
	color:#323232;
	font-weight:400;
	float:right;
	width:79%;
	line-height:1.3;
	padding-top:7px;
}
#product-detail .servicing {
	padding:50px 0 0 0;
}
#product-detail .servicing .inner {
	width:88%;
	margin:0 auto;
}
#product-detail .servicing .icon {
	width:19.7%;
	float:left;
}
#product-detail .servicing .text {
	width:72%;
	padding-top:10px;
	float:right;
}
#product-detail .servicing h3 {
	font-size:20px;
	font-weight:700;
	color:#252525;
	padding-bottom:6px;
}
#product-detail .servicing p {
	font-size:18px;
}
#product-detail .servicing p a {
	color:#252525;
}
#specs {
	background:#f1f1f1 url('img/specs-bg.png') repeat-y center center scroll;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}
#specs .tech, #specs .features {
	float:left;
	width:50%;
	text-align:left;
	padding:88px 0 88px 0;
	position:relative;
}
#specs .features {
	background-color:#dedede;
	padding-left:32px;
}
#specs h2 {
	font-weight:700;
	font-size:30px;
	padding:0 0 40px 0;
}
#specs ul {
	padding:0 0 0 0;
	margin:0 30px 0 22px;
	border-top:2px dotted #9e9e9e;
}
#specs li {
	border-bottom:2px dotted #9e9e9e;
	padding:6px 0;
	line-height:1.3;
}
#specs p {
	padding-bottom:40px;
}
.tech .code {
	position:absolute;
	z-index:2;
	top:89px;
	right:32px;
	line-height:1;
	font-size:30px;
	font-weight:700;
	color:#323232;
}
a.button.product_type_simple {
	display:none;
}



/* ---------------
RESPONSIVE STYLING
--------------- */
/* 1280 x 900 */
@media all and (max-width : 1300px) { 

	body, p, input, textarea, label, select, option {
		font-size:18px;
	}
	.wrap {
		width:94%;
	}
	h1 {
		font-size:50px;
	}
	h3 {
		font-size:26px;
	}
	#logo, .scrolled #logo {
		width:322px;
	}
	nav > ul li a {
		font-size:16px;
		padding:5px 5px 6px 5px;
	}
	header .phone {
		width:170px;
	}
	header .phone div {
		font-size:18px;
	}
	header .phone span {
		font-size:16px;
	}
	#home #hero .wrap {
		padding-top:120px;
		height:380px;
	}
	#home-categories .cell, #service-categories .cell {
		padding:0 1% 70px 1%;
	}
	footer .phone, footer .links, footer ul {
		float:none;
	}
	footer .phone span, footer .phone strong, footer .links p {
		text-align:center;
	}
	footer ul {
		display:block;
		text-align:center;
		padding-top:30px;
	}
	footer ul li {
		display:inline-block;
		float:none;
		margin-right:0;
		border-right:0;
	}
	footer ul li a {
		font-size:18px;
	}
	footer p.bottom {
		font-size:14px;
	}
	#home-categories .cell h3, #service-categories .cell h3 {
		font-size:22px;
	}
	#hero.std {
		height:340px;
	}
	#hotline h2 {
		width: 100%;
		float: none;
		text-align: center;
		padding:50px 0 40px 0;
	}
	#hotline .phone {
		width: 393px;
		float: none;
		margin: 0 auto;
		padding:0 0 40px 0;
	}
	section.normal.white .right, section.normal.grey .left {
		width:30%;
	}
	section.normal.white .left, section.normal.grey .right {
		width:62.3%;
	}
	#breadcrumbs .wrap {
		font-size:18px;
	}
	#specs h2, .tech .code {
		font-size:24px;
	}
	#category .product {
		min-height:400px;
	}
	

}

/* 768 x 1024 iPad */
@media all and (max-width : 769px) { 

	.wrap {
		width:92%;
	}
	.mobile {
		display:block !important;
	}
	.desktop {
		display:none !important;
	}
	nav {
		display:none;
	}
	h1 {
		text-shadow: 2px 4px 2px rgba(0,0,0,0.5);
	}
	h2 {
		padding: 74px 0 70px 0
	}
	h3 {
		font-size:24px;
	}
	header .phone {
		padding-top:30px;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;
		padding-right:105px;
	}
	header .phone span {
		display:none;
	}
	nav {
		float:none;
		width:100%;
		position:fixed;
		top:114px;
		left:0;
	}
	.scrolled nav {
		top:77px;
	}
	.scrolled nav ul, nav ul {
		float:none;
		text-align:center;
		padding:0;
	}
	nav ul li {
		width:25%;
		padding:0;
		margin:0;
	}
	nav ul li a {
		width:100%;
		padding:20px 0;
		border:0;
		background-color:#1D1D1D;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	nav ul li a:hover {
		background-color:#252525;
	}
	nav ul li ul li {
		width:33.33%;
	}
	nav ul li ul li a {
		background-color:#252525;
	}
	nav ul li a.current, nav ul li a.current:hover {
		border:0;
		background-color:#252525;
	}
	#menu-trigger {
		right:0;
		top:35px;
	}
	.scrolled #menu-trigger {
		right:0;
		top:19px;
	}
	#home #hero .wrap {
		padding-top:90px;
		height:400px;
	}
	#hero h3 {
		text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
		background-color: rgba(0,0,0,0.5);
		padding: 10px 18px 13px 18px;
		margin-top: 16px;
		float: left;
	}
	#home-logos .logos {
		padding:60px 1% 104px 1%;
	}
	#home-categories .wrap, #service-categories .wrap {
		padding:60px 0 40px 0;
	}
	#product-detail .left {
		width: 70%;
		float: none;
		margin: 0 auto;
	}
	.gallery {
		width:100%;
	}
	#product-detail .right {
		float: none;
		width: 100%;
		text-align: center;
	}
	#product-detail h1 {
		text-shadow:none;
	}
	#product-detail .wrap {
		padding: 40px 0 50px 0;
	}
	.guarantee h3, #product-detail .servicing p, #product-detail .servicing h3 {
		text-align:left;
	}
	#specs {
		background:#f1f1f1;
	}
	#specs .features {
		background-color: #f1f1f1;
		padding-left: 0;
		padding-top: 0;
	}
	#specs .tech, #specs .features {
		float:none;
		width:100%;
	}
	#category .product {
		min-height:320px;
	}
	#hero.std {
		height:280px;
	}
	#category h1 {
		font-size:45px;
		padding-top:105px;
	}
	#hotline h2 {
		font-size:34px;
	}
	#service-intro p {
		width:85%;
	}
	#service-intro h2 {
		padding:74px 0 50px 0;
	}
	#service-intro .wrap {
		padding-bottom:0;
	}
	#promise .right, #promise .left {
		float:none;
		width:100%;
	}
	#home-categories .cell, #service-categories .cell {
		padding:0 1% 50px 1%;
	}
	#service-categories .wrap {
		padding:60px 0 0 0;
	}
	#promise .wrap {
		padding:80px 0;
	}
	#hero.std {
		height:252px;
	}
	#servicing h1, #about h1, #contact h1, #generic h1, #category h1 {
		padding-top:90px;
	}
	section.normal.white .left, section.normal.grey .right  {
		float:none;
		width:100%;
	}
	section.normal.white .right, section.normal.grey .left {
		float:none;
		width:48%;
		margin:0 auto;
	}
	section.normal h2 {
		padding:40px 0 40px 0;
		text-align:center;
	}
	#contact-details .map {
		width: 100%;
		float: none;
		padding-bottom: 60px;
	}
	#contact-details ul {
		width:100%;
		float:none;
	}
	.field.left, .field.right {
		float:none;
		width:100%;
	}
	.field {
		padding-bottom:26px;
	}
	footer .phone a {
		color:#fed700;
		text-decoration:none;
	}
	header .phone a {
		color:#252525;
		text-decoration:none;
	}
	.call h2 a {
		color:#FFF;
	}
	
}

/* Other Tablets (Portrait) */
@media all and (max-width : 681px) { 

	.wrap {
		width:90%;
	}
	#logo, .scrolled #logo {
		width:260px;
	}
	h1 {
		font-size:40px;
	}
	h3 {
		font-size:22px;
	}
	#home #hero .wrap {
		height:360px;
	}
	#home-categories .cell, #service-categories .cell {
		width:50%;
		padding:0 1.4% 70px 1.4%;
	}
	.scrolled #logo {
		padding:22px 0 0 0;
	}
	#home-usps .cell {
		width: 100%;
		float: none;
		padding: 0 0 70px 0;
	}
	#home-usps .wrap {
		padding-bottom: 30px;
	}
	nav ul li ul li {
		width:50%;
	}
	nav ul li ul li br {
		display:none;
	}
	nav ul li ul li a {
		padding:25px 0;
	}
	#home-usps img {
		width:35%;
	}
	.submit {
		width:100%;
		float:none;
	}
	

}

/* Special Case */
@media all and (max-width : 620px) { 

	#logo, .scrolled #logo {
		width:220px;
	}
	header .phone {
		padding-right:85px;
		padding-top:31px;
		width:150px;
	}
	header .phone div {
		font-size:16px;
	}

}

/* Mobile Phones (Portrait) */
@media all and (max-width : 481px) { 

	#logo {
		width:200px;
		padding:20px 0 0 0;
		float:none;
		margin:0;
	}
	.scrolled #logo {
		width:200px;
		padding:24px 0 0 0;
		float:none;
		margin:0;
	}
	header .phone {
		padding-top:12px;
		float:none;
		margin:0;
	}
	.scrolled header .phone {
		display:none;
	}
	header .phone div {
		padding:9px 0 10px 0;
	}
	h1, h3 {
		text-align:center;
	}
	h3 {
		font-size:20px;
	}
	#home #hero .wrap {
		height:320px;
		width:90%;
		padding-top:50px;
	}
	nav ul li {
		float:none;
		width:100%;
	}
	nav ul li ul {
		top:auto !important;
		float:none;
		position:relative;
		left:auto;
		width:100%;
	}
	nav ul li a.current, nav ul li a.current:hover {
		color:#fed700;
		background-color:#1D1D1D;
	}
	nav ul li ul li {
		float:none;
		width:100%;
	}
	nav ul li ul li a {
		padding:14px 0;
		font-size:15px;
	}
	#home-categories .cell, #service-categories .cell {
		width:100%;
		float:none;
		padding:0 0 60px 0;
	}
	h2 {
		line-height:1.1;
		padding:64px 0 60px 0;
	}
	#home-logos .logos.small {
		display:block;
		width:80%;
		margin:0 auto;
		padding:0 0 60px 0;
	}
	#home-logos a.quarter, #home-logos div.quarter, #home-logos a.wide, #home-logos a.narrow {
		width:100%;
		float:none;
	}
	footer .wrap {
		width:80%;
	}
	footer .phone strong {
		font-size:28px;
	}
	footer ul li {
		padding:0 0 20px 0;
		float:none;
		width:100%;
		text-align:center;
	}
	footer p.bottom {
		line-height:1.6;
	}
	#hotline h2 {
		font-size:30px;
	}
	#category .product {
		width:50%;
		min-height:370px;
	}
	#product-detail .wrap {
		padding:0 0 50px 0;
	}
	#product-detail .left {
		width:95%;
	}
	#category .product {
		float:none;
		width:100%;
		min-height:0;
		padding-bottom:40px;
	}
	#servicing h1, #about h1, #contact h1, #generic h1, #category h1 {
		font-size:35px;
		padding-top:40px;
	}
	h2 {
		font-size:32px;
	}
	#hero.std {
		height:170px;
	}
	.tech .code {
		display:none;
	}
	.call h2 {
		font-size:30px;
	}
	.guarantee .icon {
		width: 40%;
		float: none;
		margin: 0 auto;
	}
	.guarantee h3 {
		float:none;
		width:100%;
		text-align:center;
	}
	#product-detail .servicing .icon {
		width: 45%;
		float: none;
		margin: 0 auto;
	}
	#product-detail .servicing .text {
		width: 100%;
		float: none;
	}
	#product-detail .servicing h3, #product-detail .servicing p {
		text-align:center;
	}
	#hotline .phone {
		width:100%;
	}
	#hotline .img {
		float: none;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	#hotline .info {
		float:none;
		text-align:center;
	}
	#hotline h2 {
		padding:30px 0 20px 0;
	}
	#promise h2 {
		text-align:center;
	}
	#promise p, section.normal p {
		text-align:center;
	}
	#contact-details .map iframe {
		height:300px;
	}
	#contact-details li {
		text-align:center;
		width:90%;
	}
	
	
}




/* ----------------- 
ADD ON's and PLUGINS
----------------- /*
/* SpamWall CSS - (SpamWall is a Spam Prevention Plugin Created by John Campbell) */
form input#wall-2 {
	position:absolute !important;
	left:-9999px !important;
	top:-9999px !important;
}

/* Browsehappy */
#browsehappy {
    margin:0;
    background: #000;
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
}
#browsehappy .inner {
	padding-top:60px;
	width:720px;
	margin:0 auto;
}
#browsehappy .innerbox {
	position:relative;
	width:100%;
	background-color:#F1F1F1;
	padding:40px 0 20px 0;
}
#browsehappy p {
	font-size:18px;
	color:#333;
	padding-bottom:20px;
}
#browsehappy p a.button {
	color:#FFF;
	background-color:#2962A0;
	font-size:24px;
	font-weight:700;
	display:block;
	line-height:1;
	padding:20px 0;
	width:360px;
	margin:0 auto;
	text-decoration:none;
}
#browsehappy p a.button:hover {
	background-color:#113D6D;
	text-decoration:none;
}
#browsehappy p a.idiot {
	color:#666;
	font-size:14px;
	text-decoration:none;
	margin-top:20px;
	display:block;
}
#browsehappy p a.idiot:hover {
	text-decoration:underline;
}
.idiot #browsehappy {
	display:none !important;
	visibility:hidden;
}

/* Privacy & Disclaimer (Generic) */
section#privacy {
	width:100%;
	background-color:#F1F1F1;
}
#privacy .wrap {
	width:980px;
	margin:0 auto;
	padding:60px 0 400px 0;
}
#privacy h1 {
	font-size:48px;
	width:100%;
	text-align:left;
	color:#777;
	padding-bottom:60px;
	line-height:1.3;
}
#privacy h2 {
	font-size:28px;
	width:100%;
	text-align:left;
	color:#666;
	line-height:1.3;
	padding:20px 0 20px 0;
}
#privacy p {
	font-size:16px;
	color:#555;
	line-height:1.5;
	text-align:left;
	padding-bottom:20px;
}
#privacy p a {
	color:#2A817D;
	text-decoration:underline;
}
#privacy p a:hover {
	text-decoration:none;
}
@media all and (max-width : 1028px) { 
	#privacy .wrap {
		width:94%;
	}
}
@media all and (max-width : 729px) { 
	#privacy .wrap {
		width:90%;
	}
}
@media all and (max-width : 681px) { 
	#privacy .wrap {
		width:86%;
	}
	#privacy h1 {
		text-align:center;
	}
	#privacy h2 {
		text-align:center;
	}
	#privacy p {
		text-align:center;
	}
}