#detailImage@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/exo/v4/q_s1igR8FunFvLlUJksouQ.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/exo/v4/wocyXRLWPo2Av-yUTmmbTA.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/exo/v4/RokIQ-knd7LT9uhmuUjL2g.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/exo/v4/MvuC31KewP-QFsxbMzfMJfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/exo/v4/SrRPhC0khZfK-pbowUGBAw.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/exo/v4/ENjw15vOU74UM6LyiOhPTvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body, html {
min-height: 100%;
height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
body.iframe {
    height: auto;
    width: auto;
}
h1, h2, h3, h4, h5, p, ul, ol, li, form, hr {
    margin: 0;
    padding: 0;
}
BODY#home, TABLE {
    color: #262626;
font-family: Arial, sans-serif;
    font-size: 15px;
font-weight: 400;
}
BODY, TABLE {
    color: #262626;
font-family: Arial, sans-serif;
    font-size: 15px;
}

body#blank{
background: #eaeaea;
}

iframe[id^="oauth2relay"] {
    position: fixed !important;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #41ad6d;
    color: #fff;
}
blockquote {
    border-left: 20px solid #94d1ac;
    color: #666;
font-size: 120%;
    margin: 45px 0;
background: #f7f7f7;
    padding: 2em 40px;
clear: both;
  quotes: "\201C""\201D""\2018""\2019";

box-shadow: 2px 3px 9px rgba(0,0,0,0.1);

  font-family: 'Exo';
}
blockquote:before {
    color: #ccc;
    content: open-quote;
  font-family: 'Exo';
    font-size: 6em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
line-height: 150%;
  font-family: 'Exo';
}

blockquote strong {
    display: block;
}

h1, .h1 {
 color: #41ad6d;
font-family: 'Exo', sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 60px;
    margin: 35px 0 10px;
line-height: 40px;
text-align: left;
padding: 0px 0px;
font-weight: 500;
border-bottom: 1px solid #e9e9e9;
text-transform: uppercase;
}
h2, .h2 {
    color: #262626;
background : transparent;
font-family: 'Exo', sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 34px;
    margin: 15px 0;
padding: 0px 0px;
display : block;
    text-transform: uppercase;
}
h3, .h3 {
    color: #b11f23;
background : transparent;
font-family: 'Exo', serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 19px;
    margin: 25px 0;
padding: 0px 0px;
display : block;
font-weight: bold;
    text-transform: uppercase;
}
h4, .h4 {
    color: #262626;
font-family: 'Exo', sans-serif;
    font-size: 19px;
    margin: 15px 0;
    text-transform: none;
}
p, div#pageSource {
    line-height: 23px;
    margin: 16px 0;
font-family: Arial, sans-serif;
}
div#pageSource {
    padding: 0px 0 0;
    text-align: left;
}
ul {
    margin: 10px 0;
    padding: 0 0 0 20px;
}
ol {
    margin: 10px 0;
    padding: 0 0 0 20px;
}
li {
    line-height: 24px;
    margin: 3px 0;
}
li p {
    line-height: 24px;
    margin: 0;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #f0f0f0;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    margin: 40px 0 25px;
    width: 100%;
}
a {
    color: #41ad6d;
}
a:hover {
}
td {
    vertical-align: top;

}
a img {
    border: medium none;
}
strong {
    font-weight: 900;
}

.container {
    margin: 0 auto;
    text-align: left;
    width: 1022px;
}
.bgContainer {
    float: left;
    height: auto;
    position: relative;
    width: 1022px;
font-family: 'Arial', sans-serif;
font-size: 15px;
font-weight: 100;
}

em
{
font-style: italic;
}

table
{
width: 100%;
margin: 40px 0px 20px ;
}

th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #1466A2;
}

td
{
padding: 10px 16px;
}

th p,
td p
{
margin: 0;
padding: 0;
}

tr:nth-child(even) { background: #FFF }
tr:nth-child(odd) { background: #f9f9f9 }

table.noStyling tr:nth-child(even) { background: none }
table.noStyling tr:nth-child(odd) { background: none }

table.noStyling td
{
padding: 5px 0px;
}

#loginForm table tr:nth-child(even) { background: none }
#loginForm table tr:nth-child(odd) { background: none }

table#passwordReminder tr:nth-child(even) { background: none }
table#passwordReminder tr:nth-child(odd) { background: none }

table#passwordReminder
{
margin: 20px 0px !important;
}

.loginMsg {
color: red;
}

.loginMsg.intro {
color: #262626;
}

/*-------------------------------------------------*/

#pageEditorContent ul,
#pageSource ul {
	list-style-type: none;
	position: relative;
	margin-left: 0.5em;
	padding-left: 10px;
}

#pageEditorContent li:before,
#pageSource li:before {
position: relative;
top: 5px;
margin: 0px 5px 0px -18px;
content: " \2022 ";
font-size: 24px;
border: none;
color: #ccc; /* or whatever color you prefer */
}

#pageEditorContent li,
#pageSource li{
color: #262626;
margin: 0px 0px 5px 10px;
   list-style-type: none;
font-family: Arial, sans-serif;
}

/*----------------------------------------------------------*/


body
{
background-attachment: fixed;
background-size: cover;
min-height: 100%;
}

/*----------------------------------------------------------*/


#header,
.header-wrapper
{
float: left;
position: relative;
width: 100%;
height: 124px;
background: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
z-index: 2;
font-family: 'Exo', sans-serif;
}

#header.stuck
{
position: fixed;
top: 0;
width: 1022px;
}

/*----------------------------------------------------------*/

a.logo 
{
display: inline-block;
width: 261px;
height: 83px;
border: 1px solid transparent;
border-width: 18px 20px 22px 20px;
margin: 0px 0px 0px 0px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
background: url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) 0px 0px no-repeat;
}

body.auSite a.logo 
{
display: inline-block;
width: 261px;
height: 109px;
border: 1px solid transparent;
border-width: 3px 10px 12px 10px;
margin: 0px 0px 0px 0px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
background: url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) 0px -335px no-repeat;
}


a.logo span
{
display: none;
}

/*----------------------------------------------------------*/

#navigation
{
float: right;
position: relative;
width: 720px;
background: none;
}


/*----------------------------------------------------------*/

ul#navTop 
{
float: left;
position: relative;
margin: 13px 0px 20px 25px;
padding: 0;
list-style: none;
}

ul#navTop li
{
float: left;
position: relative;
margin: 0;
padding: 0;
}

ul#navTop li a
{
text-transform: uppercase;
font-size: 14px;
color: #262626;
text-decoration: none;
font-weight: 500;
padding: 8px 10px 8px 24px;
}

ul#navTop li a:hover
{
color: #41ad6d;
}

ul#navTop li a:hover
{

}

ul#navTop li ul li
{
line-height: 5px;
padding: 0px 0px 15px 0px;
}

ul#navTop li ul li a
{
text-transform: uppercase;
font-size: 14px;
color: #262626;
text-decoration: none;
font-weight: 500;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px -5px;
}

ul#navTop li ul ul li ul{
display: none;
}

ul#navTop li ul li > ul{
display: block;
opacity: 0;
transition: 0.6s opacity;
height: 0px;
margin: 0;
padding: 0 !important;
overflow: hidden;
border: none !important;
left: 200px;
}

ul#navTop li ul li:hover > ul{
display: block;
opacity: 1;
overflow: visible;
height: auto;
padding: 0px 0px !important;
}

/*-------------*/

ul#navTop li ul li {
margin: 0px;
padding: 0px 0px 10px 0px;
}

ul#navTop li ul li ul{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
float: none;
position: absolute;
top: 0px;
left: -1px;
width: 220px;
background: #fff;
border: 1px solid #ccc;
border-width: 0px 1px 0px 1px;
z-index: 2000;
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
}

ul#navTop li ul li ul {
top: 21px;
left: -10px;
}

ul#navTop li ul li ul li{
float: left;
position: relative;
padding: 5px 14px 5px;
height: auto;
min-height: 20px;
width: 190px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

ul#navTop li ul li ul li:hover{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

ul#navTop li ul li ul li:last-child{
border-bottom: 2px solid #ccc;
border-width: 0px 1px 1px 1px;
}

ul#navTop li ul li ul li a{
display: block;
width: auto;
text-align: left;
height: auto;
line-height: 5px;
padding: 0px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #5b5859;
text-decoration: none ;
}

 ul#navTop li ul li ul li a,
#header.stuck ul#navTop li ul li ul li a{
display: block;
width: auto;
text-align: left;
height: auto;
line-height: 30px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #5b5859;
text-decoration: none ;
}

ul#navTop li ul li ul li a:hover,
ul#navTop li ul li ul li.menuSelected a
{
background: none;
color:#b93539;

}

ul#navTop li ul li ul li.menuSelected ul li a
{
background: none;
color:#5b5859;
}


ul#navTop li ul li ul li.menuSelected ul li a:hover
{
color:#b93539;
}

#header.stuck .siteSearchContainer
{
display: block;
}

/*---------------------------------------*/

.siteSearchContainer
{
float: right;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: auto;
height: auto;
background: #fff;
}

#header:hover .siteSearchContainer input.siteSearchInput:active
{
}

.siteSearchContainer span.searchLabel
{
display: none;
}

.siteSearchContainer input.siteSearchInput
{
position: relative;
border: none;
width: 140px;
color: #666;
opacity: 0.6;
text-transform: lowercase;
font-size: 13px;
padding: 8px 15px;
margin: 0px 10px 0px 0px;
border-radius: 0px;
box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.1);
transition: 0.5s all;
background: #f6f7f7;
}

.siteSearchContainer input.siteSearchInput:focus,
.siteSearchContainer:hover input.siteSearchInput:focus
{
opacity:1;
color: #fff;
background: #ccc;
}

.siteSearchContainer input.siteSearchSubmit
{
display: inline-block;
position: absolute;
top: 10px;
right: 20px;
content: " ";
width: 12px;
height: 11px;
border: none;
background: url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -25px -340px no-repeat;
cursor: pointer;
}

/*----------------------------------------------------------*/

a.dealerLogin 
{
display: inline-block;
float: right;
position: relative;
width: 119px;
height: 32px;
line-height: 29px;
color: #fff;
padding: 0px 20px 0px 5px;
margin: 0px 10px 0px 0px;
text-align: center;
font-weight: 800;
font-size: 14px;
border-radius: 0px 0px 8px 8px ;
text-decoration: none;
text-transform: uppercase;
background: #b93539;
}


a.dealerLogin:after
{
display: inline-block;
position: absolute;
top: 8px;
right: 10px;
content: " ";
width: 12px;
height: 11px;
background: #b93539 url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -25px -340px no-repeat;
}

a.dealerLogin:hover
{

}

/*----------------------------------------------------------*/

div#navBottom
{
float: left;
position: relative;
width: 96.5%;
padding: 0 0 0 3.5%;
background: none;
}

div#navBottom ul 
{
float: left;
position: relative;
margin: 10px 0px 0px 0px;
padding: 0;
list-style: none;
}

div#navBottom ul li
{
float: left;
position: relative;
margin: 0px 24px;
padding: 0;
}

div#navBottom ul li a
{
text-transform: uppercase;
font-size: 22px;
color: #262626;
text-decoration: none;
display: inline-block;
padding: 8px 0px 20px;

font-weight: 500;
}


div#navBottom ul li:hover > a
{
border-bottom: 10px solid #515151;
}

div#navBottom ul li:hover:before
{
content: " ";
display: block;
width: 100%;
height: 6px;
position: absolute;
top: 50px;
background: #41ad6d;
}

div#navBottom ul li.childSelected:before,
div#navBottom ul li.menuSelected:before
{
content: " ";
display: block;
width: 100%;
height: 6px;
position: absolute;
top: 50px;
background: #41ad6d;
}

div#navBottom ul li:hover:before
{
content: " ";
display: block;
width: 100%;
height: 5px;
position: absolute;
top: 50px;
background: #41ad6d;
}

div#navBottom ul li:hover ul li:before
{
display: none;
}


div#navBottom ul li:hover ul li a
{
border-bottom: none;
}

div#navBottom ul li a:hover
{

}

#navBottom ul li ul{
display: none;
}

#navBottom ul li > ul{
display: block;
opacity: 0;
transition: 0.6s opacity;
height: 0px;
padding: 0 !important;
overflow: hidden;
border: none !important;
left: 200px;
}

#navBottom ul li:hover > ul{
display: block;
opacity: 1;
overflow: visible;
height: auto;
padding: 0px 0px !important;
}

/*-------------*/

#navBottom ul li ul{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
float: none;
position: absolute;
top: 0px;
left: -1px;



width: 220px;
background: #fff;
border: 1px solid #ccc;
border-width: 0px 1px 0px 1px;
z-index: 2000;
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
}

#navBottom ul li ul{
top: 61px;
}

#navBottom ul li ul li{
float: left;
position: relative;
padding: 5px 14px 5px;
height: auto;
min-height: 20px;
width: 190px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#navBottom ul li ul li:hover{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#navBottom ul li ul li:last-child{
border-bottom: 2px solid #ccc;
border-width: 0px 1px 1px 1px;
}

#navBottom ul li ul li a,
#header.stuck #navigation #navBottom ul li ul li a{
display: block;
width: 190px;
text-align: left;
height: auto;
line-height: 22px;
padding: 4px 10px 4px 10px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;

font-size: 15px;
position: relative;
color: #5b5859;
text-decoration: none ;
}

#navBottom ul li ul li a:hover,
#navBottom ul li ul li.menuSelected a
{
background: none;
color:#b93539;
}

#navBottom ul li ul li.menuSelected ul li a
{
background: none;
color:#5b5859;
}


#navBottom ul li ul li.menuSelected ul li a:hover
{
color:#b93539;
}

/*-------------*/

#navBottom ul li ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
float: none;
position: absolute;
top: 0px;
left: 0px;
width: 200px;
background: #fff;
border: 1px solid #ccc;
border-width: 1px 1px 0px 1px;
z-index: 2000;
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
}

#navBottom ul li ul li ul {
top: 0px;
left: 215px;
}

#navBottom ul li ul li ul li {
float: left;
position: relative;
padding: 5px 14px 5px;
height: auto;
min-height: 20px;
width: 170px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc !important;
}

#navBottom ul li ul li ul li:hover{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#navBottom ul li ul li ul li:last-child{
border-bottom: 2px solid #ccc;
border-width: 0px 1px 1px 1px;
}

#navBottom ul li ul li ul li a,
#header.stuck #navigation #navBottom ul li ul li a{
display: block;
width: 160px;
text-align: left;
height: auto;
line-height: 22px;
padding: 4px 10px 4px 10px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #5b5859;
text-decoration: none ;
}

#navBottom ul li ul li a:hover,
#navBottom ul li ul li.menuSelected a
{
background: none;
color:#b93539;
}


/*----------------------------------------------------------*/

#content
{
float: left;
position: relative;
width: 100%;
z-index: 1;
margin: 8px 0px 0px 0px;
background: #fff;
}

/*----------------------------------------------------------*/

#leftColumn
{
float: left;
position: relative;
width: 210px;
margin: 0px 0px 50px 36px;
min-height: 300px;
background: none;
}

