@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
ul, li {
	list-style:none;	
}
html, body {
	margin:0;
	padding:0;
	width:100%;
	font-family:"GothamBook", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:130%;
	background-color:#F0EDED;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
	border:none;
	background-color:transparent;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.bulletlist, .bulletlist li {
	list-style: disc inside none;
}
.bulletlist li {
	padding-left:0;	
}
/* --------- TEXT ----------------- */
a {
	color:#F26531;
}
p {
	margin:2px 0 8px 0;	
}
h1, h2, h3, h3, h4, h5 {
	color:#F26531;
	line-height:150%;
	font-weight:lighter;
}
h1 {
	font-size:1.5em;
	font-family:"ClarendonLtStd", Georgia, "Times New Roman", Times, serif;
}
#maincentre h1 {
	margin:0 0 0 0;	
}
#headercentre h3 {
	font-family:"ClarendonLtStd", Georgia, "Times New Roman", Times, serif;
	font-size:2.25em;
	color:#F26531;
}
.homecentre h2 {
	font-family:"GothamBook", Arial, Helvetica, sans-serif;
	font-size:1.125em;
	color:#000;
	line-height:130%;
}
h4 {
	font-family:"GothamBook", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	line-height:130%;
}
/* ------------------------------- */
#wrapper {
	padding: 0px;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper-popup {
	padding: 0px;
	width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header, #navbar, #main, #footer {
	width:100%;
	margin:0 auto;
}
#header {
	min-height:143px;
	margin:20px 0 15px 0;
	position:relative;
}
#headerlogo {
	position:relative;
	width:160px;
	height:143px;
	float:left;	
	margin:0;
}
#headercentre {
	position:relative;
	display:inline-block;
	height:auto;
	float:left;	
	margin:40px 0 0 30px;
	font-weight:lighter;
}
#headerright {
	position:relative;
	width:220px;
	height:auto;
	float:right;	
	margin:0px 0 0 40px;
	text-align:right;
}
#headerright p {
	margin:0 0 5px 0;	
}
input.searchfield {
	width:188px;
	font-family:"GothamBook", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:5px;
	border:solid #999 1px;
	background-color:#FFF;
}
#navbar {
	position:relative;
	z-index:9999;
	min-height:35px;
	background-color:#58595B;	
	margin:0 0 20px 0;
}
#navbar ul, #navbar li {
	list-style:none;
	margin:0;
	padding:0;
}
#navbar li {
	float:left;
	text-transform:uppercase;
}
#navbar li a {
	color:#FFF;
	text-decoration:none;
	padding:10px 15px 9px 15px;
	line-height:1em;
	text-align:center;
}
#navbar li a:hover {
	color:#DDD;
	background-color:#000;
}
#main {
	position:relative;
	min-height:388px;
	margin:0 0 20px 0;
}
#mainleft {
	position:relative;
	width:160px;
	min-height:388px;
	float:left;	
	margin:0 23px 0 0;
	background-color:#DCDDDE;
	/*font-size:0.90625em;*/
	font-size:0.84375em;
}
#mainleft #left-col-nav li.active {
    background-color: #eef1f1 !important;
}
#maincentre {
	position:relative;
	width:625px;
	min-height:388px;
	float:left;	
	margin:0 22px 0 0;
}
#main-popup {
	position:relative;
	min-height:500px;
	margin:0;
	padding:20px;
	background-color:#FFF;
}

#heroimage {
	width:625px;
	height:305px;
	margin:0 0 15px 0;
	overflow:hidden;
}
.bodytextholder {
	width:625px;
	height:auto;
	margin:0;	
}
.teamholder {
	width:100%;
	min-height:180px;
	margin:0 auto 20px auto;	
}
.imageleft {
	padding:0 12px 0 0;
	float:left;
}
.productcatalog {
	width:180px;
	min-height:230px;
	float:left;	
	margin-right:40px;
}
.productcatalog.productthird {
	margin-right:0px;
}
.productcatimage {
	position:relative;
	width:170px;
	height:130px;
	max-height:130px;
	background-color:#FFF;
	border:solid #999 1px;
	padding:5px;
	text-align:center;
}
.productcatimage img{
    /*position:absolute;
    top:50%;
	left:50%;
	margin:-50px 0 0 -50px;*/
	margin:15px 0 0 0;
}
.productcatalog p {
	font-size:0.875em;
	line-height:120%;
}
.productcatalog a {
	color:#58595B;
	text-decoration:none;
}
.productdescription {
	width:220px;
	float:left;
}
.productimage {
	width:372px;
	height:318px;
	background-color:#FFF;
	float:right;
	text-align:center;
	padding:10px;
	border:solid #999 1px;
	overflow:hidden;
}