#leftNavigation
{
float: left;
position: relative;
width: 210px;
margin: 28px 0px 65px 0px;
min-height: 0;
background: #fff;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

#leftNavigation h2
{
background: #41ad6d;
margin: 0;
padding: 6px 0px;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 20px;
}

/*----------------------------------------------------------*/

ul#navProducts 
{
padding: 0;
margin: 0px 0px 0px 0px;
font-family: 'Exo', sans-serif;
}

ul#navProducts li
{
padding: 0;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #e9e9e9;
}

ul#navProducts li:last-child
{
border-bottom: none;
}

ul#navProducts li a
{
display: inline-block;
padding: 4px 10px 4px 20px;
font-weight: 900;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
color: #262626;
}


ul#navProducts li ul
{
padding: 0;
margin: 0px 0px 0px 0px;
font-family: 'Exo', sans-serif;
}

ul#navProducts li ul li
{
padding: 0;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #fff;
background: #efefef;
}

ul#navProducts li ul li:last-child
{
border-bottom: none;
}

ul#navProducts li ul li a
{
display: inline-block;
padding: 4px 10px 4px 20px;
font-weight: 900;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
color: #666;

}


/*----------------------------------------------------------*/

a.facebookLink
{
display: inline-block;
width:210px;
height:56px;
margin-bottom:30px;
background: url(https://www.progressivegroup.co.nz/images/style/facebook-icon.jpg) 0px 0px no-repeat;
}

a.youtubeLink
{
display: inline-block;
width:210px;
height:68px;
margin-bottom:30px;
background: url(https://www.progressivegroup.co.nz/images/style/YouTube_Logo.jpg) 0px 0px no-repeat;
}
@media screen and (max-width:1100px) and (min-width:450px)
{
    a.youtubeLink
    {
        margin-top: 587px;
    }
}
/*--------------------------------*/



a.whiteButton
{
display: inline-block;
float: left;
position: relative;
width: auto;
height: 51px;
line-height: 51px;
color: #41ad6d;
padding: 0px 20px 0px 45px;
margin: 0px 0px 12px 0px;
text-align: center;
font-weight: 800;
font-size: 18px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
background: #fff;
border: 2px solid #41ad6d;
font-family: 'Exo', sans-serif;
}

a.whiteButton:after
{
display: inline-block;
position: absolute;
top: 12px;
left: 0px;
content: " ";
width: 28px;
height: 28px;
background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -104px -289px no-repeat;
}

#leftColumn a.whiteButton
{
width: 141px;
}


/*----------------------------------------------------------*/

#homeSlides
{
float: right;
position: relative;
width: 740px;
margin: 28px 0px 30px 33px;
height: 314px;
background: #41ad6d;
}

.moduleComponenthomeSlides 

{
width: 740px !important;
}

.moduleComponentContainerhomeSlides 
{

display: block !important;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{/* display: block !important; */}

.moduleComponentContainerhomeSlides .bannerImageContainer
{
float: left;
position: relative;
}

.moduleComponentContainerhomeSlides .bannerImageContainer img
{

}

.moduleComponentContainerhomeSlides .bannerHtmlContent
{
float: right;
position: relative;
width: 234px;
height: 284px; 
padding: 15px 25px;
background: transparent;
color: #fff;
}

.moduleComponentContainerhomeSlides .bannerHtmlContentInner
{float: right;position: relative;width: 234px;padding: 0px;background: none;color: #fff;position: relative;top: 50%;-webkit-transform: translateY(-55%);transform: translateY(-55%);}

.moduleComponentContainerhomeSlides a.bannerLinkMask
{
position: absolute;
top: 272px;
right: 124px;
padding: 0px 12px;
height: 42px;
line-height: 42px;
background: #1b9d4f;
color: #fff;
font-weight: bold;
font-size: 15px;
text-decoration: none;
text-transform : uppercase;
text-decoration: none;
transition: 0.5s all;
}

.moduleComponentContainerhomeSlides a.bannerLinkMask:hover
{
background: #fff;
color: #1b9d4f;
}

.moduleComponentContainerhomeSlides .bannerHtmlContent p
{
font-size: 14px;
line-height: 19px;
}

.moduleComponentContainerhomeSlides a
{
color: #fff;
font-family: 'Exo', sans-serif;
text-decoration: none;
}

/*----------------------------------------------------------*/

#pageEditorContent
{
float: right;
position: relative;
width: 708px;
margin:0px 32px 80px 33px;
min-height: 300px;
background: transparent;
}


/*----------------------------------------------------------*/

#pageEditorContent ul.iconList
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 30px;
padding: 0;
}

#pageEditorContent ul.iconList li
{
float: left;
position: relative;
width: 25%;
margin: 0;
padding: 0;
}

#pageEditorContent ul.iconList li:before
{
display: none;
}

.constructionIcon
{
display: inline-block;
float: left;
position: relative;
width: 108px;
height: 0px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 70px 0px 0px 0px;
border: 1px solid #fff;
border-width: 35px 30px 50px 30px;
background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -505px 0px no-repeat;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

.energyIcon
{
display: inline-block;
float: left;
position: relative;
width: 108px;
height: 0px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 70px 0px 0px 0px;
border: 1px solid #fff;
border-width: 35px 30px 50px 30px;
background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -600px 0px no-repeat;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

.forestryIcon
{
display: inline-block;
float: left;
position: relative;
width: 108px;
height: 0px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 70px 0px 0px 0px;
border: 1px solid #fff;
border-width: 35px 30px 50px 30px;
background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -680px 0px no-repeat;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

.manufacturingIcon
{
display: inline-block;
float: left;
position: relative;
width: 108px;
height: 0px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 70px 0px 0px 0px;
border: 1px solid #fff;
border-width: 35px 30px 50px 30px;
background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -768px 0px no-repeat;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}



/*----------------------------------------------------------*/

#footer
{
float: left;
position: relative;
width: 88%;
padding: 30px 6%;
z-index: 1;
margin: 0px 0px 0px 0px;
background: #262626;
color: #fff;
font-family: 'Exo', sans-serif;
}
#footer img
{
    max-width:100%;
    height:auto !important;
}
/*----------------------------------------------------------*/

.moduleComponentContainerfooterContent ,
.moduleComponentfooterContent 
{

float: left;
position: relative;
width: 67%;
}

.moduleComponentfooterContent 
{

}

.moduleComponentfooterContent .bannerHtmlContent 
{

}

.moduleComponentfooterContent .bannerHtmlContent h2
{
font-size: 26px;
text-transform: none;
color: #fff;
}

.moduleComponentfooterContent .bannerHtmlContent ul
{
float: left;
position: relative;
width : 100%;
margin: 0;
padding: 0;
list-style: none;
}

.moduleComponentfooterContent .bannerHtmlContent ul li:first-child
{
float: left;
position: relative;
width: auto;
margin: 0px 0px;
padding: 0px 15px 0px 0px;
border-left: none;
list-style: none;
}


.moduleComponentfooterContent .bannerHtmlContent ul li
{
float: left;
position: relative;
width: auto;
margin: 0px 0px;
padding: 0px 15px;
border-left: 1px solid #fff;
list-style: none;
}

.moduleComponentfooterContent .bannerHtmlContent ul li strong
{
color: #129948;
}

.moduleComponentfooterContent .bannerHtmlContent a
{
color: #fff;
text-decoration: none;
font-family: 'Exo', sans-serif;
}


/*----------------------------------------------------------*/

#socialMediaIcons
{
float: right;
position: relative;
width: 33%;
}


/*----------------------------------------------------------*/

p.newsletterSignupLabel
{
display: inline-block;
color: #129948;
margin: 0px 0px;
padding: 0;
text-transform: uppercase;
text-decoration: none;
}


p.newsletterSignupLabel a
{
display: inline-block;
color: #129948;
margin: 0px 0px;
padding: 0;
text-transform: uppercase;
text-decoration: none;
}

input.newsletterText
{
padding: 10px;
border : none;
color: #929292;
}

input.newsletterButton
{
padding: 9px;
border : none;
background: #3c3c3c;
color: #929292;
}


/*----------------------------------------------------------*/

p.connectLabel 
{
text-transform: uppercase;
}

p.connectLabel a
{
color: #fff;
text-decoration: none;
text-transform: none;
}

p.connectLabel a:hover
{
color: #129948;
}

/*----------------------------------------------------------*/

a.facebookIcon
{
display: inline-block;
width: 78px;
height: 70px;
margin: 0px 8px 8px 0px;
background: #3c3c3c;
}

a.pintrestIcon
{
display: inline-block;
width: 78px;
height: 70px;
margin: 0px 8px 8px 0px;
background: #3c3c3c;
}

a.instagramIcon
{
display: inline-block;
width: 78px;
height: 70px;
margin: 0px 8px 8px 0px;
background: #3c3c3c;
}

/* ------------------------------------------*/

#copyright 
{
float: left;
position: relative;
width: 100%;
}

#copyright p 
{
font-size: 13px;
color: #5c5c5c;
text-transform: uppercase;
}

#copyright p a
{
text-decoration: none;
color: #5c5c5c;
}

#copyright p a:hover
{
color: #129948;
}

/* ------------ Back to top button ----------------*/

#back-top {
	position: fixed;
	bottom: 20px;
right: 20px;
z-index: 9999;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #a6a6a6;
}
#back-top a:hover {
	color: #014587;
}
/* arrow icon (span tag) */
#back-top span {
	width: 42px;
	height: 41px;
	display: block;
	margin: 0px 0px 7px 30px;
	background: transparent url(https://www.hortair.com/images/style/up_arrow.png) no-repeat top left;
	/* rounded corners */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/* background color transition */
	-webkit-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
}
#back-top a:hover span {
background: transparent url(https://www.hortair.com/images/style/up_arrow.png) no-repeat bottom left;
}




/* --------- Document Library Styles ---------------*/

#categoryNavigation
{
position:absolute ;
top: 20px;
right: 0px;
display: block;
width: 380px;
margin: 0px 0px 0px 0px;
}

#categoryNavigation .categorySelectHeader
{





position: relative;
float: left;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: right;
line-height: 35px;
}

#categoryNavigation select
{
float: right;
background: #FFF;
border: 1px solid #ccc;
font-size: 14px;
padding: 8px;
border-radius: 4px;
width: 250px;
margin: 0px 0px 15px;
}


#documentLibraryItems
{
position:relative;







border: none;
float: left;
width: 100%;
position: relative;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px ;

background: #fff;
border: 1px solid #efefef;
}

.documentLibraryItem
{
float: left;
position: relative;
width: 100%;
background: #fff;
padding: 0px 0px 0px 0px;
}

.documentLibraryItem:nth-child(even) { background: #fff}
.documentLibraryItem:nth-child(odd) { background: #f9f9f9 }

.documentLibraryItem a
{
color: #252525;
text-decoration: none;


}

.documentLibraryItem a:hover

{
text-decoration: underline;
}

.documentLibraryItem .title
{
float: left;
position: relative;
width: 59%;


padding: 10px 2% 0;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 15%;
text-align: center;
color: #656565;
padding: 14px 0 0;
}

.documentLibraryItem .icon
{
float: left;
position: relative;

width: 17%;
padding: 8px 2% 0;
text-align: center;
font-size:11px;
text-transform: uppercase;
color: #34b233;
}


.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading
{
position:relative;
background: #efefef;
color: #666;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;
display: inline-block;
padding:14px 20px 14px 20px;
margin: 0px;
color: #666;
text-transform: uppercase;
font-weight: 600;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;
display: inline-block;
padding:14px 0px 14px 0px;
text-indent: 10px;
margin: 0px;
color: #666;
text-transform: uppercase;
font-weight:600;
text-align: center;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;
display: inline-block;
padding: 9px 0px 9px 0px;
margin: 0px;
color: #666;
text-transform: uppercase;
font-size:12px;
font-weight:600;
}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 98%;
padding: 0px 0px 10px 2%;
color: #666;
}

.document_library #categoryNavigation select
{
padding: 3px;
border: 1px solid #ccc;
font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}


/*-------------------------------------------------*/
/*-------------------------------------------------*/


#blank #emailForm #formTable {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;

    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width:0px;
    margin: 0;
    padding: 0;
    min-width: 100%;
}


.reset
{
display: none !important;
}

.formHeaderText {
    padding: 10px 30px 0;
}

.nz-newsletter-signup .formHeaderText,
.au-newsletter-signup .formHeaderText {
    padding: 10px 0px 0 !important;
}

#emailForm #formTable tr {
    background: none repeat scroll 0 0 transparent;
}
#emailForm td {
    border-bottom: medium none;
    padding: 10px 0;
    vertical-align: top;
}
#emailForm table, 
#subscribeForm table, 
#surveyTable table, 
#alertForm table, 
#registrationForm table {
    border: medium none;
    min-width: 100%;
margin: 0px 0px 15px 0px;
}
#emailForm table td, #subscribeForm table tr.even td, #surveyTable table tr.even td, #alertForm table tr.even td, #registrationForm table tr.even td {
    padding: 0;
}
#emailForm table td, #subscribeForm table tr.odd td, #surveyTable table tr.odd td, #alertForm table tr.odd td, #registrationForm table tr.odd td {
    padding: 0;
}
#emailForm,
#subscribeForm {
width: 92%;
padding: 1.5% 4%;
background: #f8f8f8;
}
#emailForm td.labelHorizontal, #subscribeForm td.labelHorizontal, #surveyTable td.labelHorizontal, #alertForm td.labelHorizontal, #registrationForm td.labelHorizontal {
    color: #000;
    padding: 0 5% 0 0;
    width: 45%;
background: #f8f8f8;
}
#emailForm td.valueHorizontal, #subscribeForm td.valueHorizontal, #surveyTable td.valueHorizontal, #alertForm td.valueHorizontal, #registrationForm td.valueHorizontal {
    text-align: left;
    vertical-align: middle;
    width: 50%;
background: #f8f8f8;
}
#emailForm td.labelVertical, #subscribeForm td.labelVertical, #surveyTable td.labelVertical, #alertForm td.labelVertical, #registrationForm td.labelVertical {
    color: #343434;
    font-size: 14px;
    padding-top: 4px;
}
#emailForm td.valueHorizontal .fgroup, #subscribeForm td.valueHorizontal .fgroup, #surveyTable td.valueHorizontal .fgroup, #alertForm td.valueHorizontal .fgroup, #registrationForm td.valueHorizontal .fgroup {
    color: #343434;
    font-size: 14px;
    margin: 8px 0 0 -0px;
}
span.fieldNumber {
    color: #7aa529;
    font-weight: normal;
    margin: 0 10px 0 0;
}
span.required {
    color: #7aa529;
    font-weight: normal;
}
table.ftable td {
    padding: 4px;
    vertical-align: top;
}
table.ftable td.flabel {
    padding-right: 10px;
    text-align: right;
}
table.ftable td.fvalue {
    text-align: left;
}
table.ftable td.fcolumn {
    text-align: center;
}
input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    margin: 3px 0;
    padding: 2.5% 3%;
    width: 94%;
}
input.ftxt:hover, input.ftxt:focus, input.fmtxt:hover, input.fmtxt:focus, input.fstxt:hover, input.fstxt:focus, input.fdate:hover, input.fdate:focus, textarea.fmtxt:hover, textarea.fmtxt:focus {
    border: 1px solid #efefef;
}
input.fdate {
    width: 150px;
}
input.fstxt {
    width: 50px;
}
select.fsel, select.fseldate {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d3d3d2;
    border-radius: 0;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 3%;
    width: 101%;
}
select.fseldate {
    width: auto;
}
select.fseldate:hover, select.fseldate:focus, select.fseldate:hover, select.fseldate:focus {
    border: 1px solid #7aa529;
    transition: all 0.5s ease 0s;
}
#formTable div {
    display: none;
}

#formTable div.buttonPanel, #formTable div.logInBox {
    display: block;
}
#formTable div.logInBox {
    color: #666;
    font-family: arial;
    font-size: 13px;
}
.buttonBar, .buttonPanel {
    padding: 15px 0 0;
    text-align: right;
}
.buttonBar input, 
.buttonBar input.fsub, 
.buttonPanel input.fsub, 
input.fsub {
display: inline-block;
float: right;
position: relative;
width: 119px;
height: 32px;
line-height: 29px;
color: #fff;
padding: 0px 8px 0px 0px;
margin: -3px -2px 0px 0px;
text-align: center;
font-weight: 800;
font-size: 14px;
border-radius: 0px 0px 8px 8px ;
text-decoration: none;
text-transform: uppercase;
background: #b93539;
border: none;
cursor: pointer;
background: #b93539 url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) 70px -330px no-repeat;
}


input.fsub:hover, 
input.fsub:hover, 
input.fsub:hover {
background: #0c9848 url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) 70px -330px no-repeat;
}

a.dealerLogin 
{

}


/*--------------------------------------------------*/

/* Product Listing */

.productPath
{
margin: 0px 0px 30px 0px;
text-transform: uppercase;
color: #a8a8a8;
}

.productPath a
{
color: #a8a8a8;
text-decoration: none;
}

#productListingItems 
{
float: left;
position: relative;
width: 100%;
padding: 20px 0px 0px 0px;
}












#productListingItems .productListingItem 
{
float: left;
position: relative;
width: 215px;
height: 255px;
margin : 0px 15px 35px 0px;

}

#productListingItems .productListingItem a.image
{

}

#productListingItems .productListingItem a img
{

}

#productListingItems .productListingItem p.productName 
{
line-height: 21px;
text-align: center;
font-size: 16px;
margin: 0;
padding: 10px;
text-transform: uppercase;
font-weight: bold;
}

#productListingItems .productListingItem p.productName a
{
text-decoration: none;
color: #262626;
}





/*--------------------------------------------------*/

/* Product Details */

#productDetail
{

}

a#customSolutionTag 
{
display: block;
position: absolute;
top: 30px;
right: -60px;
width: 180px;
height: 42px;
line-height: 15px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border-left: 10px solid #fff;
padding: 10px 0px 10px 10px;
background: #0c9848;
border-radius: 0px 42px 42px 0px;
color: #fff;
text-decoration: none;
}

.au-product-details a#customSolutionTag 
{
display: none;
}

a#customSolutionTag:after
{
content: " ";
display: block;
position: absolute;
top: 4px;
right: 4px;
width: 52px;
height: 53px;
background: transparent url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -330px -7px no-repeat;
}

a#customSolutionTag span
{
display: block;
text-transform: none;
}

p.selectNodeNote 
{
position: absolute;
top: 124px;
right: 15px;
}

p.selectNodeNote span {  
display: inline-block;
width: 16px;
height: 16px;
border: 4px solid #fff;
margin: 0px 6px -7px;
background: #129948;
border-radius: 100%;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
}
          

#left
{

}

#detailImage
{float: left;position: relative;width: 674px;height: 480px;z-index: 2;margin: 20px 0px 30px 0px;}
@media screen and (max-width:450px){
    #detailImage
    {height: auto;}
}
#detailImage a.clickToEnlarge
{
position: absolute;
bottom: 0;
right: 0;
background: #fff;
color: red;
display: inline-block;
padding: 5px 20px 0px 10px;
border-radius: 10px 0px 0px 0px;
text-decoration : none;
color: #040538;
}

#detailImage a.clickToEnlarge:before
{
display: inline-block;
content : " + ";
width: 20px;
height: 20px;
line-height: 20px;
margin: 0px 10px 0px 0px;
background: #ccc;
color: #fff;
text-align: center;
border-radius : 100%;
}

#detailImage a img
{
width: 674px !important;
height: 362px !important;
}

#detailImage a.clickToEnlarge
{

}

#detailImage .nodeHoverContainer{
position: relative;
width: 246px;
background: #fff;
padding: 10px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.6);
}

#detailImage .nodeHoverContainer .croppedImage{
position: relative;
overflow: hidden;
}

img.nodal
{
cursor: pointer;
}

.nodeHoverContainer 
{

}

.nodeHoverContainer button.nodeClose
{
position: absolute;
top: -10px;
right: -10px;
z-index: 10;
display: block;
width: 30px;
height: 30px;
background: #41ad6d;
border: none;
border-radius: 100%;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: bold;
cursor: pointer;




}

.nodeHoverContainer .croppedImage 
{

}

.nodeHoverContainer .croppedImage img
{

}

.nodeHoverContainer .nodeTitle
{
text-transform: uppercase;
font-weight: bold;
color : #41ad6d;
font-size: 17px;
margin: 15px 0px 0px 0px;
padding: 0px 10px;
}

.nodeHoverContainer .nodeDescription
{
padding: 0px 10px;
}

.nodeHoverContainer .nodeDescription p
{
margin: 10px 0;
line-height: 21px;
}

.nodeHoverContainer button.nodeEnquiry
{
border: none;
padding: 6px 10px;
margin: 0px 10px 10px;
background: #41ad6d;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Exo', sans-serif;

cursor: pointer;
transition: 0.5s all;
}

.nodeHoverContainer button.nodeEnquiry:hover
{
background: #b93539;
color: #fff;
}

.nodeHoverContainer button.nodeEnquiry:before
{
content: "> ";
}


#multipleImageContainer
{
float: left;
position: relative;
min-height:610px;
width: 100%;
margin: 0px 0px 0px -13px;
}

#imageToggle 
{
float: left;
position: relative;
width: 100%;
margin: 25px 0px 15px 0px;
}

#imageToggle #moreImages,
#imageToggle #viewFeatures,
#imageToggle #moreVideos
{
display: inline-block;
float: left;
position: relative;
width: auto;
height: 32px;
line-height: 32px;
padding: 0px 35px 0px 15px;
margin: 0px 10px 0px 0px;
text-align: center;
font-weight: 800;
font-size: 14px;
border-radius: 0px;
text-decoration: none;
text-transform: uppercase;
background: #e5e7e7;
color: #4a4a4a;
cursor: pointer;
}


#imageToggle #moreImages:after,
#imageToggle #viewFeatures:after,
#imageToggle #moreVideos:after
{
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
content: " ";
width: 17px;
height: 17px;
background: url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -25px -340px no-repeat;
}

#imageToggle #moreImages:hover,
#imageToggle #viewFeatures:hover,
#imageToggle #moreVideos:hover,
#imageToggle #moreImages.selected,
#imageToggle #viewFeatures.selected,
#imageToggle #moreVideos.selected
{
color: #fff;
background: #262626;
}

.html5gallery-elem-0 {
    box-shadow: none !important;
    padding: 0px !important;
}

.html5gallery-title-0
{
display: none !important;
}

.html5gallery-tn-img-0 div,
.html5gallery-tn-img-0,
.html5gallery-tn-selected-0,
.html5gallery-tn-0
{
top: 0 !important;
left: 0 !important;
height: 116px !important;
box-shadow: none !important;
}

#right 
{
float : left;
position: relative;
width: 100%;
z-index: 1;
}

h2.productDetailName
{

}

.productPrices
{

}

.price
{

}

.productPrice
{

}

.currencySym
{

}

.currency
{

}

.currencyType
{

}

#productAttributes 
{

}

#productAttributes #skuStatus
{

}

#productAttributes .sku
{

}

#productAttributes .message
{

}

.productDetailDescription 
{

}

.productDetailDescription p
{

}

#buttonsPanel 
{

}

#buttonsPanel #quantityContainer 
{

}

#buttonsPanel #quantityContainer span
{

}


a#addToCartButton.addToCart
{

}

#enquiryForm 
{

}

#enquiryForm a#enquiryForm
{

}

#full 
{

}

.productBackLink 
{

}

.productBackLink a
{

}


#ajaxBusy,
.productPrices
{
display: none;
}

#ajaxBusy img
{

}

#productDetailSocialMedia 
{

}


#productDetailSocialMedia #facebook
{

}

#productDetailSocialMedia #twitter
{

}

 
#relatedProductsContainer 
{
float: left;
position: relative;
border-top: 1px solid #d4d4d4;
margin: 25px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}

#relatedProductsContainer h2
{
font-size: 20px;
color: #b11f24;
font-weight: bold;
}

#relatedProducts
{
float: left;
position: relative;
width: 100%;

}

.relatedProduct 
{
float: left;
position: relative;
width: 159px;
margin: 0px 16px 10px 0px;
}

.relatedProduct a
{
display: block;
text-align: center;
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
color: #262626;
}

.relatedProduct a img
{
width: 159px;
height: 159px;
display: block;
margin: 0px 0px 10px 0px;
}

.productBackLink
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #d4d4d4;
margin: 25px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}

.productBackLink a
{
display: block;
text-align: left;
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
font-weight: normal;
text-decoration: none;
color: #b93539;
}

/*---------------------------------------------------*/

#full
{
float: left;
position: relative;
width: 100%;
}

#full #productDetailSocialMedia 
{
float: left;
position: relative;
width: auto;
margin: 3px 0px 35px 0px;
}

#full #productDetailSocialMedia #facebook
{
float: left;
position: relative;
width: 140px;
}

#full #productDetailSocialMedia #twitter
{
float: left;
position: relative;
width: 100px;
}

#full #productDetailSocialMedia .pinterest
{
float: left;
position: relative;
width: 60px;
}

#full #productDetailSocialMedia #plusone
{
float: left;
position: relative;
width: 100px;
}

a.enquireNowButton
{
display: inline-block;
float: right;
position: relative;
background: #41ad6d;
padding: 6px 14px;
margin: 0px 0px 30px 0px;
color: #fff;
text-decoration: none;
text-transform : uppercase;
font-weight: bold;
font-family: 'Exo', sans-serif;
}



/*---------------------------------------------------*/

#productEnquiry 
{
float: left;
position: relative;
width: 100%;
}

#productEnquiry h2
{
margin: 10px 0px 25px;
padding: 0;
line-height: 40px;
font-size: 20px;
font-weight: bold;
color: #41ad6d;
border-top: 2px solid #41ad6d;
}

#productEnquiry form
{

}

#productEnquiry #emailForm 
{
 background: none repeat scroll 0 0 #fff;
    padding: 0%;
    width: 100%;
}


#productEnquiry #emailForm .formHeaderText
{

}

#productEnquiry #emailForm table#formTable
{

}

#productEnquiry #emailForm tbody
{

}

#productEnquiry #emailForm tr
{

}

#productEnquiry #emailForm td.labelHorizontal
{

}

#productEnquiry #emailForm td.valueHorizontal
{

}

#productEnquiry #emailForm .buttonBar
{

}

/*--------------------*/

#relatedProductsContainer 
{
float: left;
position: relative;
width: 100%;
}

#relatedProductsContainer h2
{
margin-top: 10px;
}

#relatedProducts
{

}

.relatedProduct 
{

}

.relatedProduct a
{
    color: #262626;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.relatedProduct a img
{

}

/*--------------------*/

#projects 
{
float: left;
position: relative;
width: 100%;
}

#projects h2
{
margin: 10px 0px 25px;
padding: 0;
line-height: 40px;
font-size: 20px;
font-weight: bold;
color: #41ad6d;
}

.project 
{
float: left;
position: relative;
width: 90%;
margin: 0px 0px 20px 0px;
}

.project .projectImage
{
float: left;
position: relative;
width: 327px;
margin: 0px 20px 0px 0px;
}

.project .moduleItemImage 
{

}

.project .moduleItemImage a
{

}

.project .moduleItemImage a img
{
width: 327px;
height: 160px;
}

.project .projectTitle
{
float: right;
position: relative;
width: 290px;
margin: 10px 0px 10px;
padding: 0;
line-height: 22px;
font-size: 18px;
font-weight: bold;
color: #262626;
text-transform: uppercase;
}

.project .projectDescription
{
float: right;
position: relative;
width: 290px;
font-size: 14px;
line-height: 20px;
margin: 0px 0px 0px 0px;
}

.project .projectDescription p
{
font-size: 14px;
line-height: 18px;
margin: 0px 0px 10px 0px;
}

.project a.projectReadMore
{
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 14px;
margin: 0px 0px 20px 0px;
}


/*------- Tabber Styles -----------------------------*/

#tabs
{
margin: 0px 0px 30px 0px;
}

#tabContainer
{
overflow: visible;
}

.ui-tabs-panel
{
float: left;
position: relative;
width: 100%;
min-height: 100px;
margin: 10px 0px 0px 0px;
padding: 15px;
border: none;
}

#tabSpecifications,
#tabBenefits,
#tabTestimonials
{
float: left;
position: relative;
padding: 10px 3%;
width: 94%;
border: 1px solid #e9e9e9;
margin-top: 0px;
font-size: 15px;
font-family: 'Exo', serif;
}

.ui-tabs { position: relative; padding: 0em; zoom: 1; border: none !important; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; border: none !important; background: transparent; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0;  border: none !important;border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; border: none !important; background: #e5e7e7 ;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0px; font-weight: normal;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; font-weight: normal;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs
{
float: left;
position: relative;
border-top: none;
width: 100%;
background: none;
}


#tabs ul.ui-tabs-nav
{
margin: 0;
padding: 0;
float: left;
position: relative;
width: 100%;
list-style: none;
border-bottom: none;
}

#tabs ul.ui-tabs-nav li
{
width: 25%;
margin: 0;
padding: 0;
float: left;
position: relative;
display: inline-block;
height: auto;
line-height: 32px;
background: #9bd1e5;
list-style: none;
}

#tabs ul.ui-tabs-nav  li:before {
content: "";
left: 0px;
position: relative;

display: none;
}

#tabs ul.ui-tabs-nav li:first-child
{



background: #9bd1e5;
}

#tabs ul.ui-tabs-nav li a
{
display: block;
height: auto;
width: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 0px;
line-height: 24px;
text-decoration: none;
color: #4a4a4a;
background: #e5e7e7 ;
font-family: 'Exo', sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#tabs ul.ui-tabs-nav li.ui-tabs-active a,
#tabs ul.ui-tabs-nav li:hover a
{
color: #FFF;
background: #231f20;
}

.componentPadding
{
position: relative;
float: left;
padding: 10px 20px 20px;
}


#default .componentPadding
{
position: relative;
float: left;
padding: 20px 40px 20px;
background: #f8f8f8;
}

#tabs li.ui-tabs-active a:after 
{ 
top: 100%; 
left: 20%; border: solid transparent; 
content: " "; 
height: 0; width: 0; 
position: absolute; 
z-index: 88;
pointer-events: none; 
border-color: rgba(34, 31, 31, 0); 
border-top-color: #221f1f; 
border-width: 8px; 
margin-left: -8px; 
}

/*-----------------------------------------------------*/

.siteSearch{
float: left;
position: relative;
width:100%;
padding: 30px 0px 0px 0px;
}

.siteSearch span{
font-weight: bold;
}

.siteSearch input.fsub{
float: none;
border: none;
width: 60px;
font-weight: bold;
margin: 1px 0px 9px 0px;
padding: 3px 5px;
line-height: 10px;
text-transform: uppercase;
cursor: pointer;
border-radius: 4px;
}

.siteSearch input.textInput{
border: 1px solid #ccc;
padding: 5px 6px;
border-radius: 0px;
margin: 0px 2px 0px 12px;
}

#searchResultDescription{
margin: 10px 0px 10px;
}

#searchResultItems .searchResultItem{
margin: 15px 0px 0px 0px;
padding: 20px 0px 0px 0px;
border-top:1px solid #ccc;
}

#searchResultItems .searchResultItem a{
text-decoration: none;
}

#searchResultItems .title{
font-weight: bold;

margin: 0px 0px 0px 10px;
text-transform:none;
color: #585858;
font-family: "Exo",sans-serif;
}

#searchResultItems .title a{
color: #585858;
}

#searchResultItems .title:hover{
color: #b93539;
}

#searchResultItems .description{

margin: 8px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

/*--------------------------------------------------*/
/* Category Listing */

.moduleItemsCategoriesOurWork
{
float: left;
position: relative;
width: 100%;
}

#navBar
{

}

.moduleItemsCategoriesOurWork
{
float: left;
position: relative;
width: 100%;
margin: 30px 0px 0px 0px;
}

.moduleItemsCategoriesOurWork .moduleItemsListingItem 
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #d4d4d4;
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
}

.moduleItemsCategoriesOurWork .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 327px;
height: 160px;
margin: 0px 25px 0px 0px;
background: #f4f4f4;
}

.moduleItemsCategoriesOurWork .moduleItemsListingItem a
{

}

.moduleItemsCategoriesOurWork .moduleItemsListingItem a img.thumbnail
{

}

.moduleItemsCategoriesOurWork .header 
{

}

.moduleItemsCategoriesOurWork .header .title
{
font-size: 20px;
margin: 5px 0px 10px 0px;
padding: 0;
font-weight: bold;
text-transform: uppercase;
font-family: "Exo",sans-serif;
}

.moduleItemsCategoriesOurWork .moduleItemContent 
{
    line-height: 26px;
}

.moduleItemsCategoriesOurWork .moduleItemContent .readMore 
{

}

.moduleItemsCategoriesOurWork .moduleItemContent .readMore a
{
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
color: #129948;
text-decoration: none;
}

/*--------------------------------------------------*/

/* Listing */

.moduleListingWrapperOurWork
{
float: left;
position: relative;
width: 100%;
}

#navBar
{

}

.moduleItemsListingOurWork 
{
float: left;
position: relative;
width: 100%;
margin: 30px 0px 0px 0px;
}

.moduleItemsListingOurWork .moduleItemsListingItem 
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #d4d4d4;
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
}

.moduleItemsListingOurWork .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 327px;
height: 160px;
margin: 0px 25px 0px 0px;
background: #f4f4f4;
}

.moduleItemsListingOurWork .moduleItemsListingItem a
{

}

.moduleItemsListingOurWork .moduleItemsListingItem a img.thumbnail
{

}

.moduleItemsListingOurWork .header 
{

}

.moduleItemsListingOurWork .header .title
{
font-size: 20px;
margin: 5px 0px 10px 0px;
padding: 0;
font-weight: bold;
text-transform: uppercase;
font-family: "Exo",sans-serif;
}

.moduleItemsListingOurWork .moduleItemContent 
{
    line-height: 26px;
}

.moduleItemsListingOurWork .moduleItemContent .readMore 
{

}

.moduleItemsListingOurWork .moduleItemContent .readMore a
{
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
color: #129948;
text-decoration: none;
}

/* Details */

.moduleDetailWrapperOurWork
{
float: left;
position: relative;
width: 100%;
}

.moduleItemOurWork 
{
float: left;
position: relative;
width: 100%;
}

.moduleItemOurWork .title
{
float: left;
position: relative;
width: 100%;
padding: 18px 0px;
margin: 0px 0px 0px 0px;
text-transform: none;
color: #231f20;
font-weight: bold;
font-size: 24px;
font-family: "Exo",sans-serif;
}

.moduleItemOurWork #moduleItemContent
{
float: left;
position: relative;
width: 100%;
}

.moduleItemOurWork #moduleItemContent h2
{
float: left;
position: relative;
width: 100%;
padding: 0px 0px;
margin:15px 0px 15px 0px;
border-top: 3px solid #41ad6d;
text-transform: uppercase;
color: #41ad6d;
font-weight: bold;
font-size: 20px;
}

.moduleItemOurWork .moduleItemImage 
{
float: left;
position: relative;
width: 705px;
height: auto;
margin: 0px 33px 30px 0px;
background: #f4f4f4;
}

.moduleItemOurWork .moduleItemImage img.main

{
width: 674px;
}


.moduleItemOurWork #moduleItemBack 
{

}

.moduleItemOurWork #moduleItemBack a
{

}

.moduleDetailWrapperOurWork .socialMediaContainer
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px;
background: none;
}


.moduleDetailWrapperOurWork #facebook
{
float: left;
width: 140px;
}

.moduleDetailWrapperOurWork #twitter
{
float: left;
width: 93px;
}

.moduleDetailWrapperOurWork .pinterest
{
float: left;
width: 55px;
}

.moduleDetailWrapperOurWork #plusone
{
float: left;
width: 180px;
}


#linkedProductItems 
{

}

#linkedProductItems h2
{

}

.linkedProductItem  
{
float: left;
position: relative;
width: 35%;
}

.linkedProductItem a.image
{

}

.linkedProductItem a.image img
{

}

.linkedProductItem p.productName
{
margin: 0;
position: absolute;
bottom: 0;
left: 0;
width: 215px;
padding: 15px 0px;
text-align: center;
color: #545454;
background :rgba(255,255,255,0.8);
}

.linkedProductItem p.productName a
{
color: #545454;
background : transparent;
font-family: 'Exo', serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 19px;
    margin: 0px 0;
padding: 0px 0px;
display : block;
    text-transform: uppercase;
text-decoration : none;
}


a.ourWorkCallout 
{
float: left;
position: relative;
width: 64%;
height: 215px;
background: url(https://www.progressivegroup.co.nz/images/style/i81_1920_0.jpg) top left no-repeat;
background-size: 100% auto;
text-decoration: none;
border-raidus: 5px;
}

a.ourWorkCallout p
{
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
margin : 50px 30px;
font-family: 'Exo', sans-serif;
}



a.ourWorkCallout p span
{
display: block;
color: #545454;
margin: 10px 0px 0px 0px;
}

/*--------------------------------------------------*/



/* Listing */

.moduleListingWrapperBlog 
{
float: left;
position: relative;
width: 100%;
}

#navBar
{

}

.moduleDetailWrapperBlog #facebook
{
float: left;
width: 140px;
}

.moduleDetailWrapperBlog #twitter
{
float: left;
width: 93px;
}

.moduleDetailWrapperBlog .pinterest
{
float: left;
width: 55px;
}

.moduleDetailWrapperBlog #plusone
{
float: left;
width: 180px;
}


.moduleItemsListingBlog  
{
float: left;
position: relative;
width: 100%;
margin: 30px 0px 0px 0px;
}

.moduleItemsListingBlog .moduleItemsListingItem 
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #d4d4d4;
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
}