#main-popup .productdescription {
	width:180px;
	float:left;
	font-size:0.9em;
}
#main-popup .productimage {
	width:180px;
	height:160px;
	background-color:#FFF;
	float:right;
	text-align:center;
	padding:10px;
	border:solid #999 1px;
}

.productimage img {
	
}
#productquote {
	position:absolute;
	left:0;
	bottom:0;
}
#mainright {
	position:relative;
	width:160px;
	min-height:388px;
	float:right;	
	margin:0;
}
#mainleft ul li.left-col-title {
	width:140px;
	background-color:#58595B;
	padding:10px;
	text-transform:uppercase;
	color:#FFF;
	border-bottom:dotted #FFF 0;
	color:#000;
	font-weight:bold;
}
#mainleft ul li.number-of-prods {
	width:140px;
	padding:0px 6px 5px 10px;
	color:#FFF;
	border-bottom:dotted #FFF 1px;
	color:#C00;
    font-size: 0.90625em;
}
#mainleft ul li, .left-col-links {
	width:144px;
	padding:10px 8px 6px 8px;
	color:#000;
	border-bottom:dotted #FFF 1px;
	line-height:100%;
}
#mainleft ul li a, #mainleft ul li.left-col-title a:hover {
	color:#000;	
	/*font-family:"ClarendonLtStd", Georgia, "Times New Roman", Times, serif;*/
	text-decoration:none;
}
#mainleft ul li a:hover {
	color:#F26531;	
}
#mainleft ul li a div {
	font-weight:bold;
}
#mainleft ul li a span {
	color:#C00;
	text-decoration:none;
}
#mainleft ul li a span:hover {
	color:#F26531;	
}
#mainleft ul li li {
	width:108px;
	padding:1px 16px;
	color:#000;
	border-bottom:dotted #FFF 0px;
	font-size:0.9em;
}
#mainleft ul li li a {
	color:#000;	
	/*font-family:"GothamBook", Arial, Helvetica, sans-serif;*/
}
#mainleft ul li.active {
	background-color:#888;
}
#mainleft #left-col-nav li.active {
    background-color: #eef1f1 !important;
}
#mainleft ul li.active a {
	/*color:#FFF;*/
}
#mainleft ul li.active a:hover, #mainleft ul li.active li a:hover {
	color:#F26531;	
}
#mainleft ul li.active li a.product-active {
	color:#000;
	font-weight:bold;
}
#rightbuttons {
	width:160px;
}
#rightbuttons li {
	position:relative;
}
#rightbuttons li.red-button span {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	display:inline-block;
	width:45px;
	height:40px;
	background-image:url(../images/arrow-grey.png);
	background-position:0 center;
	background-repeat:no-repeat;
}
#rightbuttons li.red-button a {
	float:right;
	display:inline-block;
	width:100px;
	height:15px;
	padding:10px;
	margin:2px 0 16px 0;
	font-size:0.90625em;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#F26531;
	overflow:visible;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;	
	/*border-left:solid #79ad3f 1px;
	border-top:solid #79ad3f 1px;
	border-right:solid #79ad3f 1px;
	border-bottom:solid #79ad3f 1px;*/
}
#rightbuttons li.red-button a:hover {
	cursor:pointer;
	background-color:#F29462;
}

#leftbutton {
	width:140px;
}
#leftbutton li {
	position:relative;
}
#leftbutton li.red-button a {
	float:right;
	display:inline-block;
	width:120px;
	height:15px;
	padding:10px;
	margin:0 0 16px 0;
	font-size:0.90625em;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#F26531;
	overflow:visible;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;	
	/*border-left:solid #79ad3f 1px;
	border-top:solid #79ad3f 1px;
	border-right:solid #79ad3f 1px;
	border-bottom:solid #79ad3f 1px;*/
}
#leftbutton li.red-button a:hover {
	cursor:pointer;
	background-color:#F29462;
}

#ausmade {
	position:absolute;
	bottom:0;
	right:0;
	width:128px;
	height:112px;	
}
#footer {
	position:relative;
	min-height:35px;
	background-color:#77787B;
	margin:0 0 20px 0;
	font-size:0.75em;
	padding:30px 0 10px 0;
	color:#FFF;
}
#footerleft {
	float:left;
	display:inline-block;
	width:640px;
}
#footerleft ul li {
	float:left;
}
#footerright {
	float:right;
	display:inline-block;
	width:320px;
}
#footerright ul li {
	float:right;
	padding:0 30px 0 0;
}
#footer a {
	color:#FFF;
	padding:10px 30px;
}
#footer a:hover {
	color:#CCC;
}