.moduleItemsListingBlog .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 327px;
height: 160px;
margin: 0px 25px 0px 0px;
background: #f4f4f4;
}

.moduleItemsListingBlog .moduleItemsListingItem a
{

}

.moduleItemsListingBlog .moduleItemsListingItem a img.thumbnail
{

}

.moduleItemsListingBlog .header 
{

}

.moduleItemsListingBlog .header .title
{
font-size: 20px;
margin: 5px 0px 10px 0px;
padding: 0;
font-weight: bold;
text-transform: uppercase;
font-family: "Exo",sans-serif;
}

.moduleItemsListingBlog .moduleItemContent 
{
    line-height: 26px;
}

.moduleItemsListingBlog .moduleItemContent .readMore 
{

}

.moduleItemsListingBlog .moduleItemContent .readMore a
{
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
color: #129948;
text-decoration: none;
}

/* Details */

.moduleDetailWrapperBlog
{
float: left;
position: relative;
width: 100%;
}

.moduleItemBlog 
{
float: left;
position: relative;
width: 100%;
}

.moduleItemBlog .title
{
float: left;
position: relative;
width: 100%;
padding: 18px 0px;
margin: 0px 0px 0px 0px;
text-transform: none;
color: #231f20;
font-weight: bold;
font-size: 24px;
font-family: "Exo",sans-serif;
}

.moduleItemBlog .date
{
float: left;
position: relative;
width: 100%;
padding:0px 0px;
margin: -10px 0px 30px 0px;
text-transform: none;
color: #231f20;
font-size: 14px;
opacity: 0.5;
}

.moduleItemBlog #moduleItemContent
{
float: left;
position: relative;
width: 100%;
}

.moduleItemBlog #moduleItemContent h2
{
float: left;
position: relative;
width: 100%;
padding: 0px 0px;
margin:15px 0px 15px 0px;
border-top: 3px solid #41ad6d;
text-transform: uppercase;
color: #41ad6d;
font-weight: bold;
font-size: 20px;
}

.moduleItemBlog .moduleItemImage 
{
float: left;
position: relative;
width: 674px;
height: auto;
margin: 0px 33px 30px 0px;
background: #f4f4f4;
}

.moduleItemBlog .moduleItemImage img.main
{

}

/*----------------------------------------------------------*/


#moduleItemBack 
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #ccc;
margin: 35px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

#moduleItemBack a
{
text-decoration: none;
}


/*----------------------------------------------------------*/




.nz-blog #leftColumn,
.au-blog #leftColumn
{
display: none;
}

#navBar
{
float: left;
position: absolute;
left: -246px;
width: 210px;
margin: 0px 0px 50px 36px;
min-height: 300px;

margin: -58px 0px 0px 0px;
min-height: 0;
background: #fff;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

#home #leftNavigation
{
    margin-bottom:15px;
}

.navheaders
{
display: block;
background: #41ad6d;
margin: 0;
padding: 6px 0px;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 20px;
line-height: 34px;
font-weight: 500;
}

#navBar ul
{
padding: 0;
margin: 0px 0px 0px 0px;
}

#navBar ul li
{
border-bottom: 1px solid #e9e9e9;
}

#navBar ul li:last-child
{
border-bottom: none;
}

#navBar ul li a
{
display: inline-block;
padding: 4px 10px 4px 20px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
color: #262626;
}


#pageEditorContent #navBar li:before, 
#pageSource #navBar  li:before {
    content: "";
display: none;
}

/*--------------------------------------------------*/

.moduleListingWrapperServices 
{
float: left;
position: relative;
width: 100%;
}

.moduleListingWrapperServices #navBar
{
display: none;
}

.moduleItemsListingServices 
{
float: left;
position: relative;
width: 100%;
}

.moduleItemsListingServices .moduleItemsListingItem
{

float: left;
position: relative;

width: 100%;
margin: 15px 0px 0px 0px;
padding: 45px 0px 0px 0px;
border-top: 1px solid #e9e9e9;
}

.moduleItemsListingServices .moduleItemsListingItem.noImage
{
float: left;
position: relative;
width: 100%;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #e9e9e9;
}

.moduleItemsListingServices .moduleItemsListingItem:first-child
{
border-top: none;
}


.moduleItemsListingServices .moduleItemImage
{
float: left;
position: relative;
margin: -15px 20px 0px 0px;
}

.moduleItemsListingServices img.listing
{

}

.moduleItemsListingServices .header 
{

}



.moduleItemsListingServices .header .title
{
    color: #262626;
background : transparent;
font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    margin: 0px 0;
padding: 0px 0px;
display : block;
    text-transform: uppercase;

}

.moduleItemsListingServices .moduleItemContent 
{
float: left;
position: relative;
width : 100%;
}

.moduleItemsListingServices .moduleItemContent h3
{

}

.moduleItemsListingServices .moduleItemContent p
{

}

.moduleItemsListingServices .readMore a
{
display: inline-block;
float: left;
position: relative;
background: #41ad6d;
padding: 8px 14px;
margin: 0px 0px 30px 0px;
color: #fff;
text-decoration: none;
text-transform : uppercase;
font-weight: bold;
border-radius: 3px;
font-family: 'Exo', sans-serif;
}


/*--------------------------------------------------*/

.moduleDetailWrapperServices .galleryModuleItem 
{
float: left;
position: relative;
margin: 5px 20px 0px 0px;
}

.moduleDetailWrapperServices img.listing
{

}

.moduleDetailWrapperServices .header 
{

}



.moduleDetailWrapperServices .title
{
float: left;
position: relative;
    color: #262626;
background : transparent;
font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    margin: 20px 0px 0px;
padding: 0px 0px;
display : block;
    text-transform: uppercase;

}

.moduleDetailWrapperServices #moduleItemContent
{
float: left;
position: relative;
width: 100%;
}

/*-------------------------------------------------*/

.moduleListingWrapperOurCapabilities {
float: left;
height: auto;
position: relative;
margin: 0px 0px 0px 0px;
}

.moduleListingWrapperOurCapabilities #pageSource
{
float: left;
height: auto;
position: relative;
margin: 0px 0px 30px 0px;
}

.moduleListingWrapperOurCapabilities .container {
margin: 0 auto;
text-align: left;
width: auto;
}

.moduleListingWrapperOurCapabilities .bgContainer {
float: left;
height: auto;
position: relative;
width: 100%;
font-size: auto;
}


.moduleItemsListingOurCapabilities {
float: left;
postiion: relative;
width: 100%;
height: auto;
}

.moduleItemsListingOurCapabilities {
background: -webkit-linear-gradient( top, #e6e6e6, #ebebeb); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( top, #e6e6e6, #ebebeb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( top, #e6e6e6, #ebebeb); /* For Firefox 3.6 to 15 */
  background: linear-gradient( top, #e6e6e6, #ebebeb); /* Standard syntax */

background: none;
}


.moduleItemsListingOurCapabilities .moduleItemsListingItem {
float: left;
position: relative;
width: 45%;
min-width: 200px;
padding: 0 5% 55px 0 ;
}

.moduleItemsListingOurCapabilities .moduleItemsListingItem .content{ }

.moduleItemsListingOurCapabilities .moduleItemsListingItem .title {
color: #b93539;
border-top: 1px solid #b93539;
padding: 12px 0px 10px;
font-weight: 400;
line-height: 26px;
font-size: 18px;
text-transform: uppercase;
font-family: "Exo",sans-serif;
}

.moduleItemsListingOurCapabilities .moduleItemsListingItem img {
margin: 0px 0px 10px 10px;
}


.moduleItemsListingOurCapabilities .moduleItemsListingItem a:first-child img{
margin: 0px 0px 10px 0px;
}

.moduleItemsListingOurCapabilities .moduleItemsListingItem p {
margin-top: 0;

} 


p.adminMessage
{
position: relative;
bottom: 0;
left: 0;
width: 100%;
font-family: arial;
display: inline-block;
background: #ccc;
color: #666;
text-align: center;
z-index: 10;
font-size: 12px;
border-radius: 0px 10px 0px 0px ;
margin: 0;
padding: 4px 0px;
}

#downloadABrochure 
{
float: left;
position: relative;
}

#downloadABrochure a
{
    background: none repeat scroll 0 0 #41ad6d;
    color: #fff;
    display: inline-block;
    float: right;
    font-weight: bold;
    margin: 0 70px 30px 0px;
    padding: 6px 14px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
background: #b93539;
font-family: 'Exo', sans-serif;
}


#downloadABrochure a:before
{
content: " > ";
}

/*--------------------------------------------------*/

.modulePath
{
margin: 0px 0px 0px 0px;
text-transform: uppercase;
color: #a8a8a8;
}

.modulePath a
{
color: #a8a8a8;
text-decoration: none;
}


/*--------------------------------------------------*/


/* FAQs */

#faqItems
{

}

.faqItem
{
margin: 12px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #efefef;
}

.faqItem .question a.button
{
color: #232323;
text-decoration: none;
font-weight: bold;
}

.faqItem .question a.button:hover
{
color: #b93539;
}

.faqItem .answer
{
margin: 0px 0px 0px 10px;
font-style: none;
}


/*--------------------------------------------------*/

a.modelLink
{
display: inline-block;
margin : 0px 0px 10px 0px;
text-transform: uppercase;
color:  #b93539;
font-weight: bold;
text-decoration: none; 
font-size: 14px;
font-family: 'Exo';
}

/*--------------------------------------------------*/

.moduleComponentservices
{
float: left;
position: relative;
margin: 20px 0px 0px 0px;
}

.moduleComponentservices .componentItem
{
float: left;
position: relative;
}

.moduleComponentservices .componentItem.id25
{
display: none;
}

.moduleComponentservices .componentItem.id35
{

}

.moduleComponentservices .componentItem.id36
{

}

.moduleComponentservices .componentItem.id37
{

}

.moduleComponentservices span.title
{
float: left;
display: inline-block;
width: 60%;
color: #fff;
background : transparent;
font-family: 'Exo', serif;
font-size: 18px;
font-weight: normal;
line-height: 19px;
margin: 11px 0;
padding: 0px 0px 0px 15px;
display : block;
font-weight: normal;
text-transform: uppercase;
}

.moduleComponentservices .textMultipleImageContainer 
{
float: left;
display: inline-block;
}

.moduleComponentservices .textMultipleImageContainer .moduleItemImage 
{
float: left;
width: 50px;
background: #fff;
text-align: center;
border-radius: 8px;
margin: 0px 20px 10px 0px;
}

.moduleComponentservices .textMultipleImageContainer .moduleItemImage img.component
{
width: 100%;
border-radius: 8px;
border: 10px solid #fff;
border-width: 7px 9px;
}

#mobileNavigation
{
display: none;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/

/*---- BP1 ------*/

@media screen and (max-width: 1100px) {

		body
		{
		min-width: 740px;
		}
		
		.container {
			width: 740px;
		}
		.bgContainer {
		width: 700px;
		padding: 0 20px;
		}
		body{} 
		#header,
		.header-wrapper{
		position: relative;
		height: 124px;
		}
		#header.stuck{
		width: 100%;
		position: relative;
		}
		a.logo {
		width: 180px;
		height: 72px;
		border-width: 30px 20px 22px 20px;
		background-size: 320% auto;
		}
		body.auSite a.logo {
		width: 201px;
		height: 89px;
border: 1px solid #fff;
		border-width: 17px 0px 17px 10px;
background-size: 300% auto;
background-position: bottom left;
		}
		a.logo span{} 
		
		#navigation{
		width: 480px;
		}
		ul#navTop {
		margin: 50px 0px 0px 0px;
		}
		ul#navTop li{} 
		ul#navTop li a{
		font-size: 14px;
		padding: 8px 10px 8px 24px;
		}
		ul#navTop li a:hover{} 
		ul#navTop li a:hover{}
		ul#navTop li ul li ul{
		} 
		ul#navTop li ul li{
		line-height: 5px;
		padding: 0px 0px 15px 0px;
		}
		ul#navTop li ul li a{
		font-size: 14px;
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 0px -5px;
		}
		ul#navTop li ul ul li ul{} 
		ul#navTop li ul li > ul{
		left: 200px;
		}
		ul#navTop li ul li:hover > ul{} 
		/*-------------*/
		ul#navTop li ul li {
		padding: 0px 0px 10px 0px;
		}
		ul#navTop li ul li ul{
		left: -1px;
		width: 220px;
		}
		ul#navTop li ul li ul {
		top: 21px;
		left: -10px;
		}
		ul#navTop li ul li ul li{
		padding: 5px 14px 5px;
		min-height: 20px;
		width: 190px;
		line-height: 19px;
		}
		ul#navTop li ul li ul li:hover{} 
		ul#navTop li ul li ul li:last-child{} 
		ul#navTop li ul li ul li a{
		line-height: 5px;
		font-size: 15px;
		}
		ul#navTop li ul li ul li a,#header.stuck ul#navTop li ul li ul li a{
		line-height: 30px;
		font-size: 15px;
		}
		ul#navTop li ul li ul li a:hover,ul#navTop li ul li ul li.menuSelected a{} 
		ul#navTop li ul li ul li.menuSelected ul li a{} 
		ul#navTop li ul li ul li.menuSelected ul li a:hover{} 
		#header.stuck .siteSearchContainer{} 
		
		.siteSearchContainer{position: absolute; top: 0; right: 0;} 
		#header:hover .siteSearchContainer input.siteSearchInput:active{} 
		.siteSearchContainer span.searchLabel{} 
		.siteSearchContainer input.siteSearchInput{
		width: 140px;
		font-size: 13px;
		padding: 8px 15px;
		margin: 0px 10px 0px 0px;
		}
		.siteSearchContainer input.siteSearchInput:focus,.siteSearchContainer:hover input.siteSearchInput:focus{} 
		.siteSearchContainer input.siteSearchSubmit{
		top: 10px;
		right: 20px;
		width: 12px;
		height: 11px;
		}
		
		a.dealerLogin {
		width: 119px;
		height: 32px;
		line-height: 29px;
		padding: 0px 20px 0px 5px;
		margin: 0px 10px 0px 0px;
		font-size: 14px;
		position: absolute; top: 0; right: 200px;
		}
		a.dealerLogin:after{
		top: 8px;
		right: 10px;
		width: 15px;
		height: 15px;
		}
		a.dealerLogin:hover{} 
		
		div#navBottom{
		width: 100%;
		padding: 0 0 0 0%;
		}
		div#navBottom ul {
		margin: 0px 0px 0px 0px;
		}
		div#navBottom ul li{
		margin: 0px 24px;
		}
		div#navBottom ul li a{
		font-size: 16px;
		padding: 8px 0px 10px;
		}
		div#navBottom ul li:hover > a{
		border: none;
		} 
		div#navBottom ul li:hover:before{
		height: 6px;
		top: 50px;
		}
		div#navBottom ul li.childSelected:before,div#navBottom ul li.menuSelected:before{
		height: 6px;
		top: 50px;
		}
		div#navBottom ul li:hover:before{
		
		}
		div#navBottom ul li:hover ul li:before{} 
		div#navBottom ul li:hover ul li a{} 
		div#navBottom ul li a:hover{} 
		#navBottom ul li ul{} 
		#navBottom ul li > ul{
		}
		#navBottom ul li:hover > ul{} 
		/*-------------*/
		#navBottom ul li ul{
		left: -35px;
		width: 220px;
		}
		#navBottom ul li ul{
		top: 41px;
		}
		#navBottom ul li ul li{
		padding: 5px 14px 5px;
		min-height: 20px;
		width: 190px;
		line-height: 19px;
		}
		#navBottom ul li ul li:hover{} 
		#navBottom ul li ul li:last-child{} 
		#navBottom ul li ul li a,#header.stuck #navigation #navBottom ul li ul li a{
		width: 190px;
		line-height: 22px;
		padding: 4px 10px 4px 10px;
		font-size: 15px;
		}
		#navBottom ul li ul li a:hover,#navBottom ul li ul li.menuSelected a{} 
		#navBottom ul li ul li.menuSelected ul li a{} 
		#navBottom ul li ul li.menuSelected ul li a:hover{} 
		/*-------------*/
		#navBottom ul li ul li ul {
		width: 200px;
		}
		#navBottom ul li ul li ul {
		left: 215px;
		}
		#navBottom ul li ul li ul li {
		padding: 5px 14px 5px;
		min-height: 20px;
		width: 170px;
		line-height: 19px;
		border-bottom: 1px solid #ccc !important;
		}
		#navBottom ul li ul li ul li:hover{} 
		#navBottom ul li ul li ul li:last-child{
		border-width: 0px 1px 1px 1px;
		}
		#navBottom ul li ul li ul li a,#header.stuck #navigation #navBottom ul li ul li a{
		width: 160px;
		line-height: 22px;
		padding: 4px 10px 4px 10px;
		font-size: 15px;
		}
		#navBottom ul li ul li a:hover,#navBottom ul li ul li.menuSelected a{} 
		
		#content{
		margin: 8px 0px 0px 0px;
		}
		
		#leftColumn{
		width: 160px;
		margin: 0px 0px 50px 20px;
		min-height: 300px;
		}
		#leftNavigation{
		width: 160px;
		margin: 28px 0px 65px 0px;
		}
		#leftNavigation h2{
		padding: 6px 0px;
		font-size: 20px;
		}
		
		ul#navProducts {} 
		ul#navProducts li{} 
		ul#navProducts li:last-child{} 
		ul#navProducts li a{
		padding: 4px 10px 4px 20px;
		font-size: 13px;
		}
		ul#navProducts li ul{} 
		ul#navProducts li ul li{} 
		ul#navProducts li ul li:last-child{} 
		ul#navProducts li ul li a{
		padding: 4px 10px 4px 20px;
		font-size: 14px;
		}
		
		a.whiteButton{
		height: 51px;
		line-height: 51px;
		padding: 0px 20px 0px 45px;
		margin: 0px 0px 12px 0px;
		font-size: 16px;
		}
		a.whiteButton:after{
		top: 12px;
		width: 28px;
		height: 28px;
		}
		#leftColumn a.whiteButton{
		width: 117px;
		padding:0px 0px 0px 40px;
		margin-top: 584px;
		}
		
		#homeSlides{
		width: 500px;
		margin: 28px 0px 30px 0px;
		height: 314px;
		}
		.moduleComponenthomeSlides,
		.moduleComponentContainerhomeSlides {
		width: 500px !important;
		overflow:hidden;
		}
		.moduleComponentContainerhomeSlides {} 
		.moduleComponentContainerhomeSlides .moduleComponenthomeSlides{} 
		.moduleComponentContainerhomeSlides .bannerImageContainer{
		width: 500px ;
		overflow:hidden;
		} 
		.moduleComponentContainerhomeSlides .bannerImageContainer img{
		width: 500px !important;
		max-width: auto !important;
		} 
		.moduleComponentContainerhomeSlides .bannerHtmlContent{
		width: 200px;
		height: 284px;
		padding: 15px 0px;
		position: absolute;
		top: 0;
		right: 0;
		background: #41ad6d;
		}
		.moduleComponentContainerhomeSlides .bannerHtmlContentInner{
		width: 160px;
		padding: 15px 20px;
		top: 50%;
		}
		.moduleComponentContainerhomeSlides a.bannerLinkMask{
		top: 272px;
		right: 40px;
		padding: 0px 12px;
		height: 42px;
		line-height: 42px;
		font-size: 15px;
		}
		.moduleComponentContainerhomeSlides a.bannerLinkMask:hover{} 
		.moduleComponentContainerhomeSlides .bannerHtmlContent h1,h2,h3,h4{

		font-size: 24px;
		line-height: 26px;
		}
		.moduleComponentContainerhomeSlides .bannerHtmlContent p{
		font-size: 13px;
		line-height: 19px;
		}
		.moduleComponentContainerhomeSlides a{} 
		
		#pageEditorContent{
		width: 470px;
		margin:0px 15px 80px;
		min-height: 300px;
		overflow: visible;
		}
		
		#pageEditorContent ul.iconList{
		width: 142.5%;
		margin: 20px 0px 30px -42.5%;

		}
		#pageEditorContent ul.iconList li{
		width: 25%;
		}
		#pageEditorContent ul.iconList li:before{} 
		.constructionIcon{
		width: 108px;
		padding: 70px 0px 0px 0px;
		border-width: 35px 30px 50px 30px;
		
		}
		.energyIcon{
		width: 108px;
		padding: 70px 0px 0px 0px;
		border-width: 35px 30px 50px 30px;
		}
		.forestryIcon{
		width: 108px;
		padding: 70px 0px 0px 0px;
		border-width: 35px 30px 50px 30px;
		}
		.manufacturingIcon{
		width: 108px;
		padding: 70px 0px 0px 0px;
		border-width: 35px 30px 50px 30px;
		background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -768px 0px no-repeat;
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
		}
		
		#footer{
		width: 88%;
		padding: 30px 6%;
		}
		
		.moduleComponentContainerfooterContent,
.moduleComponentfooterContent  {
		width: 100%;
		}
		.moduleComponentfooterContent {} 
		.moduleComponentfooterContent .bannerHtmlContent {} 
		.moduleComponentfooterContent .bannerHtmlContent h2{
		font-size: 26px;
		}
		.moduleComponentfooterContent .bannerHtmlContent ul{} 
		.moduleComponentfooterContent .bannerHtmlContent ul li:first-child{
		padding: 0px 15px 0px 0px;
		}
		.moduleComponentfooterContent .bannerHtmlContent ul li{
		padding: 0px 15px;
		}
		.moduleComponentfooterContent .bannerHtmlContent ul li strong{} 
		.moduleComponentfooterContent .bannerHtmlContent a{} 
		
		#socialMediaIcons{
		width: 100%;
		}
		
		p.newsletterSignupLabel{
		margin: 10px 0px;
		}
		input.newsletterText{
		padding: 10px;
		}
		input.newsletterButton{
		padding: 9px;
		}
		
		p.connectLabel {} 
		p.connectLabel a{} 
		p.connectLabel a:hover{} 
		
		a.facebookIcon{
		width: 78px;
		height: 70px;
		margin: 0px 8px 8px 0px;
		}
		a.pintrestIcon{
		width: 78px;
		height: 70px;
		margin: 0px 8px 8px 0px;
		}
		a.instagramIcon{
		width: 78px;
		height: 70px;
		margin: 0px 8px 8px 0px;
		}
		/* ------------------------------------------*/
		#copyright {} 
		#copyright p {
		font-size: 13px;
		}
		#copyright p a{} 
		#copyright p a:hover{} 
		/* ------------ Back to top button ----------------*/
		#back-top {
		display: none !important;
		}
		/* --------- Document Library Styles ---------------*/
		#categoryNavigation{
		position: relative;
		top: 0px;
		right: 0px;
		width: 100%;
		float:left;
		clear: both;
		}
		#categoryNavigation .categorySelectHeader{
		line-height: 35px;
		}
		#categoryNavigation select{
		font-size: 14px;
		padding: 8px;
		width: 250px;
		margin: 0px 0px 15px;
		}
		#documentLibraryItems{
		margin: 20px 0px 0px 0px;
		}
		.documentLibraryItem{} 
		.documentLibraryItem:nth-child(even) {
		}
		.documentLibraryItem:nth-child(odd) {
		}
		.documentLibraryItem a{} 
		.documentLibraryItem a:hover{} 
		.documentLibraryItem .title{
		width: 71%;
		padding: 10px 2% 0;
		}
		.documentLibraryItem .size{

		width: 25%;
		padding: 14px 0 0;
		}
		.documentLibraryItem .icon{
		width: 25%;
		padding: 8px 0% 0;
		font-size:11px;
		}
		.documentLibraryItem .icon img{
		margin: 0px 0px -3px 0px;
		}
		.documentLibraryItem.heading{} 
		.documentLibraryItem.heading .title{
		padding:14px 0px 14px 10px;
		}
		.documentLibraryItem.heading .size{
		padding:14px 0px 14px 0px;
		text-indent: 0px;
		}
		.documentLibraryItem.heading .icon{
		padding: 9px 0px 9px 0px;
		font-size:12px;
		}
		.documentLibraryItem .description{
		width: 98%;
		padding: 0px 0px 10px 2%;
		}
		.document_library #categoryNavigation select{
		padding: 3px;
		font-size: 11px;
		min-width: 200px;
		margin: 10px 0px 0px 0px;
		}
		/*-------------------------------------------------*/
		/*-------------------------------------------------*/
		#blank #emailForm #formTable {} 
		.formHeaderText {
		padding: 10px 30px 0;
		}
		#emailForm #formTable tr {} 
		#emailForm td {
		padding: 10px 0;
		}
		#emailForm table, #subscribeForm table, #surveyTable table, #alertForm table, #registrationForm table {
		margin: 0px 0px 15px 0px;
		}
		#emailForm table td, #subscribeForm table tr.even td, #surveyTable table tr.even td, #alertForm table tr.even td, #registrationForm table tr.even td {
		}
		#emailForm table td, #subscribeForm table tr.odd td, #surveyTable table tr.odd td, #alertForm table tr.odd td, #registrationForm table tr.odd td {
		}
		#emailForm {
		width: 92%;
		padding: 1.5% 4%;
		}
		#emailForm td.labelHorizontal, #subscribeForm td.labelHorizontal, #surveyTable td.labelHorizontal, #alertForm td.labelHorizontal, #registrationForm td.labelHorizontal {
		padding: 0 5% 0 0;
		width: 45%;
		}
		#emailForm td.valueHorizontal, #subscribeForm td.valueHorizontal, #surveyTable td.valueHorizontal, #alertForm td.valueHorizontal, #registrationForm td.valueHorizontal {
		width: 50%;
		}
		#emailForm td.labelVertical, #subscribeForm td.labelVertical, #surveyTable td.labelVertical, #alertForm td.labelVertical, #registrationForm td.labelVertical {
		font-size: 14px;
		padding-top: 4px;
		}
		#emailForm td.valueHorizontal .fgroup, #subscribeForm td.valueHorizontal .fgroup, #surveyTable td.valueHorizontal .fgroup, #alertForm td.valueHorizontal .fgroup, #registrationForm td.valueHorizontal .fgroup {
		font-size: 14px;
		margin: 8px 0 0 -0px;
		}
		span.fieldNumber {
		margin: 0 10px 0 0;
		}
		span.required {
		}
		table.ftable td {
		padding: 4px;
		}
		table.ftable td.flabel {
		padding-right: 10px;
		}
		table.ftable td.fvalue {
		}
		table.ftable td.fcolumn {
		}
		input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt {
		font-size: 14px;
		margin: 3px 0;
		padding: 2.5% 3%;
		width: 94%;
		}
		input.ftxt:hover, input.ftxt:focus, input.fmtxt:hover, input.fmtxt:focus, input.fstxt:hover, input.fstxt:focus, input.fdate:hover, input.fdate:focus, textarea.fmtxt:hover, textarea.fmtxt:focus {
		}
		input.fdate {
		width: 150px;
		}
		input.fstxt {
		width: 50px;
		}
		select.fsel, select.fseldate {
		font-size: 12px;
		margin: 0 10px 0 0;
		padding: 3%;
		width: 94%;
		}
		select.fseldate {
		}
		select.fseldate:hover, select.fseldate:focus, select.fseldate:hover, select.fseldate:focus {
		}
		#formTable div {
		}
		#formTable div.buttonPanel, #formTable div.logInBox {
		}
		#formTable div.logInBox {
		font-size: 13px;
		}
		.buttonBar, .buttonPanel {
		padding: 15px 0 0;
		}
		.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub {
		width: 119px;
		height: 32px;
		line-height: 29px;
		padding: 0px 8px 0px 0px;
		margin: -3px -2px 0px 0px;
		font-size: 14px;
		}
		input.fsub:hover, input.fsub:hover, input.fsub:hover {} 
		a.dealerLogin {} 
		/*--------------------------------------------------*/
		/* Product Listing */
		.productPath{
		margin: 0px 0px 30px 0px;
		}
		.productPath a{} 
		#productListingItems {
		padding: 20px 0px 0px 0px;
		}
		#productListingItems .productListingItem {
		width: 215px;
		height: 295px;
		margin : 0px 15px 35px 0px;
		}
		#productListingItems .productListingItem a.image{} 
		#productListingItems .productListingItem a img{} 
		#productListingItems .productListingItem p.productName {
		line-height: 21px;
		font-size: 16px;
		padding: 10px;
		}
		#productListingItems .productListingItem p.productName a{} 
		/*--------------------------------------------------*/
		/* Product Details */
		#productDetail{} 
		a#customSolutionTag {
		top: 0px;
		right: -14px;
		width: 180px;
		height: 42px;
		line-height: 15px;
		font-size: 13px;
		padding: 10px 10px 10px 20px;
		border-radius: 42px 0px 0px 42px ;
		}
		.au-product-details a#customSolutionTag {} 
		a#customSolutionTag:after{
		top: 4px;
		right: 4px;
		width: 52px;
		height: 53px;
		}
		a#customSolutionTag span{} 
		p.selectNodeNote {
		top: 124px;
		right: 15px;
		}
		p.selectNodeNote span {
		width: 16px;
		height: 16px;
		margin: 0px 6px -7px;
		}
		#left{} 
		#detailImage{
		width: 100%;
		margin: 20px 0px 30px 0px;
		}
		#detailImage a.clickToEnlarge{
		padding: 5px 20px 0px 10px;
		}
		#detailImage a.clickToEnlarge:before{

		width: 20px;
		height: 20px;
		line-height: 20px;
		margin: 0px 10px 0px 0px;
		}
		#detailImage a img{
		width: 674px !important;
		height: 362px !important;
		}
		#detailImage a.clickToEnlarge{} 
		#detailImage .nodeHoverContainer{
		width: 246px;
		padding: 10px;
		}
		#detailImage .nodeHoverContainer .croppedImage{} 
		img.nodal{} 
		.nodeHoverContainer {} 
		.nodeHoverContainer button.nodeClose{
		top: -10px;
		right: -10px;
		width: 30px;
		height: 30px;
		font-size: 16px;
		}
		.nodeHoverContainer .croppedImage {} 
		.nodeHoverContainer .croppedImage img{} 
		.nodeHoverContainer .nodeTitle{
		font-size: 17px;
		margin: 15px 0px 0px 0px;
		padding: 0px 10px;
		}
		.nodeHoverContainer .nodeDescription{
		padding: 0px 10px;
		}
		.nodeHoverContainer .nodeDescription p{
		margin: 10px 0;
		line-height: 21px;
		}
		.nodeHoverContainer button.nodeEnquiry{
		padding: 6px 10px;
		margin: 0px 10px 10px;
		font-size: 14px;
		}
		.nodeHoverContainer button.nodeEnquiry:hover{} 
		.nodeHoverContainer button.nodeEnquiry:before{} 
		#multipleImageContainer{
		margin: 0px 0px 0px -13px;
		}
		#imageToggle {
		margin: 25px 0px 15px 0px;
		}
		#imageToggle #moreImages,#imageToggle #viewFeatures,#imageToggle #moreVideos{
		height: 32px;
		line-height: 32px;
		padding: 0px 30px 0px 10px;
		margin: 0px 5px 0px 0px;
		font-size: 13px;
		}
		#imageToggle #moreImages:after,#imageToggle #viewFeatures:after,#imageToggle #moreVideos:after{
		top: 10px;
		right: 10px;
		width: 17px;
		height: 17px;
		}
		#imageToggle #moreImages:hover,
		#imageToggle #viewFeatures:hover,
		#imageToggle #moreVideos:hover,
		#imageToggle #moreImages.selected,
		#imageToggle #viewFeatures.selected,
		#imageToggle #moreVideos.selected{} 
		
		.html5gallery-elem-image-0 {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		} 
		.html5gallery-title-0{} 
		.html5gallery-tn-img-0 div,.html5gallery-tn-img-0,.html5gallery-tn-selected-0,.html5gallery-tn-0{
		height: 116px !important;
		}
		#right {} 
		h2.productDetailName{} 
		.productPrices{} 
		.price{} 
		.productPrice{} 
		.currencySym{} 
		.currency{} 
		.currencyType{} 
		#productAttributes {} 
		#productAttributes #skuStatus{} 
		#productAttributes .sku{} 
		#productAttributes .message{} 
		.productDetailDescription {} 
		.productDetailDescription p{} 
		#buttonsPanel {} 
		#buttonsPanel #quantityContainer {} 
		#buttonsPanel #quantityContainer span{} 
		a#addToCartButton.addToCart{} 
		#enquiryForm {} 
		#enquiryForm a#enquiryForm{} 
		#full {} 
		.productBackLink {} 
		.productBackLink a{} 
		#ajaxBusy,.productPrices{} 
		#ajaxBusy img{} 
		#productDetailSocialMedia {} 
		#productDetailSocialMedia #facebook{} 
		#productDetailSocialMedia #twitter{} 
		#relatedProductsContainer {
		margin: 25px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
		}
		#relatedProductsContainer h2{
		font-size: 20px;
		}
		#relatedProducts{} 
		.relatedProduct {
		width: 138px;
		margin: 0px 16px 10px 0px;
		}
		.relatedProduct a{
		font-size: 16px;
		line-height: 21px;
		}
		.relatedProduct a img{
		width: 159px;
		height: 159px;
		margin: 0px 0px 10px 0px;
		}
		.productBackLink{
		margin: 25px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
		}
		.productBackLink a{
		font-size: 16px;
		line-height: 21px;
		}
		/*---------------------------------------------------*/
		#full{} 
		#full #productDetailSocialMedia {
		margin: 3px 0px 35px 0px;
		}
		#full #productDetailSocialMedia #facebook{
		width: 140px;
		}
		#full #productDetailSocialMedia #twitter{
		width: 100px;
		}
		#full #productDetailSocialMedia .pinterest{} 
		#full #productDetailSocialMedia #plusone{
		width: 100px;
		}
		a.enquireNowButton{
		padding: 6px 14px;
		margin: 0px 0px 30px 0px;
		}
		/*---------------------------------------------------*/
		#productEnquiry {} 
		#productEnquiry h2{
		margin: 10px 0px 25px;
		line-height: 40px;
		font-size: 20px;
		}
		#productEnquiry form{} 
		#productEnquiry #emailForm {
		}
		#productEnquiry #emailForm .formHeaderText{} 
		#productEnquiry #emailForm table#formTable{} 
		#productEnquiry #emailForm tbody{} 
		#productEnquiry #emailForm tr{} 
		#productEnquiry #emailForm td.labelHorizontal{} 
		#productEnquiry #emailForm td.valueHorizontal{} 
		#productEnquiry #emailForm .buttonBar{} 
		/*--------------------*/
		#relatedProductsContainer {} 
		#relatedProductsContainer h2{
		margin-top: 10px;
		}
		#relatedProducts{} 
		.relatedProduct {} 
		.relatedProduct a{
		font-size: 14px;
		line-height: 21px;
		}
		.relatedProduct a img{} 
		/*--------------------*/
		#projects {} 
		#projects h2{
		margin: 10px 0px 25px;
		line-height: 40px;
		font-size: 20px;
		}
		.project {
		width: 90%;
		margin: 0px 0px 20px 0px;
		}
		.project .projectImage{
		width:150px;
		margin: 0px 20px 0px 0px;
		}
		.project .moduleItemImage {} 
		.project .moduleItemImage a{} 
		.project .moduleItemImage a img{
		width: 327px;
		height: 160px;
		}
		.project .projectTitle{
		width: 250px;
		margin: 10px 0px 10px;
		line-height: 22px;
		font-size: 18px;
		}
		.project .projectDescription{
		width: 250px;
		font-size: 14px;
		line-height: 20px;
		}
		.project .projectDescription p{
		font-size: 14px;
		line-height: 18px;
		margin: 0px 0px 10px 0px;
		}
		.project a.projectReadMore{
		font-size: 14px;
		margin: 0px 0px 20px 0px;
		}
		/*------- Tabber Styles -----------------------------*/
		#tabs{
		margin: 0px 0px 30px 0px;
		}
		#tabContainer{} 
		.ui-tabs-panel{
		min-height: 100px;
		margin: 10px 0px 0px 0px;
		padding: 15px;
		}
		#tabSpecifications,#tabBenefits,#tabTestimonials{
		padding: 10px 3%;
		width: 94%;
		font-size: 15px;
		}
		.ui-tabs {
		padding: 0em;
		zoom: 1;
		}
		/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
		.ui-tabs .ui-tabs-nav {
		}
		.ui-tabs .ui-tabs-nav li {
		border-bottom: 0 !important;
		white-space: nowrap;
		}
		.ui-tabs .ui-tabs-nav li a {
		}
		.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		margin-  }
		.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
		}
		.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
		}
		/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
		.ui-tabs .ui-tabs-panel {
		border-width: 0;
		}
		.ui-tabs .ui-tabs-hide {
		display: none !important;
		}
		#tabs{} 
		#tabs ul.ui-tabs-nav{} 
		#tabs ul.ui-tabs-nav li{
		width: 25%;
		line-height: 32px;
		}
		#tabs ul.ui-tabs-nav  li:before {} 
		#tabs ul.ui-tabs-nav li:first-child{} 
		#tabs ul.ui-tabs-nav li a{
		padding: 3px 0px;
		line-height: 24px;
		font-size: 14px;
		}
		#tabs ul.ui-tabs-nav li.ui-tabs-active a,#tabs ul.ui-tabs-nav li:hover a{} 
		.componentPadding{
		padding: 10px 20px 20px;
		}
		#default .componentPadding{
		padding: 20px 40px 20px;
		}
		#tabs li.ui-tabs-active a:after {
		top: 100%;
		left: 20%;
		margin-left: -8px;
		}
		/*-----------------------------------------------------*/
		.siteSearch{
		padding: 30px 0px 0px 0px;
		}
		.siteSearch span{} 
		.siteSearch input.fsub{
		margin: 1px 0px 9px 0px;
		padding: 3px 5px;
		line-height: 10px;
		}
		.siteSearch input.textInput{
		padding: 5px 6px;
		margin: 0px 2px 0px 12px;
		}
		#searchResultDescription{
		margin: 10px 0px 10px;
		}
		#searchResultItems .searchResultItem{
		margin: 15px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
		}
		#searchResultItems .searchResultItem a{} 
		#searchResultItems .title{
		margin: 0px 0px 0px 10px;
		}
		#searchResultItems .title a{} 
		#searchResultItems .title:hover{} 
		#searchResultItems .description{
		margin: 8px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		}
		/*--------------------------------------------------*/
		/* Category Listing */
		.moduleItemsCategoriesOurWork{} 
		.moduleCategoriesWrapperOurWork #navBar{ display: none;} 
		.moduleItemsCategoriesOurWork{
		margin: 30px 0px 0px 0px;
		}
		.moduleItemsCategoriesOurWork .moduleItemsListingItem {
		padding: 0px 0px 30px 0px;
		margin: 0px 0px 30px 0px;
		}
		.moduleItemsCategoriesOurWork .moduleItemsListingItem .moduleItemImage{
		float : right;
		width: 200px;
		height: auto;
		margin: 0px 0px 10px 25px;
		}
		.moduleItemsCategoriesOurWork .moduleItemsListingItem a{} 
		.moduleItemsCategoriesOurWork .moduleItemsListingItem a img.thumbnail{} 
		.moduleItemsCategoriesOurWork .header {} 
		.moduleItemsCategoriesOurWork .header .title{
		font-size: 20px;
		margin: 5px 0px 10px 0px;
		}
		.moduleItemsCategoriesOurWork .moduleItemContent {
		line-height: 26px;
		}
		.moduleItemsCategoriesOurWork .moduleItemContent .readMore {} 
		.moduleItemsCategoriesOurWork .moduleItemContent .readMore a{
		font-size: 15px;
		}
		/*--------------------------------------------------*/
		/* Listing */
		.moduleListingWrapperOurWork{} 
		.moduleListingWrapperOurWork #navBar{ display: none; } 
		.moduleItemsListingOurWork {
		margin: 30px 0px 0px 0px;
		}
		.moduleItemsListingOurWork .moduleItemsListingItem {
		padding: 0px 0px 30px 0px;
		margin: 0px 0px 30px 0px;
		}
		.moduleItemsListingOurWork .moduleItemsListingItem .moduleItemImage{
		float : right;
		width: 200px;
		height: auto;
		margin: 0px 0px 10px 25px;
		}
		.moduleItemsListingOurWork .moduleItemsListingItem a{} 
		.moduleItemsListingOurWork .moduleItemsListingItem a img.thumbnail{} 
		.moduleItemsListingOurWork .header {} 
		.moduleItemsListingOurWork .header .title{
		font-size: 20px;
		margin: 5px 0px 10px 0px;
		}
		.moduleItemsListingOurWork .moduleItemContent {
		line-height: 26px;
		}
		.moduleItemsListingOurWork .moduleItemContent .readMore {} 
		.moduleItemsListingOurWork .moduleItemContent .readMore a{
		font-size: 15px;
		}
		/* Details */
		.moduleDetailWrapperOurWork{} 
		.moduleItemOurWork {} 
		.moduleItemOurWork .title{
		padding: 18px 0px;
		font-size: 24px;
		}
		.moduleItemOurWork #moduleItemContent{} 
		.moduleItemOurWork #moduleItemContent h2{
		margin:15px 0px 15px 0px;
		font-size: 20px;
		}
		.moduleItemOurWork .moduleItemImage {
		width: 100%;
		margin: 0px 33px 30px 0px;
		}
		.moduleItemOurWork .moduleItemImage img.main{
		width: 674px;
		}
		.moduleItemOurWork #moduleItemBack {} 
		.moduleItemOurWork #moduleItemBack a{} 
		.moduleDetailWrapperOurWork .socialMediaContainer{
		margin: 20px 0px;
		}
		.moduleDetailWrapperOurWork #facebook{
		width: 140px;
		}
		.moduleDetailWrapperOurWork #twitter{
		width: 93px;
		}
		.moduleDetailWrapperOurWork .pinterest{
		width: 55px;
		}
		.moduleDetailWrapperOurWork #plusone{
		width: 180px;
		}
		#linkedProductItems {} 
		#linkedProductItems h2{} 
		.linkedProductItem  {
		width: 50%;
		}
		.linkedProductItem a.image{} 
		.linkedProductItem a.image img{} 
		.linkedProductItem p.productName{
		width: 215px;
		padding: 15px 0px;
		}
		.linkedProductItem p.productName a{
		font-size: 18px;
		line-height: 19px;
		}
		a.ourWorkCallout {
		width: 100%;
		height: 215px;
		}
		a.ourWorkCallout p{
		font-size: 24px;
		margin : 50px 30px;
		}
		a.ourWorkCallout p span{
		margin: 10px 0px 0px 0px;
		}
		/*--------------------------------------------------*/
		/* Listing */
		.moduleListingWrapperBlog {} 
		
		.moduleDetailWrapperBlog #facebook{
		width: 140px;
		}
		.moduleDetailWrapperBlog #twitter{
		width: 93px;
		}
		.moduleDetailWrapperBlog .pinterest{
		width: 55px;
		}
		.moduleDetailWrapperBlog #plusone{
		width: 180px;
		}
		.moduleItemsListingBlog  {
		margin: 30px 0px 0px 0px;
		}
		.moduleItemsListingBlog .moduleItemsListingItem {
		padding: 0px 0px 30px 0px;
		margin: 0px 0px 30px 0px;
		}
		.moduleItemsListingBlog .moduleItemsListingItem .moduleItemImage{
		width: 327px;
		height: 160px;
		margin: 0px 25px 0px 0px;
		}
		.moduleItemsListingBlog .moduleItemsListingItem a{} 
		.moduleItemsListingBlog .moduleItemsListingItem a img.thumbnail{} 
		.moduleItemsListingBlog .header {} 
		.moduleItemsListingBlog .header .title{
		font-size: 20px;
		margin: 5px 0px 10px 0px;
		}
		.moduleItemsListingBlog .moduleItemContent {
		line-height: 26px;
		}
		.moduleItemsListingBlog .moduleItemContent .readMore {} 
		.moduleItemsListingBlog .moduleItemContent .readMore a{
		font-size: 15px;
		}
		/* Details */
		.moduleDetailWrapperBlog{} 
		.moduleItemBlog {} 
		.moduleItemBlog .title{
		padding: 18px 0px;
		font-size: 24px;
		}
		.moduleItemBlog .date{
		margin: -10px 0px 30px 0px;
		font-size: 14px;
		}
		.moduleItemBlog #moduleItemContent{} 
		.moduleItemBlog #moduleItemContent h2{
		margin:15px 0px 15px 0px;
		font-size: 20px;
		}
		.moduleItemBlog .moduleItemImage {
		width: 470px;
		margin: 0px 0px 30px 0px;
		}
		.moduleItemBlog .moduleItemImage img.main{} 
		
		#moduleItemBack {
		margin: 35px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		}
		#moduleItemBack a{} 
		
		.nz-blog #leftColumn,
		.au-blog #leftColumn{} 
		
		
		.au-blog #navBar,
		.au-blog #navBar{
		display : block;
		left: -246px;
		width: 210px;
		margin: 0px 0px 50px 36px;
		min-height: 300px;
		margin: -58px 0px 0px 0px;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		}
		#leftNavigation{} 
		.navheaders{
		padding: 6px 0px;
		font-size: 20px;
		line-height: 34px;
		}
		#navBar ul{} 
		#navBar ul li{} 
		#navBar ul li:last-child{} 
		#navBar ul li a{
		padding: 4px 10px 4px 20px;
		}
		#pageEditorContent #navBar li:before, #pageSource #navBar  li:before {} 
		/*--------------------------------------------------*/
		.moduleListingWrapperServices {} 
		.moduleListingWrapperServices #navBar{} 
		.moduleItemsListingServices {} 
		.moduleItemsListingServices .moduleItemsListingItem{
		margin: 15px 0px 0px 0px;
		padding: 45px 0px 0px 0px;
		}
		.moduleItemsListingServices .moduleItemsListingItem.noImage{
		margin: 15px 0px 0px 0px;
		}
		.moduleItemsListingServices .moduleItemsListingItem:first-child{} 
		.moduleItemsListingServices .moduleItemImage{
		margin: -15px 20px 0px 0px;
		}
		.moduleItemsListingServices img.listing{} 
		.moduleItemsListingServices .header {} 
		.moduleItemsListingServices .header .title{
		font-size: 22px;
		line-height: 26px;
		}
		.moduleItemsListingServices .moduleItemContent {} 
		.moduleItemsListingServices .moduleItemContent h3{} 
		.moduleItemsListingServices .moduleItemContent p{} 
		.moduleItemsListingServices .readMore a{
		padding: 8px 14px;
		margin: 0px 0px 30px 0px;
		}
		/*--------------------------------------------------*/
		.moduleDetailWrapperServices .galleryModuleItem {
		margin: 5px 20px 0px 0px;
		}
		.moduleDetailWrapperServices img.listing{} 
		.moduleDetailWrapperServices .header {} 
		.moduleDetailWrapperServices .title{
		font-size: 22px;
		line-height: 26px;
		margin: 20px 0px 0px;
		}
		.moduleDetailWrapperServices #moduleItemContent{} 
		/*-------------------------------------------------*/
		.moduleListingWrapperOurCapabilities { width: 100%;} 
		.moduleListingWrapperOurCapabilities #pageSource{
		margin: 0px 0px 30px 0px;
		
		}
		.moduleListingWrapperOurCapabilities .container {
		width: 470px;
		} 
		.moduleListingWrapperOurCapabilities .bgContainer {
		width: 470px;
		padding: 0 0px;
		} 
		.moduleItemsListingOurCapabilities {} 
		.moduleItemsListingOurCapabilities {} 
		.moduleItemsListingOurCapabilities .moduleItemsListingItem {
		width: 45%;
		min-width: 200px;
		padding: 0 5% 55px 0 ;
		}
		.moduleItemsListingOurCapabilities .moduleItemsListingItem .content{
		}
		.moduleItemsListingOurCapabilities .moduleItemsListingItem .title {
		padding: 12px 0px 10px;
		line-height: 26px;
		font-size: 18px;
		}
		.moduleItemsListingOurCapabilities .moduleItemsListingItem img {
		width : 64px !important;
		margin: 0px 0px 5px 5px;
		}
		.moduleItemsListingOurCapabilities .moduleItemsListingItem a:first-child img{
		margin: 0px 0px 5px 0px;
		}
		.moduleItemsListingOurCapabilities .moduleItemsListingItem p {} 
		p.adminMessage{
		font-size: 12px;
		padding: 4px 0px;
		}
		#downloadABrochure {} 
		#downloadABrochure a{
		background: none repeat scroll 0 0 #41ad6d;
		margin: 0 70px 30px 0px;
		padding: 6px 14px;
		}
		#downloadABrochure a:before{} 
		/*--------------------------------------------------*/
		.modulePath{} 
		.modulePath a{} 
		/*--------------------------------------------------*/
		/* FAQs */
		#faqItems{} 
		.faqItem{
		margin: 12px 0px;
		padding: 0px 0px 10px 0px;
		}
		.faqItem .question a.button{} 
		.faqItem .question a.button:hover{} 
		.faqItem .answer{
		margin: 0px 0px 0px 10px;
		}
		/*--------------------------------------------------*/
		a.modelLink{
		margin : 0px 0px 10px 0px;
		font-size: 14px;
		}
		/*--------------------------------------------------*/
		.moduleComponentservices{
		margin: 30px 0px 0px 0px;
		}
		.moduleComponentservices .componentItem{
		width: 33.3%;
		} 
		.moduleComponentservices .componentItem.id25{} 
		.moduleComponentservices .componentItem.id35{} 
		.moduleComponentservices .componentItem.id36{} 
		.moduleComponentservices .componentItem.id37{} 
		.moduleComponentservices span.title{
		float: left;
		position:relative;
		font-size: 13px;
		line-height: 16px;
		margin: 11px 0;
		padding: 0px 0px 0px 10px;
		}
		.moduleComponentservices .textMultipleImageContainer {
		float: left;
		} 
		.moduleComponentservices .textMultipleImageContainer .moduleItemImage {
		width: 50px;
		margin: 0px 20px 10px 0px;
		}
		.moduleComponentservices .textMultipleImageContainer .moduleItemImage img.component{
		border-width: 7px 9px;
		}
		
		#detailImage.viewContainer
		{
		transform: scale(0.7);
		margin: -50px 0px -50px -100px;
		}
		
		img {
		max-width: 100%;
		width: auto !important;
		height: auto !important;
		}
		
		img#map {
		max-width: 680px !important;
		width: 680px !important;
		height: 480px !important;
		}
		
		.nz-contact #pageSource tr,
		.au-contact #pageSource tr
		{
		background: none; 
		}
		
		.nz-contact #pageSource td,
		.au-contact #pageSource td
		{
		float: left;
		display: block !important;
		width: 100% !important;
		padding: 0 !important;		
		}
		
		
		.nz-contact #pageSource img,
		.au-contact #pageSource img
		{
		margin : 20px 0px;
		}
		
		iframe {
		max-width: 100%;
		}