/* Accordian */
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}
#mainleft ul li.title-active {
	background-color:#F26531;
}

#quote-header {
	width:600px;
	padding:10px 20px;
	background-color:#F26531;
	font-size:1.175em;
	color:#FFF;
	text-transform:uppercase;
}
#quote-detail {
	margin:20px 0 0 0;	
}
.form-element {
	margin:0 0 12px 0;
}
.form-element input, .form-element textarea {
	width:388px;
	font-family:"GothamBook", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:5px;
	border:solid #999 1px;
	background-color:#EEE;
}
.form-element input.submit-button {
	float:right;
	display:inline-block;
	width:100px;
	height:35px;
	padding:0 10px;
	margin:0;
	font-size:0.90625em;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#F26531;
	overflow:visible;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;	
	/*border-left:solid #79ad3f 1px;
	border-top:solid #79ad3f 1px;
	border-right:solid #79ad3f 1px;
	border-bottom:solid #79ad3f 1px;*/
	border:0;
}
.form-element input.submit-button:hover {
	cursor:pointer;
	background-color:#F29462;
}


/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

/*.nav-collapse li {
  float: left;
  width: 100%;
}*/

@media screen and (min-width: 990px) {
  .nav-collapse li {
    /*width: 25%;*/
    /**width: 24.9%;*/ /* IE7 Hack */
    /*_width: 19%;*/ /* IE6 Hack */
  }
}

/*.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #f4421a;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}*/

/*@media screen and (min-width: 990px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}*/

/*.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}*/

@media screen and (min-width: 990px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("./_resources/responsive-nav/icons/responsivenav.eot");
  src:url("./_resources/responsive-nav/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("./_resources/responsive-nav/icons/responsivenav.ttf") format("truetype"),
    url("./_resources/responsive-nav/icons/responsivenav.woff") format("woff"),
    url("./_resources/responsive-nav/icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #f4421a; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}


@media screen and (max-width: 990px) {
	body {
		font-size:1.25em;
	}
	#wrapper {
		margin: 0 auto;
		padding: 0;
		width: 625px;
	}
	#headerlogo {
		float: none;
		height: 143px;
		margin: 0;
		position: relative;
		width: 320px;
	}
	#headercentre {
		display: block;
		float: none;
		font-weight: lighter;
		height: auto;
		margin: 20px 0 0 0;
		position: relative;
		width:320px;
	}
	#headerright {
		position:absolute;
		top:85px;
		right:0;
		float: none;
		height: auto;
		margin: 0;
		text-align: right;
		width: 220px;
	}
	#navbar {
		background-color: #58595b;
		height: auto !important;
		margin: 0 0 20px 0;
		position: relative;
	}
	#mainleft {
		background-color: #dcddde;
		float: none;
		font-size: 0.84375em;
		margin: 0 0 40px 0;
		min-height: 388px;
		position: relative;
		width: 100%;
	}
	#mainleft ul li, .left-col-links {
		border-bottom: 1px dotted #fff;
		color: #000;
		line-height: 100%;
		padding: 16px 0 12px 0;
		width: 100%;
		text-align:center;
		font-size:1.5em;
	}
	#mainleft ul li.left-col-title {
		background-color: #58595b;
		background-color: #F26531;
		border-bottom: 0 dotted #fff;
		color: #000;
		font-weight: bold;
		padding: 16px 0;
		text-transform: uppercase;
		width: 100%;
		text-align:center;
		font-size:1.5em;
	}
	#maincentre {
		float: none;
		margin: 0 0 40px 0;
		min-height: 288px;
		position: relative;
		width: 625px;
	}
	#mainright {
		float: none;
		margin: 0 0 40px 0;
		height:auto;
		min-height: 102px;
		position: relative;
		width: 100%;
	}
	.productcatalog, .productcatalog.productthird {
		float: left;
		margin-right: 0px !important;
		width: 300px;
		min-height: 200px;
	}
	.productcatalog:nth-child(even) {
		margin-right: 20px !important;
	}
	.productcatimage {
		background-color: #fff;
		border: 1px solid #999;
		width: 300px;
		height: 200px;
		max-height: 480px;
		padding: 0px;
		position: relative;
		text-align: center;
	}
	.productcatimage img {
		width:300px !important;
		height:200px !important;
		margin:0 !important;
		/*left: 50%;
		margin: -50px 0 0 -50px;
		position: absolute;
		top: 50%;*/
	}
	#rightbuttons {
		width: 220px;
		float:left;
	}
	#rightbuttons li.red-button a {
		background-color: #f26531;
		border-radius: 8px;
		color: #fff;
		display: inline-block;
		float: right;
		font-size: 0.90625em;
		height: 15px;
		letter-spacing: -0.05em;
		line-height: 1em;
		margin: 2px 0 16px;
		overflow: visible;
		padding: 10px;
		text-decoration: none;
		text-transform: uppercase;
		width: 160px;
	}
	#ausmade {
		float:right;
		height: 112px;
		position: relative;
		width: 128px;
	}
	#footerleft {
		display: inline-block;
		float: none;
		width: 100%;
	}
	#footerleft ul li {
		float: none;
		width:100%;
		text-align:center;
	}
	#footerright {
		display: inline-block;
		float: none;
		width: 100%;
		text-align:center;
	}
	#footerright ul {
		display:inline-block;
		margin:12px auto;
	}
}