table.noStyling
{
display: block;
width: 100%;
overflow: hidden;
}

}


/*---- BP2 --- Other phones --*/

@media screen and (max-width: 450px) {


body
{
min-width: 320px;
background: none !important;
}

.container {
    width: 320px;
	margin:0 auto;
}
.bgContainer {
width: 320px;
padding: 0 0px;
}
body{} 
#header,
.header-wrapper{
position: relative;
height: 124px;
}
#header.stuck{
width: 100%;
position: relative;
}
a.logo {
width: 180px;
height: 72px;
border-width: 30px 10px 22px 10px;
background-size: 320% auto;
}
body.auSite a.logo {


		width: 180px;
		height: 90px;
border: 1px solid #fff;
		border-width: 20px 0px 17px 0px;
background-size: 300% auto;
background-position: bottom left;
}
a.logo span{} 

#navigation{
display: none !important;
}
#header.stuck .siteSearchContainer{} 

.siteSearchContainer{position: absolute; top: 0; right: 0;} 
#header:hover .siteSearchContainer input.siteSearchInput:active{} 
.siteSearchContainer span.searchLabel{} 
.siteSearchContainer input.siteSearchInput{
width: 140px;
font-size: 13px;
padding: 8px 15px;
margin: 0px 10px 0px 0px;
}
.siteSearchContainer input.siteSearchInput:focus,.siteSearchContainer:hover input.siteSearchInput:focus{} 
.siteSearchContainer input.siteSearchSubmit{
top: 10px;
right: 20px;
width: 12px;
height: 11px;
}

a.dealerLogin {
width: 110px;
height: 32px;
line-height: 29px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
border-radius :0;

position: absolute; top: 0; right: 0px;
}
a.dealerLogin:after{
top: 8px;
right: 10px;
width: 15px;
height: 15px;
}
a.dealerLogin:hover{} 

#content{
margin: 8px 0px 0px 0px;
}
#home #leftColumn{
display: block;
width: 320px;
margin: 0px 0px 20px 0px;
min-height: 300px;
}
#home #leftNavigation{
display: block;
width: 320px;
margin: 28px 0px 20px 0px;
}
#leftColumn{
display: none;
}
#leftNavigation{
display: none;
}

#leftNavigation h2{
padding: 6px 0px;
font-size: 20px;
}

ul#navProducts {} 
ul#navProducts li{} 
ul#navProducts li:last-child{} 
ul#navProducts li a{
padding: 4px 10px 4px 20px;
font-size: 13px;
}
ul#navProducts li ul{} 
ul#navProducts li ul li{} 
ul#navProducts li ul li:last-child{} 
ul#navProducts li ul li a{
padding: 4px 10px 4px 20px;
font-size: 14px;
}

a.whiteButton{
height: 51px;
line-height: 51px;
padding: 0px 20px 0px 45px;
margin: 0px 0px 12px 0px;
font-size: 16px;
}
a.whiteButton:after{
top: 12px;
width: 28px;
height: 28px;
}
#leftColumn a.whiteButton{
width: 240px;
padding:0px 0px 0px 40px;
margin: 0px 0px 0px 20px;
}

#homeSlides{width: 320px;margin: 0px 0px 30px 0px;height: auto;}
.moduleComponenthomeSlides,
.moduleComponentContainerhomeSlides {width: 320px !important;height: auto !important;overflow:hidden;max-height: 467px;transition: 2s height;}
.moduleComponentContainerhomeSlides {} 
.moduleComponentContainerhomeSlides .moduleComponenthomeSlides{
    width: 100% !important;
    height: auto !important;
    float: left;
    position: relative !important;
} 
.moduleComponentContainerhomeSlides .bannerImageContainer{width: 100%;overflow:hidden;height: auto;} 
.moduleComponentContainerhomeSlides .bannerImageContainer img{width: 100% !important;max-width: auto !important;height: auto !important;} 
.moduleComponentContainerhomeSlides .bannerHtmlContent{width: 100%;height: auto;padding: 15px 0px;position: relative;top: 0px;right: 0;background: #41ad6d;/* height: auto; */min-height: 176px;}
.moduleComponentContainerhomeSlides .bannerHtmlContentInner{width: 100%;padding: 0px 20px;top: 0%;box-sizing: border-box;position: relative;transform: translateY(0);height: auto;}
.moduleComponentContainerhomeSlides a.bannerLinkMask{top: 91%;right: -172px;padding: 5px 12px;height: 42px;line-height: 42px;font-size: 15px;position: relative;}
.moduleComponentContainerhomeSlides a.bannerLinkMask:hover{} 
.moduleComponentContainerhomeSlides .bannerHtmlContent h1,h2,h3,h4{
font-size: 24px;
line-height: 26px;
}
.moduleComponentContainerhomeSlides .bannerHtmlContent p{
font-size: 13px;
line-height: 19px;
}
.moduleComponentContainerhomeSlides a{} 

#pageEditorContent{width: 300px;padding: 0 10px;margin:0px 0px 80px;min-height: 300px;overflow: visible;}

#pageEditorContent ul.iconList{
width: 100%;
margin: 20px 0px 30px 6px;
}
#pageEditorContent ul.iconList li{
width: 50%;
margin: 0 0 12px 0;
}
#pageEditorContent ul.iconList li:before{} 
.constructionIcon{
width: 108px;
padding: 70px 0px 0px 0px;
border-width: 25px 15px 50px;
font-size: 13px;
}
.energyIcon{
width: 108px;
padding: 70px 0px 0px 0px;
border-width: 25px 15px 50px;
font-size: 13px;
}
.forestryIcon{
width: 108px;
padding: 70px 0px 0px 0px;
border-width: 25px 15px 50px;
font-size: 13px;
}
.manufacturingIcon{
width: 108px;
padding: 70px 0px 0px 0px;
border-width: 25px 15px 50px;
background: #fff url(https://www.progressivegroup.co.nz/images/style/icon_sprite_progressive.png) -768px 0px no-repeat;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
font-size: 13px;
}

#footer{
width: 88%;
padding: 30px 6%;
}

.moduleComponentContainerfooterContent,
.moduleComponentfooterContent  {
width: 100%;
}
.moduleComponentfooterContent {} 
.moduleComponentfooterContent .bannerHtmlContent {} 
.moduleComponentfooterContent .bannerHtmlContent h2{
font-size: 26px;
}
.moduleComponentfooterContent .bannerHtmlContent ul{} 
.moduleComponentfooterContent .bannerHtmlContent ul li:first-child,
.moduleComponentfooterContent .bannerHtmlContent ul li
{
padding: 20px 15px 0px 0px;
border: none;
}
.moduleComponentfooterContent .bannerHtmlContent ul li strong{} 
.moduleComponentfooterContent .bannerHtmlContent a{} 

#socialMediaIcons{
width: 100%;
}

p.newsletterSignupLabel{
margin: 10px 0px;
}
input.newsletterText{
padding: 10px;
}
input.newsletterButton{
padding: 9px;
}

p.connectLabel {} 
p.connectLabel a{} 
p.connectLabel a:hover{} 

a.facebookIcon{
width: 78px;
height: 70px;
margin: 0px 8px 8px 0px;
}
a.pintrestIcon{

width: 78px;
height: 70px;
margin: 0px 8px 8px 0px;
}
a.instagramIcon{
width: 78px;
height: 70px;
margin: 0px 8px 8px 0px;
}
/* ------------------------------------------*/
#copyright {} 
#copyright p {
font-size: 13px;
}
#copyright p a{} 
#copyright p a:hover{} 
/* ------------ Back to top button ----------------*/
#back-top {
display: none !important;
}
/* --------- Document Library Styles ---------------*/
#categoryNavigation{
position: relative;
top: 0px;
right: 0px;
width: 100%;
float:left;
clear: both;
}
#categoryNavigation .categorySelectHeader{
line-height: 35px;
}
#categoryNavigation select{
font-size: 14px;
padding: 8px;
width: 250px;
margin: 0px 0px 15px;
}
#documentLibraryItems{
margin: 20px 0px 0px 0px;
}
.documentLibraryItem{} 
.documentLibraryItem:nth-child(even) {
}
.documentLibraryItem:nth-child(odd) {
}
.documentLibraryItem a{} 
.documentLibraryItem a:hover{} 
.documentLibraryItem .title{
width: 71%;
padding: 10px 2% 0;
}
.documentLibraryItem .size{
width: 25%;
padding: 14px 0 0;
}
.documentLibraryItem .icon{
width: 100%;
padding: 8px 0% 0;
font-size:11px;
text-align: left;

}
.documentLibraryItem .icon a{
color: #b93539;
}
.documentLibraryItem .icon img{
margin: 0px 0px -3px 0px;
}
.documentLibraryItem.heading{} 
.documentLibraryItem.heading .title{
padding:14px 0px 14px 10px;
}
.documentLibraryItem.heading .size{
padding:14px 0px 14px 0px;
text-indent: 0px;
}
.documentLibraryItem.heading .icon{
padding: 9px 0px 9px 0px;
font-size:12px;
}
.documentLibraryItem .description{
width: 98%;
padding: 0px 0px 10px 2%;
}
.document_library #categoryNavigation 
{
float:left;
width : 100%;
}
.document_library #categoryNavigation select{
padding: 3px;

font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
#blank #emailForm #formTable {} 
.formHeaderText {
padding: 10px 30px 0;
}
#emailForm #formTable tr {} 
#emailForm td {
padding: 10px 0;
}
#emailForm table, #subscribeForm table, #surveyTable table, #alertForm table, #registrationForm table {
margin: 0px 0px 15px 0px;
}
#emailForm table td, #subscribeForm table tr.even td, #surveyTable table tr.even td, #alertForm table tr.even td, #registrationForm table tr.even td {
}
#emailForm table td, #subscribeForm table tr.odd td, #surveyTable table tr.odd td, #alertForm table tr.odd td, #registrationForm table tr.odd td {
}
#emailForm {
width: 92%;
padding: 1.5% 4%;
}
#emailForm td.labelHorizontal, #subscribeForm td.labelHorizontal, #surveyTable td.labelHorizontal, #alertForm td.labelHorizontal, #registrationForm td.labelHorizontal {
padding: 0 5% 0 0;
width: 45%;
}
#emailForm td.valueHorizontal, #subscribeForm td.valueHorizontal, #surveyTable td.valueHorizontal, #alertForm td.valueHorizontal, #registrationForm td.valueHorizontal {
width: 50%;
}
#emailForm td.labelVertical, #subscribeForm td.labelVertical, #surveyTable td.labelVertical, #alertForm td.labelVertical, #registrationForm td.labelVertical {
font-size: 14px;
padding-top: 4px;
}
#emailForm td.valueHorizontal .fgroup, #subscribeForm td.valueHorizontal .fgroup, #surveyTable td.valueHorizontal .fgroup, #alertForm td.valueHorizontal .fgroup, #registrationForm td.valueHorizontal .fgroup {
font-size: 14px;
margin: 8px 0 0 -0px;
}
span.fieldNumber {
margin: 0 10px 0 0;
}
span.required {
}
table.ftable td {
padding: 4px;
}
table.ftable td.flabel {
padding-right: 10px;
}
table.ftable td.fvalue {
}
table.ftable td.fcolumn {
}
input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt {
font-size: 14px;
margin: 3px 0;
padding: 2.5% 3%;
width: 94%;
}
input.ftxt:hover, input.ftxt:focus, input.fmtxt:hover, input.fmtxt:focus, input.fstxt:hover, input.fstxt:focus, input.fdate:hover, input.fdate:focus, textarea.fmtxt:hover, textarea.fmtxt:focus {
}
input.fdate {
width: 150px;
}
input.fstxt {
width: 50px;
}
select.fsel, select.fseldate {
font-size: 12px;
margin: 0 10px 0 0;
padding: 3%;
width: 94%;
}
select.fseldate {
}
select.fseldate:hover, select.fseldate:focus, select.fseldate:hover, select.fseldate:focus {
}
#formTable div {
}
#formTable div.buttonPanel, #formTable div.logInBox {
}
#formTable div.logInBox {
font-size: 13px;
}
.buttonBar, .buttonPanel {
padding: 15px 0 0;
}
.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub {
width: 119px;
height: 32px;
line-height: 29px;
padding: 0px 8px 0px 0px;
margin: -3px -2px 0px 0px;
font-size: 14px;
}
input.fsub:hover, input.fsub:hover, input.fsub:hover {} 
a.dealerLogin {} 
/*--------------------------------------------------*/
/* Product Listing */
.productPath{
margin: 0px 0px 30px 0px;
}
.productPath a{} 
#productListingItems {
padding: 20px 0px 0px 0px;
}
#productListingItems .productListingItem {
width: 45%;
height: 195px;
margin : 0px 15px 35px 0px;
}
#productListingItems .productListingItem a.image{} 
#productListingItems .productListingItem a img{} 
#productListingItems .productListingItem p.productName {
line-height: 21px;
font-size: 16px;
padding: 10px;
}
#productListingItems .productListingItem p.productName a{} 
/*--------------------------------------------------*/
/* Product Details */
#productDetail{} 
a#customSolutionTag {
top: 0px;
right: 0px;
width: 270px;
height: 42px;
line-height: 15px;
font-size: 13px;
position: relative;
float: right;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 20px;
border-radius: 42px 0px 0px 42px ;
}
.au-product-details a#customSolutionTag {} 
a#customSolutionTag:after{
top: 4px;
right: 4px;
width: 52px;
height: 53px;
}
a#customSolutionTag span{} 
p.selectNodeNote {
display: none;
}
p.selectNodeNote span {
width: 16px;
height: 16px;
margin: 0px 6px -7px;
}
#left{} 
#detailImage{
width: 100%;
margin: 20px 0px 30px 0px;
}
#detailImage a.clickToEnlarge{
padding: 5px 20px 0px 10px;
}
#detailImage a.clickToEnlarge:before{
width: 20px;
height: 20px;
line-height: 20px;
margin: 0px 10px 0px 0px;
}
#detailImage a img{
width: 320px !important;
height: 362px !important;
}
#detailImage a.clickToEnlarge{} 
#detailImage .nodeHoverContainer{
width: 246px;
padding: 10px;
}
#detailImage .nodeHoverContainer .croppedImage{} 
img.nodal{} 
.nodeHoverContainer {} 
.nodeHoverContainer button.nodeClose{
top: -10px;
right: -10px;
width: 30px;
height: 30px;
font-size: 16px;
}
.nodeHoverContainer .croppedImage {} 
.nodeHoverContainer .croppedImage img{} 
.nodeHoverContainer .nodeTitle{
font-size: 17px;
margin: 15px 0px 0px 0px;
padding: 0px 10px;
}
.nodeHoverContainer .nodeDescription{
padding: 0px 10px;
}
.nodeHoverContainer .nodeDescription p{
margin: 10px 0;
line-height: 21px;
}
.nodeHoverContainer button.nodeEnquiry{
padding: 6px 10px;
margin: 0px 10px 10px;
font-size: 14px;
}






.nodeHoverContainer button.nodeEnquiry:hover{} 
.nodeHoverContainer button.nodeEnquiry:before{} 
#multipleImageContainer{
margin: 0px 0px 0px -13px;
}
#imageToggle {
margin: 25px 0px 15px 0px;
}
#imageToggle #moreImages,#imageToggle #viewFeatures,#imageToggle #moreVideos{
height: 43px;
line-height: 43px;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-size: 15px;
}
#imageToggle #moreImages:after,#imageToggle #viewFeatures:after,#imageToggle #moreVideos:after{
top: 10px;
right: 10px;
width: 17px;
height: 17px;
}
#imageToggle #moreImages:hover,
#imageToggle #viewFeatures:hover,
#imageToggle #moreVideos:hover,
#imageToggle #moreImages.selected,
#imageToggle #viewFeatures.selected,
#imageToggle #moreVideos.selected{} 