@media screen and (max-width: 640px) {
	body {
		font-size:1.25em;
	}
	#wrapper {
		margin: 0 auto;
		padding: 0;
		width: 480px;
	}
	#headerlogo {
		float: none;
		height: 143px;
		margin: 0;
		position: relative;
		width: 320px;
	}
	#headercentre {
		display: block;
		float: none;
		font-weight: lighter;
		height: auto;
		margin: 20px 0 0 0;
		position: relative;
		width:320px;
	}
	#headerright {
		position:absolute;
		top:85px;
		right:0;
		float: none;
		height: auto;
		margin: 0;
		text-align: right;
		width: 220px;
	}
	#mainleft {
		background-color: #dcddde;
		float: none;
		font-size: 0.84375em;
		margin: 0 0 40px 0;
		min-height: 388px;
		position: relative;
		width: 100%;
	}
	#mainleft ul li, .left-col-links {
		border-bottom: 1px dotted #fff;
		color: #000;
		line-height: 100%;
		padding: 16px 0 12px 0;
		width: 100%;
		text-align:center;
		font-size:1.5em;
	}
	#mainleft ul li.left-col-title {
		background-color: #58595b;
		background-color: #F26531;
		border-bottom: 0 dotted #fff;
		color: #000;
		font-weight: bold;
		padding: 16px 0;
		text-transform: uppercase;
		width: 100%;
		text-align:center;
		font-size:1.5em;
	}
	#mainleft ul li.left-col-title a, #mainleft ul li.left-col-title a:hover {
		color: #000 !important;
		text-decoration: none;
		width:100%;
		/*text-align:left !important;*/
	}
	#maincentre {
		float: none;
		margin: 0 0 40px 0;
		min-height: 288px;
		position: relative;
		width: 480px;
	}
	#heroimage {
		margin: 0 0 15px 0;
		overflow: hidden;
		width: 480px;
		height: 234px;
	}
	.nivo-main-image {
		width:480px !important;
		height:auto !important;
	}
	#mainright {
		float: none;
		margin: 0 0 40px 0;
		height:auto;
		min-height: 102px;
		position: relative;
		width: 100%;
	}
	.bodytextholder {
		height: auto;
		margin: 0;
		width: 480px;
	}
	.productcatalog, .productcatalog.productthird {
		float: none;
		margin-right: 0px !important;
		min-height: 230px;
		width: 480px;
	}
	.productcatalog:nth-child(odd) {
		margin-right: 0px !important;
	}
	.productcatimage {
		background-color: #fff;
		border: 1px solid #999;
		width: 480px;
		height: 320px;
		max-height: 480px;
		padding: 0px;
		position: relative;
		text-align: center;
	}
	.productcatimage img {
		width:480px !important;
		height:320px !important;
		margin:0 !important;
		/*left: 50%;
		margin: -50px 0 0 -50px;
		position: absolute;
		top: 50%;*/
	}
	#rightbuttons {
		width: 220px;
		float:left;
	}
	#rightbuttons li.red-button a {
		background-color: #f26531;
		border-radius: 8px;
		color: #fff;
		display: inline-block;
		float: right;
		font-size: 0.90625em;
		height: 15px;
		letter-spacing: -0.05em;
		line-height: 1em;
		margin: 2px 0 16px;
		overflow: visible;
		padding: 10px;
		text-decoration: none;
		text-transform: uppercase;
		width: 160px;
	}
	#ausmade {
		float:right;
		height: 112px;
		position: relative;
		width: 128px;
	}
	#footerleft {
		display: inline-block;
		float: none;
		width: 100%;
	}
	#footerleft ul li {
		float: none;
		width:100%;
		text-align:center;
	}
	#footerright {
		display: inline-block;
		float: none;
		width: 100%;
		text-align:center;
	}
	#footerright ul {
		display:inline-block;
		margin:12px auto;
	}
}