.html5gallery-elem-image-0 {
top: 0 !important;
left: 0 !important;
width: 100% !important;
} 
.html5gallery-title-0{} 
.html5gallery-tn-img-0 div,.html5gallery-tn-img-0,.html5gallery-tn-selected-0,.html5gallery-tn-0{
height: 116px !important;
}
#right {} 
h2.productDetailName{} 
.productPrices{} 
.price{} 
.productPrice{} 
.currencySym{} 
.currency{} 
.currencyType{} 
#productAttributes {} 
#productAttributes #skuStatus{} 
#productAttributes .sku{} 
#productAttributes .message{} 
.productDetailDescription {} 
.productDetailDescription p{} 
#buttonsPanel {} 
#buttonsPanel #quantityContainer {} 
#buttonsPanel #quantityContainer span{} 
a#addToCartButton.addToCart{} 
#enquiryForm {} 
#enquiryForm a#enquiryForm{} 
#full {} 
.productBackLink {} 
.productBackLink a{} 
#ajaxBusy,.productPrices{} 
#ajaxBusy img{} 
#productDetailSocialMedia {} 
#productDetailSocialMedia #facebook{} 
#productDetailSocialMedia #twitter{} 
#relatedProductsContainer {
margin: 25px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
#relatedProductsContainer h2{
font-size: 18px;
}
#relatedProducts{} 
.relatedProduct {
width: 140px;
margin: 0px 10px 10px 0px;
}
.relatedProduct a{
font-size: 16px;
line-height: 21px;
}
.relatedProduct a img{
width: 159px;
height: 159px;
margin: 0px 0px 10px 0px;
}
.productBackLink{
margin: 25px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
.productBackLink a{
font-size: 16px;
line-height: 21px;
}
/*---------------------------------------------------*/
#full{} 
#full #productDetailSocialMedia {
margin: 3px 0px 35px 0px;
}
#full #productDetailSocialMedia #facebook{
width: 140px;
}
#full #productDetailSocialMedia #twitter{
width: 100px;
}
#full #productDetailSocialMedia .pinterest{} 
#full #productDetailSocialMedia #plusone{
width: 100px;
}
a.enquireNowButton{
padding: 6px 14px;
margin: 0px 0px 30px 0px;
}
/*---------------------------------------------------*/
#productEnquiry {} 
#productEnquiry h2{
margin: 10px 0px 25px;
line-height: 40px;
font-size: 20px;
}
#productEnquiry form{} 
#productEnquiry #emailForm {
}
#productEnquiry #emailForm .formHeaderText{} 
#productEnquiry #emailForm table#formTable{} 
#productEnquiry #emailForm tbody{} 
#productEnquiry #emailForm tr{} 
#productEnquiry #emailForm td.labelHorizontal{} 
#productEnquiry #emailForm td.valueHorizontal{} 
#productEnquiry #emailForm .buttonBar{} 
/*--------------------*/
#relatedProductsContainer {} 
#relatedProductsContainer h2{
margin-top: 10px;
}
#relatedProducts{} 
.relatedProduct {} 
.relatedProduct a{
font-size: 14px;
line-height: 21px;
}
.relatedProduct a img{} 
/*--------------------*/
#projects {} 
#projects h2{
margin: 10px 0px 25px;
line-height: 40px;
font-size: 20px;
}
.project {
width: 100%;
margin: 0px 0px 20px 0px;
}
.project .projectImage{
width:100%;
margin: 0px 0px 0px 0px;
}
.project .moduleItemImage {} 
.project .moduleItemImage a{} 
.project .moduleItemImage a img{
width: 327px;
height: 160px;
}
.project .projectTitle{
width: 300px;
margin: 10px 0px 10px;
line-height: 22px;
font-size: 18px;

}
.project .projectDescription{
width: 300px;
font-size: 14px;
line-height: 20px;
}
.project .projectDescription p{
font-size: 14px;
line-height: 18px;
margin: 0px 0px 10px 0px;
}
.project a.projectReadMore{
font-size: 14px;
margin: 0px 0px 20px 0px;
}
/*------- Tabber Styles -----------------------------*/
#tabs{
margin: 0px 0px 30px 0px;
}
#tabContainer{} 
.ui-tabs-panel{
min-height: 100px;
margin: 10px 0px 0px 0px;
padding: 15px;
}
#tabSpecifications,#tabBenefits,#tabTestimonials{
padding: 10px 3%;
width: 94%;
font-size: 15px;
}
.ui-tabs {
padding: 0em;
zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
}
.ui-tabs .ui-tabs-nav li {
border-bottom: 0 !important;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
border-width: 0;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
#tabs{} 
#tabs ul.ui-tabs-nav{} 
#tabs ul.ui-tabs-nav li{
width: 33.3%;
line-height: 32px;
}
#tabs ul.ui-tabs-nav  li:before {} 
#tabs ul.ui-tabs-nav li:first-child{} 
#tabs ul.ui-tabs-nav li a{
padding: 3px 0px;
line-height: 24px;
font-size: 11px;
}
#tabs ul.ui-tabs-nav li.ui-tabs-active a,#tabs ul.ui-tabs-nav li:hover a{} 
.componentPadding{
padding: 10px 20px 20px;
}
#default .componentPadding{
padding: 20px 40px 20px;
}
#tabs li.ui-tabs-active a:after {
top: 100%;
left: 20%;
margin-left: -8px;
}
/*-----------------------------------------------------*/
.siteSearch{
padding: 30px 0px 0px 0px;
}
.siteSearch span{} 
.siteSearch input.fsub{
margin: 1px 0px 9px 0px;
padding: 3px 5px;
line-height: 10px;
}
.siteSearch input.textInput{
padding: 5px 6px;
margin: 0px 2px 0px 12px;
}
#searchResultDescription{
margin: 10px 0px 10px;
}
#searchResultItems .searchResultItem{
margin: 15px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#searchResultItems .searchResultItem a{} 
#searchResultItems .title{
margin: 0px 0px 0px 10px;
}
#searchResultItems .title a{} 
#searchResultItems .title:hover{} 
#searchResultItems .description{
margin: 8px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------*/
/* Category Listing */
.moduleItemsCategoriesOurWork{} 
.moduleCategoriesWrapperOurWork #navBar{ display: none;} 
.moduleItemsCategoriesOurWork{
margin: 30px 0px 0px 0px;
}
.moduleItemsCategoriesOurWork .moduleItemsListingItem {
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
}
.moduleItemsCategoriesOurWork .moduleItemsListingItem .moduleItemImage{
float : right;
width: 300px;
height: auto;
margin: 0px 0px 10px 0px;
}
.moduleItemsCategoriesOurWork .moduleItemsListingItem a{} 
.moduleItemsCategoriesOurWork .moduleItemsListingItem a img.thumbnail{} 
.moduleItemsCategoriesOurWork .header {} 
.moduleItemsCategoriesOurWork .header .title{
font-size: 20px;
margin: 5px 0px 10px 0px;
}
.moduleItemsCategoriesOurWork .moduleItemContent {
line-height: 26px;
}
.moduleItemsCategoriesOurWork .moduleItemContent .readMore {} 
.moduleItemsCategoriesOurWork .moduleItemContent .readMore a{
font-size: 15px;
}
/*--------------------------------------------------*/
/* Listing */
.moduleListingWrapperOurWork{} 
.moduleListingWrapperOurWork #navBar{ display: none; } 
.moduleItemsListingOurWork {
margin: 30px 0px 0px 0px;
}
.moduleItemsListingOurWork .moduleItemsListingItem {
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
}
.moduleItemsListingOurWork .moduleItemsListingItem .moduleItemImage{
float : right;
width: 300px;
height: auto;
margin: 0px 0px 10px 0px;
}
.moduleItemsListingOurWork .moduleItemsListingItem a{} 
.moduleItemsListingOurWork .moduleItemsListingItem a img.thumbnail{} 
.moduleItemsListingOurWork .header {} 
.moduleItemsListingOurWork .header .title{
font-size: 20px;
margin: 5px 0px 10px 0px;
}
.moduleItemsListingOurWork .moduleItemContent {
line-height: 26px;
}
.moduleItemsListingOurWork .moduleItemContent .readMore {} 
.moduleItemsListingOurWork .moduleItemContent .readMore a{
font-size: 15px;
}
/* Details */
.moduleDetailWrapperOurWork{} 
.moduleItemOurWork {} 
.moduleItemOurWork .title{

padding: 18px 0px;
font-size: 24px;
}
.moduleItemOurWork #moduleItemContent{} 
.moduleItemOurWork #moduleItemContent h2{
margin:15px 0px 15px 0px;
font-size: 20px;
}
.moduleItemOurWork .moduleItemImage {
width: 100%;
margin: 0px 33px 30px 0px;
}
.moduleItemOurWork .moduleItemImage img.main{
width: 320px;
}
.moduleItemOurWork #moduleItemBack {} 
.moduleItemOurWork #moduleItemBack a{} 
.moduleDetailWrapperOurWork .socialMediaContainer{
margin: 20px 0px;
}
.moduleDetailWrapperOurWork #facebook{
width: 140px;
}
.moduleDetailWrapperOurWork #twitter{
width: 93px;
}
.moduleDetailWrapperOurWork .pinterest{
width: 55px;
}
.moduleDetailWrapperOurWork #plusone{
width: 180px;
}
#linkedProductItems {} 
#linkedProductItems h2{} 
.linkedProductItem  {
width: 50%;
}
.linkedProductItem a.image{} 
.linkedProductItem a.image img{} 
.linkedProductItem p.productName{
width: 215px;
padding: 15px 0px;
}
.linkedProductItem p.productName a{
font-size: 18px;
line-height: 19px;
}
a.ourWorkCallout {
width: 100%;
height: 215px;
}
a.ourWorkCallout p{
font-size: 24px;
margin : 50px 30px;
}
a.ourWorkCallout p span{
margin: 10px 0px 0px 0px;
}
/*--------------------------------------------------*/
/* Listing */
.moduleListingWrapperBlog {} 

.moduleDetailWrapperBlog #facebook{
width: 140px;
}
.moduleDetailWrapperBlog #twitter{
width: 93px;
}
.moduleDetailWrapperBlog .pinterest{
width: 55px;
}
.moduleDetailWrapperBlog #plusone{
width: 180px;
}
.moduleItemsListingBlog  {
margin: 30px 0px 0px 0px;
}
.moduleItemsListingBlog .moduleItemsListingItem {
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
}
.moduleItemsListingBlog .moduleItemsListingItem .moduleItemImage{
width: 300px;
height: 160px;
margin: 0px 0px 0px 0px;
}
.moduleItemsListingBlog .moduleItemsListingItem a{} 
.moduleItemsListingBlog .moduleItemsListingItem a img.thumbnail{} 
.moduleItemsListingBlog .header {} 
.moduleItemsListingBlog .header .title{
font-size: 20px;
margin: 5px 0px 10px 0px;
}
.moduleItemsListingBlog .moduleItemContent {
line-height: 26px;
}
.moduleItemsListingBlog .moduleItemContent .readMore {} 
.moduleItemsListingBlog .moduleItemContent .readMore a{
font-size: 15px;
}
/* Details */
.moduleDetailWrapperBlog{} 
.moduleItemBlog {} 
.moduleItemBlog .title{
padding: 18px 0px;
font-size: 24px;
}
.moduleItemBlog .date{
margin: -10px 0px 30px 0px;
font-size: 14px;
}
.moduleItemBlog #moduleItemContent{} 
.moduleItemBlog #moduleItemContent h2{
margin:15px 0px 15px 0px;
font-size: 20px;
}
.moduleItemBlog .moduleItemImage {
width: 300px;
margin: 0px 0px 30px 0px;
}
.moduleItemBlog .moduleItemImage img.main{} 

#moduleItemBack {
margin: 35px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#moduleItemBack a{} 

.nz-blog #leftColumn,
.au-blog #leftColumn{} 


.au-blog #navBar,
.au-blog #navBar{
display : block;
left: -246px;
width: 210px;
margin: 0px 0px 50px 36px;
min-height: 300px;
margin: -58px 0px 0px 0px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#leftNavigation{} 
.navheaders{
padding: 6px 0px;
font-size: 20px;
line-height: 34px;
}
#navBar ul{} 
#navBar ul li{} 
#navBar ul li:last-child{} 
#navBar ul li a{
padding: 4px 10px 4px 20px;
}
#pageEditorContent #navBar li:before, #pageSource #navBar  li:before {} 
/*--------------------------------------------------*/
.moduleListingWrapperServices {} 
.moduleListingWrapperServices #navBar{} 
.moduleItemsListingServices {} 
.moduleItemsListingServices .moduleItemsListingItem{
margin: 15px 0px 0px 0px;
padding: 45px 0px 0px 0px;
}

.moduleItemsListingServices .moduleItemsListingItem.noImage{
margin: 15px 0px 0px 0px;
}
.moduleItemsListingServices .moduleItemsListingItem:first-child{} 
.moduleItemsListingServices .moduleItemImage{
margin: -15px 20px 0px 0px;
}
.moduleItemsListingServices img.listing{} 
.moduleItemsListingServices .header {} 
.moduleItemsListingServices .header .title{
font-size: 22px;
line-height: 26px;
}
.moduleItemsListingServices .moduleItemContent {} 
.moduleItemsListingServices .moduleItemContent h3{} 
.moduleItemsListingServices .moduleItemContent p{} 
.moduleItemsListingServices .readMore a{
padding: 8px 14px;
margin: 0px 0px 30px 0px;
}
/*--------------------------------------------------*/
.moduleDetailWrapperServices .galleryModuleItem {
margin: 5px 20px 0px 0px;
}
.moduleDetailWrapperServices img.listing{} 
.moduleDetailWrapperServices .header {} 
.moduleDetailWrapperServices .title{
font-size: 22px;
line-height: 26px;
margin: 20px 0px 0px;
}
.moduleDetailWrapperServices #moduleItemContent{} 
/*-------------------------------------------------*/
.moduleListingWrapperOurCapabilities { width: 100%;} 
.moduleListingWrapperOurCapabilities #pageSource{
width: 100%;
margin: 0px 0px 30px 0px;

}
.moduleListingWrapperOurCapabilities .container {
width: 300px;
} 
.moduleListingWrapperOurCapabilities .bgContainer {
width: 300px;
padding: 0 0px;
} 
.moduleItemsListingOurCapabilities {} 
.moduleItemsListingOurCapabilities {} 
.moduleItemsListingOurCapabilities .moduleItemsListingItem {
width: 100%;
min-width: 200px;
padding: 0 0 25px 0 ;
}
.moduleItemsListingOurCapabilities .moduleItemsListingItem .content{
}
.moduleItemsListingOurCapabilities .moduleItemsListingItem .title {
padding: 12px 0px 10px;
line-height: 26px;
font-size: 18px;
}
.moduleItemsListingOurCapabilities .moduleItemsListingItem img {
width : 90px !important;
margin: 0px 0px 8px 6px;
}
.moduleItemsListingOurCapabilities .moduleItemsListingItem a:first-child img{
margin: 0px 0px 8px 0px;
}
.moduleItemsListingOurCapabilities .moduleItemsListingItem p {} 
p.adminMessage{
font-size: 12px;
padding: 4px 0px;
}
#downloadABrochure {} 
#downloadABrochure a{
background: none repeat scroll 0 0 #41ad6d;
margin: 0 70px 30px 0px;
padding: 6px 14px;
}
#downloadABrochure a:before{} 
/*--------------------------------------------------*/
.modulePath{} 
.modulePath a{} 
/*--------------------------------------------------*/
/* FAQs */
#faqItems{} 
.faqItem{
margin: 12px 0px;
padding: 0px 0px 10px 0px;
}
.faqItem .question a.button{} 
.faqItem .question a.button:hover{} 
.faqItem .answer{
margin: 0px 0px 0px 10px;
}
/*--------------------------------------------------*/
a.modelLink{
margin : 0px 0px 10px 0px;
font-size: 14px;
}
/*--------------------------------------------------*/
.moduleComponentservices{
margin: 30px 0px 0px 0px;
}
.moduleComponentservices .componentItem{
width: 100%;
margin: 0px 0px 8px 0px;
} 
.moduleComponentservices .componentItem.id25{} 
.moduleComponentservices .componentItem.id35{} 
.moduleComponentservices .componentItem.id36{} 
.moduleComponentservices .componentItem.id37{} 
.moduleComponentservices span.title{
float: left;
position:relative;
font-size: 18px;
line-height: 22px;
margin: 5px 0;
padding: 0px 0px 0px 10px;
}
.moduleComponentservices .textMultipleImageContainer {
float: left;
} 
.moduleComponentservices .textMultipleImageContainer .moduleItemImage {
width: 50px;
margin: 0px 20px 10px 0px;
}
.moduleComponentservices .textMultipleImageContainer .moduleItemImage img.component{
border-width: 7px 9px;
}

#detailImage.viewContainer
{
transform: scale(1);
margin:0px;
}

.nodal
{
display: none !important;
}

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

img#map {
max-width: 300px !important;
width: 300px !important;
height: 230px !important;
}

.nz-contact #pageSource tr,
.au-contact #pageSource tr
{
background: none; 
}

.nz-contact #pageSource td,
.au-contact #pageSource td
{
float: left;
display: block !important;
width: 100% !important;
padding: 0 !important;		
}


.nz-contact #pageSource img,
.au-contact #pageSource img
{
width : 300px !important;
margin : 20px 0px;
}

iframe {
max-width: 100%;
}

img {
max-width: 100%;
width: auto !important;
height: auto !important;
}
table
{
width: auto !important;
max-width: 320px;
padding: 0 !important;
}

td,
th
{
float: left;
display: block !important;
width: 100% !important;
padding: 0 !important;		
}
iframe {
max-width: 100%;
}
#mobileNavigation {
border-bottom: 0 none;
display: block !important;
}

#header a#pull {
position: absolute;
top: 55px;
right: 35px;		
display: inline-block;
width: 45px;
height: 45px;
background: #efefef;
border-radius: 100%;
padding: 0;
}
#header a#pull:after {
content:"";
background: url(https://www.progressivegroup.co.nz/images/style/nav-icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}
#header #mobileNavigation {
border-bottom: 0;
margin: 0 !important;
}
#header #mobileNavigation ul {
display: none;
height: auto;
padding: 0;
margin: 0px 0px 0px 0px;
width: 320px;
position: absolute;
z-index: 100;
top : 125px; 
left: 0px;
}

#header #mobileNavigation li {
display: block;
float: none;
width: 100% !important;
height: auto;
line-height: 40px;
border-bottom: none;
padding: 0 0 0px;
margin:0px 0px 0px 0px;
border-bottom: 1px solid rgba(0,0,0,0.2);
text-align: center;
}


#header #mobileNavigation ul li ul {
display: none !important;
}

#header #mobileNavigation ul li ul li {
margin: 0;
padding: 0;
width: 100%;
border: none;
border-bottom: 1px solid #efefef;
background: #666;
text-align: center;
}

#header #mobileNavigation ul li ul li a.menuSelected
{
color: #fff !important;
background: #e72f29;
}


#header #mobileNavigation ul li ul li a {
margin: 0;
padding: 0;
width: 100%;
line-height: 45px;
color:  #666!important;
border: none;
background: #fff;
text-align: center;
}
#header #mobileNavigation li a {
color: #545454 !important;
display: block;
font-size: 18px !important;
line-height: 48px;
text-decoration: none;
text-indent: 0px;
background: none repeat scroll 0 0 #efefef;
text-shadow: none;
font-weight: normal !important;
}

#header #mobileNavigation li a:hover {
background: #666 !important;
color: #fff !important;
}
}
#facebookFeedContainer
    {
        margin-bottom:15px;
    }
#facebookFeedContainerMobile
    {
        display:none;
    }

@media screen and (max-width:1100px)
{
    #home #pageEditorContent
    {
        margin-bottom:15px;
    }
    #facebookFeedContainer
    {
        padding-top: 339px;
        height: 0;
        width: 132%;
        margin-left: -20px;
    }
    #facebookFeedContainer iframe
    {
        
        height: 390px;
        
    }
    #home #pageEditorContent p, #pageEditorContent li
    {
        padding-left:10px;
    }
}

@media screen and (max-width:450px)
{
    #home #pageEditorContent p, #pageEditorContent li
    {
        padding-left:0px;
    }
    #facebookFeedContainer
    {
        display:none;
    }
    #facebookFeedContainerMobile
    {
        display:block;
        margin-top: 75px;
        margin-bottom:15px;
    }
}