/*------------ General Page Rules ----------------------------------------------------------*/


body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
background: #000;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
}

/* ----------- Colours -------------------------*/

/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/

/* ----------- General Page Rules -------------------------*/

iframe[id^="oauth2relay"] { position: fixed !important; }

h1
{
margin: 20px 0px;
color: #661d00;
font-weight: 100;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h2
{
margin: 20px 0px;
color: #8a2801;
font-size: 26px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h3
{
margin: 15px 0px;
color: #424242;
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h4
{
margin: 15px 0px;
color: #661d00;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
}


p,div#pageSource
{
line-height: 22px;
margin: 12px 0px;
}

div#pageSource{ text-align:left; }

ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

li
{
margin: 3px 0px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
width: 96%;
margin: 35px 0px 15px;
border: none;
background: none;
border-bottom: 2px solid #661d00;
}

a
{
color: #8a2801;
}

a:hover
{
color: none;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

strong
{
font-weight: 700;
}


/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

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

.bgContainer
{
width: 1002px;
float: left;
position: relative;
height: auto;
}

body
{
/*background: 100% width tile here */
}


#header,
.header-wrapper
{
float: left;
position: relative;
width: 100%;
height: 133px;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}

#header.stuck
{
float: none;
position: fixed;
width: 100%;
height: 53px;
background: #000;
z-index: 3000;
border-bottom: none;
box-shadow: none;
}


#header.stuck #topNav
{
display: none;
}

#header.stuck #subNavigation
{
display: none;
}

#content
{
float: left;
position: relative;
width: 100%;
clear: both;
min-height: 400px;
background: #f5f4f4;
}

#default #content
{
padding-bottom: 20px;
}

#footer {
float: left;
position: relative;
width: 100%;
height: auto;
background: #000;
border: none;
border-top: 3px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


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

#header
{

}

#header a.logo
{
float: left;
margin: 15px 0px 0px 0px;
transition: 0.5 all;
}

#header img
{

}


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

#header.stuck a.logo
{
margin: 4px;
}

#header.stuck a.logo img
{
height: 40px;
}

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

#navigation
{
float: right;
position: relative;
width: 700px;
text-align: right;
}

#topNav
{
float: left;
position: relative;
width: 100%;
line-height: 37px;
border-bottom: 1px solid #333333;
}

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

.siteSearchContainer
{
float: left;
position: relative;
margin: 0px 0px 0px 468px;
}

#topNav:hover .siteSearchContainer input.siteSearchInput:active
{
width: 165px;
}

.siteSearchContainer span.searchLabel
{
display: none;
}

.siteSearchContainer input.siteSearchInput
{
position: relative;
border: none;
width: 65px;
background: none;
font-family: 'Squada One', cursive;
color: #808080;
text-transform: uppercase;
font-size: 16px;
padding: 3px;
border-radius: 3px;
border-radius: inset 0px 0px 5px 1px rgba(0,0,0,0.4);
transition: 0.5s all;
}

.siteSearchContainer input.siteSearchInput:focus
{
color: #000;
background: #ccc;
width: 165px;
margin: 2px 0px 0px -100px;
}

.siteSearchContainer input.siteSearchSubmit
{
margin: 2px 20px 0px 0px;
width: 24px;
height: 24px;
border: none;
cursor: pointer;
background: url(http://www.hardasrocks.co.nz/images/style/search_icon.png) 0px 0px no-repeat;
}

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

a.pinterestIcon
{
display: block;
float: left;
position: relative;
width: 20px;
height: 17px;
margin: 10px 10px 0px 0px;
background: url(http://www.hardasrocks.co.nz/images/style/icon_pinterest.png) 0px 0px no-repeat;
}


a.pinterestIcon:hover
{
background: url(http://www.hardasrocks.co.nz/images/style/icon_pinterest.png) 0px -17px no-repeat;
}

a.pinterestIcon span
{
display: none;
}

a.facebookIcon
{
display: block;
float: left;
position: relative;
width: 20px;
height: 15px;
margin: 10px 10px 0px 0px;
background: url(http://www.hardasrocks.co.nz/images/style/icon_facebook.png) 0px 0px no-repeat;
}

a.facebookIcon:hover
{
background: url(http://www.hardasrocks.co.nz/images/style/icon_facebook.png) 0px -15px no-repeat;
}

a.facebookIcon span
{
display: none;
}

a.youtubeIcon
{
display: block;
float: left;
position: relative;
width: 40px;
height: 16px;
margin: 10px 0px 0px 0px;
background: url(http://www.hardasrocks.co.nz/images/style/icon_youtube.png) 0px 0px no-repeat;
}

a.youtubeIcon:hover
{
background: url(http://www.hardasrocks.co.nz/images/style/icon_youtube.png) 0px -16px no-repeat;
}

a.youtubeIcon span
{
display: none;
}

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

#header #subNavigation
{
float: left;
position: relative;
width: 415px;
margin: 20px 0px 8px 285px;
}

#header #subPageNavigation h1.contentPageTitle
{
float: left;
position: relative;
margin: 0;
padding: 0;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
color: #fff;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size:16px;
padding: 12px;
margin: 0px 10px 0px 0px;
min-height: 100%;
font-weight: 800;
}

#header #subNavigation ul
{
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}

#header #subNavigation ul li
{
float: left;
position: relative;
margin: 0;
padding: 0;
display: block;
width: auto;
}

#header #subNavigation ul li a
{
display: inline-block;
padding: 18px 0px 6px;
text-decoration: none;
color: #fff;
display: inline-block;
padding: 4px 0px;
font-family: 'Squada One', cursive;
color: #8a2801;
text-transform: uppercase;
font-size: 17px;
text-decoration: none;
transition: 0.5s all;
}

#header #subNavigation ul li a:hover
{
color: #fff;
}

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



#header.stuck #actualNavigation ul li 
{
line-height: 45px;
}

#header.stuck #actualNavigation ul li ul
{
display: block;
position: absolute;
z-index: 9999;
top: 53px;
left: -315px;
width: 1002px;
height: 0px;
overflow: hidden;
background: #f4f4f4;
box-shadow: none;
padding: 0px 0px 0px 20px;
transition: 0.5s all;
}

#actualNavigation ul li:hover ul
{
height: 80px;
}

#header.stuck #actualNavigation ul li:hover ul
{
height:50px;
box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
}

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



a.contactUsLink
{
float: left;
display: inline-block;
width: 115px;
}

a.requestBrochureLink
{
float: left;
display: inline-block;
width: 150px;
}

a.newsletterSignupLink
{
float: left;
display: inline-block;
width: 145px;
}


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

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

#actualNavigation ul
{
padding: 0;
margin: 0px 0px 0px 2px;
list-style: none;
}

#actualNavigation ul li
{
float: left;
position: static;
padding: 0;
margin: 0px 0px 0px 0px;
background: none;
text-align: center;
}

#actualNavigation ul li.products
{
width: 99px;
text-align: auto;
}

#actualNavigation ul li.showcase
{
width: 109px;
}

#actualNavigation ul li.learn
{
width: 76px;
}

#actualNavigation ul li.find-a-distributor
{
width: 141px;
}

#actualNavigation ul li.tech-support
{
width: 141px;
}

#actualNavigation ul li.news-and-views
{
width: 128px;
text-align: right;
}

#actualNavigation ul li a
{
display: inline-block;
padding: 4px 0px;
font-family: 'Squada One', cursive;
color: #fff;
text-transform: uppercase;
font-size: 23px;
text-decoration: none;
transition: 0.5s all;
}

#actualNavigation ul li a:hover
{
color: #808080;
}

#actualNavigation ul li ul
{
display: block;
position: absolute;
z-index: 1000;
top: 39px;
left: -315px;
width: 972px;
height: 0px;
overflow: hidden;
background: #f4f4f4;
box-shadow: none;
padding: 0px 30px 0px 20px;
transition: 0.5s all;
text-align: right;
}

#actualNavigation ul li:hover ul
{
box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
height: 80px;
}


#actualNavigation ul li ul li
{
float: none;
display: inline-block;
position: relative;
width: auto; 
line-height: 70px;
padding: 0px 10px;
}

#actualNavigation ul li ul li a
{
font-size: 20px;
color: #8a2801
}


#actualNavigation ul li ul li a:before
{
content: "> ";
}

#actualNavigation ul li ul li a:hover
{
color: #000000
}


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

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

/*---- Sub page nav with header images -------*/

#content #subPageNavigation
{
float: left;
position: relative;
width: 100%;
height: 46px;
overflow: hidden;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) repeat;
}

#content #subPageNavigation .container
{
width: 100%;
position: absolute;
bottom: 0;
background: none
}

#content #subPageNavigation .bgContainer
{
float: none;
margin: 0 auto;
clear: both;
overflow: hidden;
}

#content #subPageNavigation h1.contentPageTitle
{
float: left;
position: relative;
margin: 0;
padding: 0;
background: #000;
color: #fff;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size:16px;
padding: 12px;
margin: 0px 10px 0px 0px;
min-height: 100%;
font-weight: 800;
}

#content #subPageNavigation ul
{
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}

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

#content #subPageNavigation ul li a
{
display: inline-block;
padding: 18px 8px 6px;
text-decoration: none;
color: #fff;
font-size: 11px;
}

#content #subPageNavigation ul li a:hover
{
text-decoration: underline;
}

#content #subPageNavigation ul li a:before
{
content: "> ";
}

#content #subPageNavigation ul li ul
{
display : none;
}

/*---- Sub page nav with header images -------*/

body.headerImages #content #subPageNavigation
{
float: left;
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) repeat;
}

body.headerImages #content #subPageNavigation .container
{
width: 100%;
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.7);
}

body.headerImages #content #subPageNavigation .bgContainer
{
float: none;
margin: 0 auto;
clear: both;
overflow: hidden;
}

body.headerImages #content #subPageNavigation h1.contentPageTitle
{
float: left;
position: relative;
margin: 0;
padding: 0;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
color: #fff;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size:16px;
padding: 12px;
margin: 0px 10px 0px 0px;
min-height: 100%;
font-weight: 800;
}

body.headerImages #content #subPageNavigation ul
{
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}

body.headerImages #content #subPageNavigation ul ul
{
display: none;
}

body.headerImages #content #subPageNavigation ul li
{
float: left;
position: relative;
margin: 0;
padding: 0;
}

body.headerImages #content #subPageNavigation ul li a
{
display: inline-block;
padding: 18px 10px 6px;
text-decoration: none;
color: #fff;
font-size: 12px;
}

body.headerImages #content #subPageNavigation ul li a:hover
{
text-decoration: underline;
}

body.headerImages #content #subPageNavigation ul li a:before
{
content: "> ";
}


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


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

.moduleComponentheaderImages
{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
	float:none;
	position:relative;
	margin:0 auto 0px;
	padding: 0px 0px 121px 0px;
	min-width:1020px;
	max-width:100%;
	height:800px;
	background: #000;
	z-index:1;
}

.moduleComponentContainerhomeSlides
{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	width:100% !important;
	min-height:800px;
}


.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
	width:100% !important;
	height:800px;
	overflow:hidden;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent
{
	position:absolute;
	bottom:auto;
	left:auto;
	right:0;
width: 425px;
padding: 65px 25px 10px 25px;
	height:auto;
	z-index:4;
	background:rgba(0,0,0,0.5);
	color:#fff;
font-size: 24px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent p
{
margin: 0px 0px 10px;
padding: 0;
text-shadow: 1px 1px 1px #000;
}

#homeSlideNav.nav
{
position: absolute;
top: 25px;
right: auto;
right: 20px;
background: none;
z-index: 100;
}

#homeSlideNav.nav a.activeSlide
{
background: #8a2801;
}

#homeSlideNav.nav a
{
display: block;
float: left;
position: relative;
width: 10px;
height: 10px;
margin: 0px 8px;
border-radius: 10px;
background: #939393;
text-shadow: 1px 1px 1px #000;
}


#homeSlides
{

}

#homeSlides .moduleComponentContainerhomeSlides
{

}

#homeSlides .moduleComponent
{

}

#homeSlides .bannerImageContainer
{

}

#homeSlides img.bannerImage
{

}



#homeSlides h2.bannerTitle
{

}

#homeSlides .bannerHtmlContent
{

}

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


#home #pageEditorContent
{
float:left;
clear: both;
	position:fixed;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
z-index: 1000;

background: rgba(0,0,0,0.5);
}

#home #pageEditorContent p
{
line-height: 26px;
font-size: 20px;
color: #fff;
font-family: 'Squada One', cursive;
}


#home #pageEditorContent.stuck,
#home .sticky-wrapper
{
	position:absolute;
bottom: 0;
left: 0;
right: 0;
	width:100%;
background: rgba(0,0,0,0.5);
}

#default .sticky-wrapper
{
position:relative;
bottom: 0;
left: 0;
right: 0;
width:100%;
background: rgba(0,0,0,0.5);
}

#pageEditorContent .bgContainer
{
padding: 8px 0px;
}

.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:2; /* Chrome, Safari, Opera */
-moz-column-count:2; /* Firefox */
column-count:2;

-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:40px; /* Firefox */
column-gap:40px;
}


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

#default #pageEditorContent
{
float:left;
	position:relative;
z-index: auto;

	width:100%;
	bottom: 0;
left: 0;
background: #fff;
color: #000;
background: none
}

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


#default #pageEditorContent p
{

}

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

#innerContent
{
float: left;
position: relative;
width: 70%;
min-height: 200px;
}

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

#contentSubNavigation
{
float: right; /* changed from left with padding*/
position: relative;
width: 25%;
/* padding: 0 0 0 5%; */
}

#contentSubNavigation ul
{
margin: 0;
padding: 0;
list-style: none;
}

#contentSubNavigation ul li
{
margin: 0;
padding: 0;
}

#contentSubNavigation ul li a
{
background: url("http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg") repeat-y scroll center center / 100% auto #444;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: 'Squada One',cursive;
    font-size: 18px;
    margin: 5px 0;
    padding: 10px;
text-decoration: none;
    text-transform: uppercase;
}

#contentSubNavigation ul li a.menuSelected,
#contentSubNavigation ul li a.childSelected,
#contentSubNavigation ul li a:hover
{
  background: url("http://www.hardasrocks.co.nz/images/style/texture_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#contentSubNavigation ul li ul 
{
margin: 0px 0px 0px 20px;
padding: 0;
list-style: disc;
}

#contentSubNavigation ul li ul li
{
margin: 3px 0;
padding: 0;
}

#contentSubNavigation ul li ul li a
{
    background: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: 'Squada One',cursive;
    font-size: 18px;
    margin: 0px 0;
    padding: 3px 0px;
    text-decoration: none;
    text-transform: none;
    font-family: 'Open Sans', arial, Helvetica, sans-serif;
    font-size: 14px;
color: #000;
}

#contentSubNavigation ul li ul li a:hover,
#contentSubNavigation ul li ul li a.menuSelected
{
color: #8a2801;
background: none;
text-decoration: underline;
}


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


#footer
{
padding: 0px 0px 0px 0px;
}


#footer .container
{

}

#home #footer .bgContainer
{
padding: 0;
}

#copyright
{
float:right;
position:relative;
width:370px;
padding: 12px 0px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}

#copyright p
{
float:left;
position:relative;
display: inline-block;
padding: 0px 0px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}

#copyright p:nth-child(1)
{
width:160px;
}

#copyright p:nth-child(2)
{
width:210px;
}

#copyright p,
#home #pageEditorContent #copyright p
{
margin: 0 !important;
font-size: 14px !important;
color: #666;
}

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

#copyright p a:hover
{
text-decoration: underline;
color: #666;
}

#copyright p.whiteText,
#home #pageEditorContent #copyright p.whiteText
{
margin: 0 !important;
color: #fff;
font-size: 15px !important;
}
#copyright p.whiteText a
{
text-decoration: none;
color: #fff;
}


#footer a img
{
margin: 12px 10px 10px 0px;
}

a.findDistributor
{
float: right;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;
font-size: 15px;
padding: 0px 16px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px 10px;
}

a.eldoradoStone
{
float: right;
position: relative;
margin: -2px 0px -10px 18px;
}

.moduleComponentContainerfooterLogos
{
float: left;
position: relative;
width: auto;
height: 121px;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer
{
float: left;
position: relative;
width: auto;
margin: 0px 15px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
width: 75px;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
width: 70px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{
width: 80px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
width: 102px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
margin: 10px 0px 0px 5px;
width: 140px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{margin: 2px 0px 0px -10px;width: 139px;position: absolute;bottom: 9px;left: 365px;}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}


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

.modulePath
{
float: left;
position: relative;
width: 100%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{

}

.modulePath a
{
color: #000;
}

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

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{float: left;position: relative;width: 30%;padding: 0;margin: 0 3% 3% 0;min-height: 262px;}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_1.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,

.moduleItemsListingItem:nth-child(18) .header,
.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title

{
margin: 0px;
color: #8A2801;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingItem .readMore
{

}

.moduleItemsListingItem .readMore a
{

}

/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 25px;
padding: 3% 5% 3%;
min-height: 68px;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase 

.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
padding: 3% 5% 3%;
min-height: 68px;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;

min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}



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


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
padding: 3% 5% 3%;
min-height: 68px;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 155px 0px;
}


/*---- News and Views ------------*/

#navBar
{
float: right;
position: relative;
width: 20%;
}

#navBar span.navheaders
{
display: block;
background: #444 url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
margin: 15px 0px;
color: #fff;
border-radius: 3px;
padding: 10px;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

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

#navBar ul li
{

}

#navBar ul li a
{
transition: 0.5s all;
text-decoration: none;
}

#navBar ul li a:hover
{
color: #000;
text-decoration: underline;
}


/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 70%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 312px;
transition: 1s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: auto;
padding: 3% 5% 0%;
min-height: 68px;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 350px !important;
background: none;


min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}

/*----- News and Views --------------*/

.moduleItem.moduleItemNewsAndViews
{
float: left;
position: relative;
width: 70%;
}

.moduleItem.moduleItemNewsAndViews .title
{

}


.moduleItem.moduleItemNewsAndViews .date
{
opacity: 0.5;
}

.moduleItem.moduleItemNewsAndViews #moduleItemContent
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 30px 0px;
}

.moduleItem.moduleItemNewsAndViews .rg-image-wrapper,
.moduleItem.moduleItemNewsAndViews .rg-thumbs
{
float: left;
position: relative;
width: 100%;
}

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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 30%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}



/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 65%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;

}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;

}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

h1.distributorLeadInTitle
{
font-size :48px;
position: absolute;
top: 0px;
left: 0px;
z-index: 300;
}

img.distributorLeadInImage
{
font-size :48px;
position: absolute;
top: 208px;
left: 0px;
z-index: 300;
}


.distributionContainer
{
float: right;
position: relative;
background: url(http://www.hardasrocks.co.nz/images/style/distibutor_map.jpg) top left no-repeat; 
width: 643px; 
height: 946px;
margin: 0 0;
}

.distributionContainer a span
{
display: none;
}

.distributionContainer a
{
display: block;
width: 100px;
height: 100px;
position: absolute;
top: 0;
left: 0;
background: #ff0000;
background: transparent;
}

.distributionContainer a.northlandLink
{
width: 125px;
height: 125px;
top: 0;
left: 300px;
}

.distributionContainer a.aucklandLink
{width: 55px;height: 97px;top: 115px;left: 410px;}

.distributionContainer a.aucklandLargeLink
{
width: 185px;
height: 135px;
top: 135px;
left: 200px;
}

.distributionContainer a.waikatoLink
{width: 60px;height: 78px;top: 210px;left: 435px;z-index: 1000;}

.distributionContainer a.coromandelLink
{
width: 55px;
height: 95px;
top: 115px;
left: 465px;
}

.distributionContainer a.westernbayofplentyLink
{
width: 55px;
height: 35px;
top: 210px;
left: 495px;
}

.distributionContainer a.easternbayofplentyLink
{
width: 90px;
height: 85px;
top: 200px;
left: 520px;

}

.distributionContainer a.centralplateauLink
{
width: 90px;
height: 85px;
top: 260px;
left: 440px;
}

.distributionContainer a.gisborneLink
{
width: 70px;
height: 130px;
top: 225px;
left: 580px;
transform:rotate(45deg);
}

.distributionContainer a.hawkesbayLink
{
width: 75px;
height: 85px;
top: 320px;
left: 510px;
}

.distributionContainer a.taranakiLink
{
width: 75px;
height: 85px;
top: 280px;
left: 370px;
}

.distributionContainer a.manawatuLink
{
width: 75px;
height: 85px;
top: 340px;
left: 430px;

transform:rotate(40deg);
}

.distributionContainer a.wairarapaLink
{
width: 70px;
height: 95px;
top: 410px;
left: 460px;
transform:rotate(40deg);

}

.distributionContainer a.wellingtonkapitiLink
{
width: 30px;
height: 65px;
top: 420px;
left: 435px;
transform:rotate(40deg);

}

.distributionContainer a.wellingtonkapitiLargeLink
{
width: 185px;
height: 175px;
top: 285px;
left: 100px;

}

.distributionContainer a.nelsonLink
{
width: 130px;
height: 145px;
top: 440px;
left: 260px;
}

.distributionContainer a.marlboroughLink
{
width: 80px;
height: 145px;
top: 440px;
left: 340px;
}

.distributionContainer a.canterburyLink
{
width: 320px;
height: 125px;
top: 580px;
left: 80px;
}

.distributionContainer a.southcanterburyLink
{
width: 105px;
height: 110px;
top: 645px;
left: 195px;
z-index: 300;
}

.distributionContainer a.southcanterburyLargeLink
{
width: 185px;
height: 175px;
top: 695px;
left: 290px;
}

.distributionContainer a.queenstownlakesLink
{
width: 105px;
height: 120px;
top: 690px;
left: 95px;
z-index: 100;
}

.distributionContainer a.southlandLink
{
width: 150px;
height: 215px;
top: 730px;
left: 0px;
}

.distributionContainer a.otagoLink
{
width: 90px;
height: 180px;
top: 745px;
left: 160px;

}



#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
background: none;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
display: none;
}

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

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 43%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(22) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(23) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(24) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(11) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(18) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(25) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(26) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(27) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingDistributors .moduleItemsListingItem:nth-child(28) .header
{
background: none;
}

.moduleItemsListingDistributors .moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingDistributors .moduleItemsListingItem .header a .title,
.moduleItemsListingDistributors .moduleItemsListingItem .header .title
{
margin: 0px;
color: #ae1102;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingDistributors .moduleItemsListingItem a
{
color: #fff;
}

.moduleItemsListingDistributors .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 100% !important;
min-height: 0px !important;
padding: 0px;
color: #ae1102;
min-height: 68px;
}



.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .readMore
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .readMore a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .readMore a
{
position: absolute;
bottom: 8px;
right: 8px;
border-radius: 3px;
display: block;
padding: 6px 10px;
text-decoration: none;
background: #808080; /* Old browsers */
background: -moz-linear-gradient(top, #808080 0%, #707070 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #808080 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #808080 0%,#707070 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #808080 0%,#707070 100%); /* IE10+ */
background: linear-gradient(to bottom, #808080 0%,#707070 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
}

.moduleItemsListingDistributors .moduleItemsListingItem .readMore a:before
{
float: left;
margin: 0px 10px 0px 0px;
content: " + ";
width: 20px;
height: 20px;
display: block;
background: #fff;
color: #6F2001;
font-weight: bold;
text-align: center;
border-radius: 10px;
transition: 0.2s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .readMore a:hover:before
{
float: left;
margin: 0px 10px 0px 0px;
content: " + ";
width: 20px;
height: 20px;
display: block;
background: #6F2001;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 10px;
}

/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;

height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol
{
float: right;
position: relative;
width: 33%;
height: auto !important;
background: none;
}

.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;

top: 80px;
margin: 0px 0px 0px 671px;
width: 331px;
height: auto !important;

background: none;
}

.moduleItem.moduleItemDistributors .rightCol-wrapper
{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol img
{

max-width: 200px;
width: auto !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 10px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 10px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 65%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr
{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;
margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;
margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,

#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: left;
width: 100%;
background: none;
border: none;
padding: 0px;
margin: 0px 0px 30px 0px;
color: #2d2d2d;
}

#emailForm #formTable,
#subscribeForm #formTable
{
width: 100%;
background: #ccc;
border: 25px solid #ccc;
padding: 0px;
margin: 0px 0px 0px 0px;
border-radius: 3px;
color: #2d2d2d;
}

#emailForm #formTable tr
{
background: #ccc;
}

body.iframe #emailForm #formTable
{
margin: 40px 0px 0px 0px;
}

#emailForm table,
#subscribeForm table,
#surveyTable table,
#alertForm table,
#registrationForm table

{
width: 80%;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#emailForm table td,
#subscribeForm table tr.even td,
#surveyTable table tr.even td,
#alertForm table tr.even td,
#registrationForm table tr.even td
{
padding: 0px;
background: none;
}

#emailForm table td,
#subscribeForm table tr.odd td,
#surveyTable table tr.odd td,
#alertForm table tr.odd td,
#registrationForm table tr.odd td
{
padding: 0px;
background: none;
}

#emailForm
{
width: 100%;
}

body.iframe #emailForm,
body.iframe #pageSource p {
color: #8e8e8e;
}

body.iframe #emailForm #formTable
{
width: 100%;
background: none;
border: none;
padding: 0px;
border-radius: 0px;
box-shadow: none;
}

body.iframe #pageSource,
body.iframe #pageSource td.labelVertical span,
body.iframe #pageSource h2
{
color: #fff;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #2d2d2d;
padding: 0 5% 0 0 ;
}

body.iframe #emailForm td.labelHorizontal,
body.iframe #subscribeForm td.labelHorizontal,
body.iframe #surveyTable td.labelHorizontal,
body.iframe #alertForm td.labelHorizontal,

body.iframe #registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #2d2d2d;
padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td.valueHorizontal,
#registrationForm  td.valueHorizontal
{
width: 50%;
vertical-align: top;
text-align: left;
}


#emailForm td.labelVertical,
#subscribeForm td.labelVertical,
#surveyTable td.labelVertical,
#alertForm td.labelVertical,
#registrationForm  td.labelVertical
{
color: #fff;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 14px;

color: #fff;
}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px;
color:  #6E1E00;
}

span.required
{
font-weight: bold;
color:  #6E1E00;
}

table.ftable td{ vertical-align:top; padding:4px;}
table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }
table.ftable td.fcolumn{ text-align:center; }

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #ccc;
font-size: 14px;
width:100%;
padding: 6px;
margin: 3px 0px 3px -18px;
border-radius: 3px;
}

body.iframe input.fmtxt, body.iframe input.fmtxt, body.iframe input.fstxt,body.iframe input.fdate,body.iframe textarea.fmtxt
{
margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;

-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 6px 30px;
color: #fff;
width:100%;
border-radius: 0px;
}

body.iframe textarea.fmtxt
{
height: 70px;
}

body.iframe td.valueVertical input.ftxt, body.iframe td.valueVertical input.fmtxt, body.iframe td.valueVertical input.fstxt,body.iframe td.valueVertical input.fdate,body.iframe td.valueVertical textarea.fmtxt
{
width:180px;

margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
color: #a7a7a7;
}

input.ftxt:hover, input.ftxt:focus,
input.fmtxt:hover, input.fmtxt:focus,
input.fstxt:hover, input.fstxt:focus,
input.fdate:hover, input.fdate:focus{border: 1px solid #FCB714;}

input.fdate{width:150px; }
input.fstxt{width:50px; }


select.fsel,
select.fseldate
{
float: left;
background: #fff;
border: 1px solid #ccc;
font-size: 16px;
width:103%;
margin: 3px 0px 3px -18px;
padding: 4px;
border-radius: 3px;
}

body.iframe select.fsel,body.iframe select.fseldate
{
background: #2e2e2e;
color: #fff;
border: 1px solid #6d6d6d;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 4px #000;
margin: 0px 0px 0px 30px;
}

body.iframe td.valueVertical select.fsel,body.iframe td.valueVertical select.fseldate
{
background: #2e2e2e;
color: #a8a8a8;
width:310px;
border: 1px solid #6d6d6d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
}




select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
border: 1px solid #FCB714;
}

#formTable div
{
display: none;
}

#formTable div.buttonPanel
{
display: block;
}

.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}

.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub
{
background: #6E1E00;
border: none;
font-size: 14px;
padding: 8px;
width: 100px;
cursor: pointer;
border-radius: 3px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
color: #fff;
margin: 0px 0px;
font-size: 22px;

text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}


.buttonBar input:hover, 
.buttonBar input.fsub:hover, 
.buttonPanel input.fsub:hover, 
input.fsub:hover
{
background: #fff;
color: #6E1E00;

}

body.iframe .buttonBar input, body.iframe input.fsub
{
background: none;
border: none;
font-size: 14px;
padding: 4px;
text-transform: uppercase;

width: 70px;
cursor: pointer;
border-radius: 2px;
text-align: center;
color: #0099e3;
font-weight: bold;
}



.msg
{


color: #FF0000;
margin: 10px 0px;

font-style: italic;
}



.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,
#registrationForm .reset
{
display: none;
}

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


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


.siteSearch span
{
font-size: 14px;
font-weight: bold;
}

.siteSearch input.fsub
{
border: none;
margin: 0px 3px 10px;
padding: 2px 2px;
cursor: pointer;
}

.siteSearch input.textInput
{
font-size: 16px;
border: 1px solid #ccc;
padding: 5px 6px;
border-radius: 3px;
}

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


#searchResultItems .searchResultItem
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom:1px solid #ccc;
}

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

#searchResultItems .title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
font-size:16px;
text-transform:none;
}

#searchResultItems .description
{
margin: 8px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

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

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

#faqItems #pageNavigation
{

}

.faqItem
{

}

.faqItem .image
{

}

.faqItem .question
{

}

.faqItem a.button
{
display: block;
padding: 10px;
margin: 0px 0px 10px 0px;
color: #fff;
text-decoration: none;

background: #808080;
border-radius: 4px;
}

.faqItem a.button
{
background: #808080; /* Old browsers */
background: -moz-linear-gradient(top, #808080 0%, #707070 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #808080 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #808080 0%,#707070 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #808080 0%,#707070 100%); /* IE10+ */
background: linear-gradient(to bottom, #808080 0%,#707070 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
}

.faqItem a.button:before
{
float: left;
margin: 0px 10px 0px 0px;
content: " + ";
width: 20px;
height: 20px;
display: block;
background: #fff;
color: #6F2001;
font-weight: bold;
text-align: center;
border-radius: 10px;
transition: 0.2s all;
}

.faqItem:hover a.button:before
{
float: left;
margin: 0px 10px 0px 0px;
content: " + ";
width: 20px;
height: 20px;
display: block;
background: #6F2001;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 10px;
}

.faqItem .answer
{
padding: 0px 0px 0px 10px;
}




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

#back-top {
	position: fixed;
	bottom: 30px;
right: 30px;
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: #fff;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
border: 5px solid #333331 ;
	display: block;
	margin: 0px 0px 7px 30px;
	background: #333331 url(http://www.hardasrocks.co.nz/images/style/up_arrow.png) no-repeat bottom 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 {
border: 5px solid #E06C0E ;
background: #E06C0E url(http://www.hardasrocks.co.nz/images/style/up_arrow.png) no-repeat top left;
}






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

#categoryNavigation
{
position:relative
top: 0px;
right: 0px;
float: right;
display: block;
width: 360px;
margin: 0px 0px 20px 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: 0px 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: #f28920;
}


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

.documentLibraryItem.heading
{
position:relative;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) top center repeat-x;
color: #FFF;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;

display: inline-block;
padding:9px 10px 9px 15px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight:600;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) top center repeat-x;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;
display: inline-block;
padding: 9px 10px 9px 0px;
text-indent: 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight:600;
text-align: center;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) top center repeat-x;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;
display: inline-block;
padding: 6px 10px 0px 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-size:12px;
font-weight:600;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) top center repeat-x;

}

.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;
}

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

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

.moduleItemsListingDesignCache .moduleItemDesignCache,
.moduleItemsListingDesignCache .moduleItemContent
{
float: left;
position: relative;
width: 101%;
background: none;

}

.moduleItemsListingDesignCache .title
{
margin: 20px 0px;
color: #8a2801;
font-size: 26px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

.moduleItemsListingDesignCache .moduleItemContent
{
margin: 0px 0px 0px -15px;
padding: 0px 0px 0px 0px;
border-bottom: 2px solid #fff;
}

.moduleItemsListingDesignCache .galleryListItem
{
float: left;
position: relative;
width: 215px;
height: 200px;
overflow: hidden;
margin: 0px 10px 20px 10px;
font-size: 12px;
}

.moduleItemsListingDesignCache .galleryListItem p
{
line-height: 16px;
}

.moduleItemsListingDesignCache .galleryListItem .image
{

}

.moduleItemsListingDesignCache .galleryListItem .image a.fancybox
{

}

.moduleItemsListingDesignCache .galleryListItem .image a.fancybox img
{

}


a#pull {
	display: none;
}




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

/*88888888888888888888888888888888888888888888888888888*/
/*88888888888888888888888888888888888888888888888888888*/
/*88888888888888888888888888888888888888888888888888888*/


/* landscape */
@media screen and (min-width: 1003px) {

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

.bgContainer
{
width: 1002px;
float: left;
position: relative;
height: auto;
}


}


/* landscape */
@media screen and (max-width: 1002px) {

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

.bgContainer
{
width: 740px;
float: left;
position: relative;
height: auto;
}


#header img
{
position: absolute;
top: 15px;
left: 20px;
background: #000;
width: 150px;
z-index: 999;
}

#home #pageEditorContent
{
float:left;
clear: both;
	position:relative;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
z-index: 1000;

background: rgba(0,0,0,0.7);
}

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

#header.stuck a.logo
{
margin: 4px;
}

#header.stuck a.logo img
{
width: auto;
height: 40px;
margin: 0;
top: 5px ;
}

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

#navigation
{
float: right;
position: relative;
width: 700px;
text-align: right;
}

#topNav
{
float: left;
position: relative;
width: 100%;
line-height: 37px;
border-bottom: 1px solid #333333;
}


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


#header.stuck #actualNavigation ul li ul
{
top: 0px;
left: 0px;
width: 100%;
height: 0px;
}

#actualNavigation ul li:hover ul li a
{
font-size: 14px;
}

#header.stuck #actualNavigation ul li:hover ul li a
{
font-size: 14px;
}

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

#header,
.header-wrapper,
#header.stuck
{
float: left;
position: relative;
width: 100%;
height: 133px !important;
background: #000;
top: 0;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}

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



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

#actualNavigation
{
float: right;
position: relative;
width: auto;
}

#actualNavigation ul li.products
{
width: 79px;
text-align: auto;
}

#actualNavigation ul li.showcase
{
width: 89px;
}

#actualNavigation ul li.learn
{
width: 56px;
}

#actualNavigation ul li.find-a-distributor
{
width: 110px;
}

#actualNavigation ul li.tech-support
{
width: 110px;
}

#actualNavigation ul li.news-and-views
{
width: 108px;
text-align: right;
}

#actualNavigation ul li a
{
font-size: 18px;
}

#actualNavigation ul li:hover ul li a
{
font-size: 16px;
}

#header.stuck #actualNavigation ul li:hover ul li a
{
font-size: 16px;
}


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


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

.moduleComponentheaderImages
{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
	float:none;
	position:relative;
	margin:0 auto;
	min-width:740px;
	max-width:100%;
	height:700px;
	padding: 0px 0px 210px 0px;
	background:none;
	z-index:1;
}

.moduleComponentContainerhomeSlides
{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	width:100% !important;
	min-height:700px;
}


.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
	width:100%;
	height:700px;
	overflow:hidden;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent
{
	position:absolute;
	bottom:auto;
	left:auto;
	right:0;
width: 425px;
padding: 50px 25px 0px 25px;
	height:auto;
	z-index:4;
	background:rgba(0,0,0,0.7);

	color:#fff;
font-size: 24px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}




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


.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:2; /* Chrome, Safari, Opera */
-moz-column-count:2; /* Firefox */
column-count:2;

-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:40px; /* Firefox */
column-gap:40px;

}


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

#default #pageEditorContent
{
float:left;
	position:relative;
z-index: auto;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
color: #000;
background: none
}

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

#footer
{
padding: 0px 0px 0px 0px;
}




a.findDistributor
{
float: left;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;


font-size: 18px;
padding: 0px 10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px;
}

a.eldoradoStone
{
float: right;
position: relative;
margin: -2px 0px -10px 18px;
}


.moduleComponentContainerfooterLogos
{
float: left;
position: relative;
width: auto;
height: 141px;
overflow: hidden;
margin: 4px 0px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer
{
float: left;
position: relative;
width: auto;
margin: 4px 15px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
width: 75px;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
width: 70px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{
width: 80px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
width: 102px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
margin: 10px 0px 0px 5px;
width: 140px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{
margin: 2px 0px 0px -10px ;
width: 200px;
position: absolute;
bottom: 20px;
left: 250px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}

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

.modulePath
{
float: left;
position: relative;
width: 100%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{


}

.modulePath a
{
color: #000;
}

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

#content #subPageNavigation h1.contentPageTitle
{
display: none;
}
/*-----------------------------------------------*/

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{
float: left;
position: relative;
width: 30%;
padding: 0;
margin: 0 3% 3% 0;
}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,

.moduleItemsListingItem:nth-child(18) .header,

.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title
{
margin: 0px;
color: #8A2801;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}


.moduleItemsListingItem .readMore
{

}


.moduleItemsListingItem .readMore a
{

}

/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{

float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase ----------------*/


.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 135px 0px;
}


/*---- News and Views ------------*/

#navBar
{
float: right;
position: relative;
width: 20%;
}

#navBar span.navheaders
{
display: block;
background: #444 url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
margin: 15px 0px;
color: #fff;
border-radius: 3px;
padding: 10px;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;

text-transform: uppercase;
}

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

#navBar ul li
{

}

#navBar ul li a
{
transition: 0.5s all;
text-decoration: none;
}

#navBar ul li a:hover
{
color: #000;
text-decoration: underline;
}


/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 70%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 200px;
transition: 1s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 0%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 290px !important;
background: none;


min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage a

{

}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}

/*----- News and Views --------------*/

.moduleItem.moduleItemNewsAndViews
{
float: left;
position: relative;
width: 70%;
}

.moduleItem.moduleItemNewsAndViews .title
{

}


.moduleItem.moduleItemNewsAndViews .date
{
opacity: 0.5;
}

.moduleItem.moduleItemNewsAndViews #moduleItemContent
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 30px 0px;
}

.moduleItem.moduleItemNewsAndViews .rg-image-wrapper,
.moduleItem.moduleItemNewsAndViews .rg-thumbs
{
float: left;
position: relative;
width: 100%;
}

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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 30%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}


/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 65%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;

}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;

}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 75%;
margin: 20px 0px 0px 0px;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
float: right;
position: relative;
width: 25%;
margin: 20px -30px 0px 0px;
}

body.find-a-distributor #pageSource img,
body.north-island-distributors #pageSource img,
body.south-island-distributors #pageSource img
{
width: 100% !important;
height: auto !important;
}

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

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 42.5%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;
height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol
{
float: right;
position: relative;
width: 33%;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;
top: 80px;
margin: 0px 0px 0px 496px;
width: 331px;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors .rightCol-wrapper
{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 70px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 60px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 65%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent img
{
width: 100% !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr
{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;



margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;
margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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



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

h1.distributorLeadInTitle
{
font-size :48px;
position: absolute;
top: 0px;
left: 0px;
z-index: 300;
}

img.distributorLeadInImage
{
font-size :48px;
position: absolute;
top: 208px;
left: 0px;
z-index: 300;
}


.distributionContainer
{
float: right;
position: relative;
background: none; 
width: 100%; 
height: 650px;
margin: 500px 0 0 0;
}

.distributionContainer a span
{
display: block;
}

.distributionContainer a
{
display: block;
width: auto;
height: auto;
position: relative;
top: 0;
left: 0;
background: #ff0000;
background: transparent;
}

.distributionContainer a:before
{
float: left;
margin:0px 10px;
content: " - ";
}

.distributionContainer a.southcanterburyLargeLink:before,
.distributionContainer a.aucklandLargeLink:before,
.distributionContainer a.wellingtonkapitiLargeLink:before
{
display: none;
}

.distributionContainer a.northlandLink,
.distributionContainer a.aucklandLink,
.distributionContainer a.aucklandLargeLink,
.distributionContainer a.waikatoLink,
.distributionContainer a.coromandelLink,
.distributionContainer a.westernbayofplentyLink,
.distributionContainer a.easternbayofplentyLink,
.distributionContainer a.centralplateauLink,
.distributionContainer a.gisborneLink,
.distributionContainer a.hawkesbayLink,
.distributionContainer a.taranakiLink,
.distributionContainer a.manawatuLink,
.distributionContainer a.wairarapaLink,
.distributionContainer a.wellingtonkapitiLink,
.distributionContainer a.wellingtonkapitiLargeLink,
.distributionContainer a.nelsonLink,
.distributionContainer a.marlboroughLink,
.distributionContainer a.canterburyLink,
.distributionContainer a.southcanterburyLink,
.distributionContainer a.southcanterburyLargeLink,
.distributionContainer a.queenstownlakesLink,
.distributionContainer a.southlandLink,
.distributionContainer a.otagoLink
{
position: relative;
width: auto;
height: auto;
top: auto;
left: auto;
bottom: auto;
right: auto;
line-height: 28px;
font-size: 18px;
transform:none;
text-transform: capitalize;
}


}



/* Retina iPad in portrait & landscape */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {



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

.bgContainer
{
width: 740px;
float: left;
position: relative;
height: auto;
}


#header img
{
position: absolute;
top: 15px;
left: 20px;
background: #000;
width: 150px;
z-index: 999;
}

#home #pageEditorContent
{
float:left;
clear: both;
	position:relative;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
z-index: 1000;

background: rgba(0,0,0,0.7);
}

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

#header.stuck a.logo
{
margin: 4px;
}

#header.stuck a.logo img
{
width: auto;
height: 40px;
margin: 0;
top: 5px ;
}

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

#navigation
{
float: right;
position: relative;
width: 700px;
text-align: right;
}

#topNav
{
float: left;
position: relative;
width: 100%;
line-height: 37px;
border-bottom: 1px solid #333333;
}


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


#header.stuck #actualNavigation ul li ul
{
top: 0px;
left: 0px;
width: 100%;
height: 0px;
}

#actualNavigation ul li:hover ul li a
{
font-size: 14px;
}

#header.stuck #actualNavigation ul li:hover ul li a
{
font-size: 14px;
}

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

#header,
.header-wrapper,
#header.stuck
{
float: left;
position: relative;
width: 100%;
height: 133px !important;
background: #000;
top: 0;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}

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



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

#actualNavigation
{
float: right;
position: relative;
width: auto;
}

#actualNavigation ul li.products
{
width: 79px;
text-align: auto;
}

#actualNavigation ul li.showcase
{
width: 89px;
}

#actualNavigation ul li.learn
{
width: 56px;
}

#actualNavigation ul li.find-a-distributor
{
width: 110px;
}

#actualNavigation ul li.tech-support
{
width: 110px;
}

#actualNavigation ul li.news-and-views
{
width: 108px;
text-align: right;
}

#actualNavigation ul li a
{
font-size: 18px;
}

#actualNavigation ul li:hover ul li a
{
font-size: 16px;
}

#header.stuck #actualNavigation ul li:hover ul li a
{
font-size: 16px;
}


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


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

.moduleComponentheaderImages

{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
	float:none;
	position:relative;
	margin:0 auto;
	min-width:740px;
	max-width:100%;
	height:700px;
	padding: 0px 0px 210px 0px;
	background:none;
	z-index:1;
}

.moduleComponentContainerhomeSlides
{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	width:100% !important;
	min-height:700px;
}


.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
	width:100%;
	height:700px;
	overflow:hidden;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent
{
	position:absolute;
	bottom:auto;
	left:auto;
	right:0;
width: 425px;
padding: 50px 25px 0px 25px;
	height:auto;
	z-index:4;
	background:rgba(0,0,0,0.7);

	color:#fff;
font-size: 24px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}




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


.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:2; /* Chrome, Safari, Opera */
-moz-column-count:2; /* Firefox */
column-count:2;

-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:40px; /* Firefox */
column-gap:40px;

}


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

#default #pageEditorContent
{
float:left;
	position:relative;
z-index: auto;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
color: #000;
background: none
}

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

#footer
{
padding: 0px 0px 0px 0px;
}

#copyright
{
float:left;
position:relative;
width:330px;
padding: 12px 15px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}


a.findDistributor
{
float: left;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;


font-size: 18px;
padding: 0px 10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px;
}

a.eldoradoStone
{
float: right;
position: relative;
margin: -2px 0px -10px 18px;
}


.moduleComponentContainerfooterLogos
{
float: left;
position: relative;
width: auto;
height: 141px;
overflow: hidden;
margin: 4px 0px 0px 0px;
}
.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
width: 75px;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
width: 70px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{
width: 80px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
width: 102px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
margin: 10px 0px 0px 5px;
width: 140px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{
margin: 2px 0px 0px -10px ;
width: 200px;
position: absolute;
bottom: 20px;
left: 250px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}

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

.modulePath
{
float: left;
position: relative;
width: 100%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{


}

.modulePath a
{
color: #000;
}

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

#content #subPageNavigation h1.contentPageTitle
{
display: none;
}
/*-----------------------------------------------*/

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{
float: left;
position: relative;
width: 30%;
padding: 0;
margin: 0 3% 3% 0;
}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,

.moduleItemsListingItem:nth-child(18) .header,

.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a

{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title
{
margin: 0px;
color: #8A2801;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingItem .readMore
{

}

.moduleItemsListingItem .readMore a
{

}

/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}



.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{

float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase ----------------*/


.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}



/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 135px 0px;
}


/*---- News and Views ------------*/

#navBar
{
float: right;
position: relative;
width: 20%;
}

#navBar span.navheaders
{
display: block;
background: #444 url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
margin: 15px 0px;
color: #fff;
border-radius: 3px;
padding: 10px;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;

text-transform: uppercase;
}

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

#navBar ul li
{

}

#navBar ul li a
{
transition: 0.5s all;
text-decoration: none;
}

#navBar ul li a:hover
{
color: #000;
text-decoration: underline;
}


/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 70%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 200px;
transition: 1s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 0%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 290px !important;
background: none;


min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}

/*----- News and Views --------------*/

.moduleItem.moduleItemNewsAndViews
{
float: left;
position: relative;
width: 70%;
}

.moduleItem.moduleItemNewsAndViews .title
{

}


.moduleItem.moduleItemNewsAndViews .date
{
opacity: 0.5;
}

.moduleItem.moduleItemNewsAndViews #moduleItemContent
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 30px 0px;
}

.moduleItem.moduleItemNewsAndViews .rg-image-wrapper,
.moduleItem.moduleItemNewsAndViews .rg-thumbs
{
float: left;
position: relative;
width: 100%;
}

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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 30%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}


/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 65%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;

}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;

}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 75%;
margin: 20px 0px 0px 0px;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
float: right;
position: relative;
width: 25%;
margin: 20px -30px 0px 0px;
}

body.find-a-distributor #pageSource img,
body.north-island-distributors #pageSource img,
body.south-island-distributors #pageSource img
{
width: 100% !important;
height: auto !important;
}

.moduleItemsListingDistributors .categoryDescription
{
float: left;

position: relative;
width: 100%;
}

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 42.5%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;
height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol
{
float: right;
position: relative;
width: 33%;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;
top: 80px;
margin: 0px 0px 0px 496px;
width: 331px;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors .rightCol-wrapper
{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 70px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 60px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 65%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent img
{
width: 100% !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr
{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;



margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;

margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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



}

/* ipad2 and tablet */ 
@media screen and (max-width: 1161px)
and (min-width: 821px) {
    
	
/*------ Listing -----------------------------------------*/

h1.distributorLeadInTitle
{
font-size :48px;
position: absolute;
top: 0px;
left: 0px;
z-index: 300;
}

img.distributorLeadInImage
{
font-size :48px;
position: absolute;
top: 208px;
left: 0px;
z-index: 300;
}


.distributionContainer
{
float: right;
position: relative;
background: none; 
width: 100%; 
height: 650px;
margin: 500px 0 0 0;
}

.distributionContainer a span
{
display: block;
}

.distributionContainer a
{
display: block;
width: auto;
height: auto;
position: relative;
top: 0;
left: 0;
background: #ff0000;
background: transparent;
}

.distributionContainer a:before
{
float: left;
margin:0px 10px;
content: " - ";
}

.distributionContainer a.southcanterburyLargeLink:before,
.distributionContainer a.aucklandLargeLink:before,
.distributionContainer a.wellingtonkapitiLargeLink:before
{
display: none;
}

.distributionContainer a.northlandLink,
.distributionContainer a.aucklandLink,
.distributionContainer a.aucklandLargeLink,
.distributionContainer a.waikatoLink,
.distributionContainer a.coromandelLink,
.distributionContainer a.westernbayofplentyLink,
.distributionContainer a.easternbayofplentyLink,
.distributionContainer a.centralplateauLink,
.distributionContainer a.gisborneLink,
.distributionContainer a.hawkesbayLink,
.distributionContainer a.taranakiLink,
.distributionContainer a.manawatuLink,
.distributionContainer a.wairarapaLink,
.distributionContainer a.wellingtonkapitiLink,
.distributionContainer a.wellingtonkapitiLargeLink,
.distributionContainer a.nelsonLink,
.distributionContainer a.marlboroughLink,
.distributionContainer a.canterburyLink,
.distributionContainer a.southcanterburyLink,
.distributionContainer a.southcanterburyLargeLink,
.distributionContainer a.queenstownlakesLink,
.distributionContainer a.southlandLink,
.distributionContainer a.otagoLink
{
position: relative;
width: auto;
height: auto;
top: auto;
left: auto;
bottom: auto;
right: auto;
line-height: 28px;
font-size: 18px;
transform:none;
text-transform: capitalize;
}

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

.bgContainer
{
width: 740px;
float: left;
position: relative;
height: auto;
}


#header img
{
position: absolute;
top: 15px;
left: 20px;
background: #000;
width: 150px;
z-index: 999;
}

#home #pageEditorContent
{
float:left;
clear: both;
	position:relative;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
z-index: 1000;

background: rgba(0,0,0,0.7);
}

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

#header.stuck a.logo
{
margin: 4px;
}

#header.stuck a.logo img
{
width: auto;
height: 40px;
margin: 0;
top: 5px ;
}

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

#navigation
{
float: right;
position: relative;
width: 700px;
text-align: right;
}

#topNav
{
float: left;
position: relative;
width: 100%;
line-height: 37px;
border-bottom: 1px solid #333333;
}


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


#header.stuck #actualNavigation ul li ul
{
top: 0px;
left: 0px;
width: 100%;
height: 0px;
}

#actualNavigation ul li:hover ul li a
{
font-size: 14px;
}

#header.stuck #actualNavigation ul li:hover ul li a
{
font-size: 14px;
}

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

#header,
.header-wrapper,
#header.stuck
{
float: left;
position: relative;
width: 100%;
height: 133px !important;
background: #000;
top: 0;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}

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



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

#actualNavigation
{
float: right;
position: relative;
width: auto;
}

#actualNavigation ul li.products
{
width: 79px;
text-align: auto;
}

#actualNavigation ul li.showcase
{
width: 89px;
}

#actualNavigation ul li.learn
{
width: 56px;
}

#actualNavigation ul li.find-a-distributor
{
width: 110px;
}

#actualNavigation ul li.tech-support
{
width: 110px;
}

#actualNavigation ul li.news-and-views
{
width: 108px;
text-align: right;
}

#actualNavigation ul li a
{
font-size: 18px;
}

#actualNavigation ul li:hover ul li a
{
font-size: 16px;
}

#header.stuck #actualNavigation ul li:hover ul li a
{
font-size: 16px;
}


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


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

.moduleComponentheaderImages
{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
	float:none;
	position:relative;
	margin:0 auto;
	min-width:740px;
	max-width:100%;
	height:700px;
	padding: 0px 0px 210px 0px;
	background:none;
	z-index:1;
}

.moduleComponentContainerhomeSlides
{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	width:100% !important;
	min-height:700px;
}


.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
	width:100%;
	height:700px;
	overflow:hidden;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent
{
	position:absolute;
	bottom:auto;
	left:auto;
	right:0;
width: 425px;
padding: 50px 25px 0px 25px;
	height:auto;
	z-index:4;
	background:rgba(0,0,0,0.7);

	color:#fff;
font-size: 24px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}




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


.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:2; /* Chrome, Safari, Opera */
-moz-column-count:2; /* Firefox */
column-count:2;

-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:40px; /* Firefox */
column-gap:40px;

}


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

#default #pageEditorContent
{
float:left;
	position:relative;
z-index: auto;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
color: #000;
background: none
}

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

#footer
{
padding: 0px 0px 0px 0px;
}

#copyright
{
float:left;
position:relative;
width:100%;
padding: 12px 0px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}


a.findDistributor
{
float: right;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;
margin : 10px 0px 0px 0px;

font-size: 18px;
padding: 0px 10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px;
}

a.eldoradoStone
{
float: right;
position: relative;
margin: -2px 0px -10px 18px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
width: 65px;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
width: 60px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{
width: 70px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
width: 82px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
margin: 10px 0px 0px 5px;
width: 100px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{
margin: 2px 0px 0px -10px ;
width: 200px;
position: absolute;
bottom: 20px;
left: 220px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}

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

.modulePath
{
float: left;
position: relative;
width: 100%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{


}

.modulePath a
{
color: #000;
}

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

#content #subPageNavigation h1.contentPageTitle
{
display: none;
}
/*-----------------------------------------------*/

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{
float: left;
position: relative;
width: 30%;
padding: 0;
margin: 0 3% 3% 0;
}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,

.moduleItemsListingItem:nth-child(18) .header,

.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,

.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title
{
margin: 0px;
color: #8A2801;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingItem .readMore
{

}

.moduleItemsListingItem .readMore a
{

}

/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{

float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase ----------------*/


.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img

{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 135px 0px;
}


/*---- News and Views ------------*/

#navBar
{
float: right;
position: relative;
width: 20%;
}

#navBar span.navheaders
{
display: block;
background: #444 url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
margin: 15px 0px;
color: #fff;
border-radius: 3px;
padding: 10px;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;

text-transform: uppercase;
}

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

#navBar ul li
{

}

#navBar ul li a
{
transition: 0.5s all;
text-decoration: none;
}

#navBar ul li a:hover
{
color: #000;
text-decoration: underline;
}


/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 70%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 200px;
transition: 1s all;

}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 0%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 290px !important;
background: none;


min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}

/*----- News and Views --------------*/

.moduleItem.moduleItemNewsAndViews
{
float: left;
position: relative;
width: 70%;
}

.moduleItem.moduleItemNewsAndViews .title
{

}


.moduleItem.moduleItemNewsAndViews .date
{
opacity: 0.5;
}

.moduleItem.moduleItemNewsAndViews #moduleItemContent
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 30px 0px;
}

.moduleItem.moduleItemNewsAndViews .rg-image-wrapper,
.moduleItem.moduleItemNewsAndViews .rg-thumbs
{
float: left;
position: relative;
width: 100%;
}

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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 30%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}


/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 65%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;

}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;

}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 75%;
margin: 20px 0px 0px 0px;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
float: right;
position: relative;
width: 25%;
margin: 20px -30px 0px 0px;
}

body.find-a-distributor #pageSource img,
body.north-island-distributors #pageSource img,
body.south-island-distributors #pageSource img
{
width: 100% !important;
height: auto !important;
}

.moduleItemsListingDistributors .categoryDescription
{
float: left;

position: relative;
width: 100%;
}

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 42.5%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;
height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol

{
float: right;
position: relative;
width: 33%;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;
top: 80px;
margin: 0px 0px 0px 496px;
width: 331px;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors .rightCol-wrapper
{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 70px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 60px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 65%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent img
{
width: 100% !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr
{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;



margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;

margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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


	
	
	}
	
	/* iPhone 2, 3, 4 */
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) { 


#content #subPageNavigation
{
display: none;
}


h1.distributorLeadInTitle
{
display: none;
}

.distributorLeadInImage
{
display: none;
}

.distributionContainer
{
background: none;
}


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


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

.bgContainer
{
width: 500px;
float: left;
position: relative;
height: auto;
margin: 0 0px;
}

#content .bgContainer
{
width: 460px;
float: left;
position: relative;
height: auto;
margin: 0 20px;
}


#header,
.header-wrapper
{
float: left;
position: relative;
width: 100%;
height: 230px !important;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


#header.stuck
{
float: left;
position: relative;
width: 100%;
height: 230px !important;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


#header img
{
position: relative;
top: 0px;
left: 0px;
background: #000;
width: 220px;
margin: 0px 140px 10px;
z-index: 999;
}



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

#header.stuck a.logo
{
margin: 15px 0px 10px 140px;
top: 0;
}

#header.stuck a.logo img
{
width: 220px;
height: auto;
margin: 0;
top: 0px ;
}

#header #subNavigation
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px;
}

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


#header #subNavigation ul {
width: 100%;
text-align: center;
}


#header #subNavigation ul li {
width: auto;
margin: 0;
padding: 0;
float: none;
display: inline-block;
}


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

#navigation
{
float: right;
position: relative;
width: 500px;
text-align: right;
}

#topNav
{
display: none;
}




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

#header #actualNavigation 
{
z-index: 9999 ;
}



#header #actualNavigation ul li ul,
#header #actualNavigation ul li ul li,
#header #actualNavigation ul li ul li a
{
display: block !important;
float: left;
position : relative;
width: 100%;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 40px !important;
font-size: 20px;
left:0;
top: 0;
color: ;
background: #fff;
}

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


#content #subPageNavigation
{

float: left;
position: relative;
width: 100%;
height: auto;
min-height: auto;
overflow: visible;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) repeat;
}

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

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

#actualNavigation
{
float: right;
position: relative;
width: 100%;
}


#actualNavigation ul
{
width: 100%;
background: #662E1D;
}



#actualNavigation ul li.products
{

width: auto;
text-align: auto;
padding: 0px 5px;

}

#actualNavigation ul li.showcase
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.learn
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.find-a-distributor
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.tech-support
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.news-and-views
{
width: auto;
text-align: right;
padding: 0px 5px;
}

#actualNavigation ul li a
{
font-size: 17.5px;
}


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


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

.moduleComponentheaderImages
{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
	float:none;
	position:relative;
	margin:0 auto;
	width:500px !important;
min-width: 0;
	max-width: auto;
	height:450px;
	padding: 0;
	background:none;
	z-index:1;
}

#home #content
{
background: #000;
}

.moduleComponentContainerhomeSlides
{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
width:500px !important;
	min-height:700px;
overflow:hidden;
}


.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
	width:500px  !important;
	height:700px;
	overflow:hidden;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent
{
	position:absolute;
	bottom:auto;
	left:auto;
	right:0;
width: 450px;
padding: 75px 25px 0px 25px;
	height:auto;
	z-index:4;
	background:rgba(0,0,0,0.7);
	color:#fff;
font-size: 24px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}



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


.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;

-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;

}

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

#homeSlideNav.nav
{
position: absolute;
top: 25px;
right: auto;
right: 20px;
background: none;
z-index: 100;
}

#homeSlideNav.nav a.activeSlide
{
background: #8a2801;
}


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

#default #pageEditorContent,
#home .sticky-wrapper
{
float:left;
	position:relative;
z-index: auto;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
color: #000;
background: none
}

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

#footer
{
padding: 0px 0px 0px 0px;
}

#copyright
{
float:left;
position:relative;
width:330px;
padding: 12px 15px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}


a.findDistributor
{
float: left;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;


font-size: 18px;
padding: 0px 10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px;

}

a.eldoradoStone
{
float: right;
position: relative;
margin: -2px 0px -10px 18px;
}


.moduleComponentContainerfooterLogos
{
float: left;
position: relative;
width: auto;
height: 121px;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer
{
float: left;
position: relative;
width: auto;
margin: 0px 15px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
width: 75px;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
width: 70px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{
width: 80px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
width: 102px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
margin: 10px 0px 0px 5px;
width: 140px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{
margin: 2px 0px 0px -10px ;
width: 200px;
position: absolute;
bottom: 20px;
left: 250px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}

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

p#back-top
{
display: none !important;
}

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

.modulePath
{
float: left;
position: relative;
width: 100%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{

}

.modulePath a
{
color: #000;
}

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

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{
float: left;
position: relative;
width: 45%;
padding: 0;
height: auto;
overflow : hidden;
margin: 0 3% 3% 0;
}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_1.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,
.moduleItemsListingItem:nth-child(18) .header,
.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title
{
margin: 0px;
color: #8A2801;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingItem .readMore
{

}

.moduleItemsListingItem .readMore a
{

}


/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase ----------------*/

.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;

padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 135px 0px;
}


/*---- News and Views ------------*/

#navBar
{
display: none;
}

/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 100%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30% !important;
transition: 1s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 0%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;



min-height: 75px;
padding: 0 0 0 5%;
}


/*----- News and Views --------------*/

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


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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 100%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}


/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 100%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;

}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;

	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
display: none;
}

body.find-a-distributor #pageSource img,
body.north-island-distributors #pageSource img,
body.south-island-distributors #pageSource img
{
width: 100% !important;
height: auto !important;
}

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

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 42.5%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;
height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol
{
display: block;
float: left;
position: relative;
width: 92%;
padding: 0 4%;
height: auto;
}


.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;
top: 80px;
margin: 0px 0px 0px 496px;
width: 331px;
height: auto !important;
background: none
}



.moduleItem.moduleItemDistributors .rightCol-wrapper
{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 70px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 60px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 100%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent img
{
width: 100% !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr

{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;

margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;
margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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



body.headerImages #content #subPageNavigation ul li a
{
display: inline-block;
padding: 18px 10px 6px;
text-decoration: none;
color: #fff;
font-size: 14px;
}

#content
{
width: auto;
width: 500px;
float: none;
margin: 0 auto;
overflow: hidden;
}

/*------------- Fancy responsive mobile menu ----------------------*/
	
	#actualNavigation {
	border-bottom: 0;
	
	}
	
	#actualNavigation ul {
	display: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	}
	
	#actualNavigation a#pull {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	background-color: #242424;
	width: 100%;
	min-width: 180px;
	position: relative;
	border-radius: 5px;
	color: #fff;
	font-size : 19px;
	padding: 0px 0px;
	line-height: 46px;
	text-align: center;
	
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	}
	
	#actualNavigation a#pull:after {

	content:"";
	background: transparent url('http://www.hardasrocks.co.nz/images/style/nav-icon.png') 0px 0px no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: 13px;
	top: 13px;
	}
	
	#actualNavigation ul li {
	display: block;
	float: none;
	width: 100%;
	}
	#actualNavigation ul li a {
	border-bottom: 1px solid #646464;
	}
	
	
	#actualNavigation ul li
	{
	margin: 0;
	padding: 0;
	background: #662E1D !important;
	}

	#actualNavigation ul li a
	{
	color: #fff;
	margin: 0;
	padding: 14px 10px;
	display: block;
	border: none;
	font-size: 19px;
	border-bottom: 1px solid #ccc;
	}
	
	#actualNavigation ul li a:hover,
#actualNavigation ul li:hover ul li
	{
font-size: 19px;
	background: none;
	}

#header.stuck #actualNavigation ul li 
{
line-height: 26px;
}

#header.stuck #actualNavigation ul li ul
{
display: block;
position: relative;
z-index: 9999;
height: 0px;
overflow: visible;
box-shadow: none;
padding: 0px 0px 0px 0px;
}




body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
background: #000;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 19px;
color: #242424;
}


iframe[id^="oauth2relay"] { position: fixed !important; }

h1
{
margin: 20px 0px;
color: #661d00;
font-weight: 100;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h2
{
margin: 20px 0px;
color: #8a2801;
font-size: 26px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h3
{
margin: 15px 0px;
color: #424242;
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h4
{
margin: 15px 0px;
color: #661d00;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
}


p,div#pageSource
{
line-height: 26px;
margin: 12px 0px;
}

div#pageSource{ text-align:left; }

ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

li
{
margin: 3px 0px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
width: 96%;
margin: 35px 0px 15px;
border: none;
background: none;
border-bottom: 2px solid #661d00;
}

a
{
color: #8a2801;
}

a:hover
{
color: none;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

strong
{
font-weight: 700;
}


}

/*iphone 5*/
@media screen and (device-aspect-ratio: 40/71) {



#content #subPageNavigation
{
display: none;
}


h1.distributorLeadInTitle
{
display: none;
}

.distributorLeadInImage
{
display: none;
}

.distributionContainer
{

}


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


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

.bgContainer
{
width: 500px;
float: left;
position: relative;
height: auto;
margin: 0 0px;
}

#content .bgContainer
{
width: 460px;
float: left;
position: relative;
height: auto;
margin: 0 20px;
}


#header,
.header-wrapper
{
float: left;
position: relative;
width: 100%;
height: 230px !important;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


#header.stuck
{
float: left;
position: relative;
width: 100%;
height: 230px !important;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


#header img
{
position: relative;
top: 0px;
left: 0px;
background: #000;
width: 220px;
margin: 0px 140px 10px;
z-index: 999;
}



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

#header.stuck a.logo
{
margin: 15px 0px 10px 140px;
top: 0;
}

#header.stuck a.logo img
{
width: 220px;
height: auto;
margin: 0;
top: 0px ;
}

#header #subNavigation
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px;
}

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


#header #subNavigation ul {
width: 100%;
text-align: center;
}


#header #subNavigation ul li {
width: auto;
margin: 0;
padding: 0;
float: none;
display: inline-block;
}


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

#navigation
{
float: right;
position: relative;
width: 500px;
text-align: right;
}

#topNav
{
display: none;
}




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

#header #actualNavigation 
{
z-index: 9999 ;
}



#header #actualNavigation ul li ul,
#header #actualNavigation ul li ul li,
#header #actualNavigation ul li ul li a
{
display: block !important;
float: left;
position : relative;
width: 100%;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 40px !important;
font-size: 20px;
left:0;
top: 0;
color: ;
background: #fff;
}

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


#content #subPageNavigation
{

float: left;
position: relative;
width: 100%;
height: auto;
min-height: auto;
overflow: visible;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) repeat;
}

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

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

#actualNavigation
{
float: right;
position: relative;
width: 100%;
}


#actualNavigation ul
{
width: 100%;
background: #662E1D;
}



#actualNavigation ul li.products
{

width: auto;
text-align: auto;
padding: 0px 5px;

}

#actualNavigation ul li.showcase
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.learn
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.find-a-distributor
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.tech-support
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.news-and-views
{
width: auto;
text-align: right;
padding: 0px 5px;
}

#actualNavigation ul li a
{
font-size: 17.5px;
}


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


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

.moduleComponentheaderImages
{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
	float:none;
	position:relative;
	margin:0 auto;
	width:500px !important;
min-width: 0;
	max-width: auto;
	height:450px;
	padding: 0;
	background:none;
	z-index:1;
}

#home #content
{
background: #000;
}

.moduleComponentContainerhomeSlides
{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
width:500px !important;
	min-height:700px;
overflow:hidden;
}


.moduleComponentContainerhomeSlides .moduleComponenthomeSlides
{
	width:500px  !important;
	height:700px;
	overflow:hidden;
}

.moduleComponentContainerhomeSlides .moduleComponenthomeSlides .bannerHtmlContent
{
	position:absolute;
	bottom:auto;
	left:auto;
	right:0;
width: 450px;
padding: 75px 25px 0px 25px;
	height:auto;
	z-index:4;
	background:rgba(0,0,0,0.7);
	color:#fff;
font-size: 24px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}



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


.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;

-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;

}

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

#homeSlideNav.nav
{
position: absolute;
top: 25px;
right: auto;
right: 20px;
background: none;
z-index: 100;
}

#homeSlideNav.nav a.activeSlide
{
background: #8a2801;
}


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

#default #pageEditorContent,
#home .sticky-wrapper
{
float:left;
	position:relative;
z-index: auto;
	width:100%;
	bottom: 0;
left: 0;
background: #fff;
color: #000;
background: none
}

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

#footer
{
padding: 0px 0px 0px 0px;
}

#copyright
{
float:left;
position:relative;
width:330px;
padding: 12px 15px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}


a.findDistributor
{
float: left;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;


font-size: 18px;
padding: 0px 10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px;

}

a.eldoradoStone
{
float: right;
position: relative;
margin: -2px 0px -10px 18px;
}


.moduleComponentContainerfooterLogos
{
float: left;
position: relative;
width: auto;
height: 121px;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer
{
float: left;
position: relative;
width: auto;
margin: 0px 15px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
width: 75px;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
width: 70px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{
width: 80px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
width: 102px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
margin: 10px 0px 0px 5px;
width: 140px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{
margin: 2px 0px 0px -10px ;
width: 200px;
position: absolute;
bottom: 20px;
left: 250px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}

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

p#back-top
{
display: none !important;
}

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

.modulePath
{
float: left;
position: relative;
width: 100%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{

}

.modulePath a
{
color: #000;
}

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

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{
float: left;
position: relative;
width: 45%;
padding: 0;
height: auto;
overflow : hidden;
margin: 0 3% 3% 0;
}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_1.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,
.moduleItemsListingItem:nth-child(18) .header,
.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title
{
margin: 0px;
color: #8A2801;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingItem .readMore
{

}

.moduleItemsListingItem .readMore a
{

}


/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase ----------------*/

.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;

padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;

box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 135px 0px;
}


/*---- News and Views ------------*/

#navBar
{
display: none;
}

/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 100%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30% !important;
transition: 1s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 0%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;



min-height: 75px;
padding: 0 0 0 5%;
}


/*----- News and Views --------------*/

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


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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 100%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}


/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 100%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;


}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;

	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
display: none;
}

body.find-a-distributor #pageSource img,
body.north-island-distributors #pageSource img,
body.south-island-distributors #pageSource img
{
width: 100% !important;
height: auto !important;
}

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

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 42.5%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;
height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol
{
display: block;
float: left;
position: relative;
width: 92%;
padding: 0 4%;
height: auto;
}


.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;
top: 80px;
margin: 0px 0px 0px 496px;
width: 331px;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors .rightCol-wrapper

{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 70px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 60px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 100%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent img
{
width: 100% !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr

{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;

margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;
margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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



body.headerImages #content #subPageNavigation ul li a
{
display: inline-block;
padding: 18px 10px 6px;
text-decoration: none;
color: #fff;
font-size: 14px;
}

#content
{
width: auto;
width: 500px;
float: none;
margin: 0 auto;
overflow: hidden;
}

/*------------- Fancy responsive mobile menu ----------------------*/
	
	#actualNavigation {
	border-bottom: 0;
	
	}
	
	#actualNavigation ul {
	display: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	}
	
	#actualNavigation a#pull {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	background-color: #242424;
	width: 100%;
	min-width: 180px;
	position: relative;
	border-radius: 5px;
	color: #fff;
	font-size : 19px;
	padding: 0px 0px;
	line-height: 46px;
	text-align: center;
	
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	}
	
	#actualNavigation a#pull:after {
	content:"";
	background: transparent url('http://www.hardasrocks.co.nz/images/style/nav-icon.png') 0px 0px no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: 13px;
	top: 13px;
	}
	
	#actualNavigation ul li {
	display: block;
	float: none;
	width: 100%;
	}
	#actualNavigation ul li a {
	border-bottom: 1px solid #646464;
	}
	
	
	#actualNavigation ul li
	{
	margin: 0;
	padding: 0;
	background: #662E1D !important;
	}

	#actualNavigation ul li a
	{
	color: #fff;
	margin: 0;
	padding: 14px 10px;
	display: block;
	border: none;
	font-size: 19px;
	border-bottom: 1px solid #ccc;
	}
	
	#actualNavigation ul li a:hover,
#actualNavigation ul li:hover ul li
	{
font-size: 19px;
	background: none;
	}

#header.stuck #actualNavigation ul li 
{
line-height: 26px;
}

#header.stuck #actualNavigation ul li ul
{
display: block;
position: relative;
z-index: 9999;
height: 0px;
overflow: visible;
box-shadow: none;
padding: 0px 0px 0px 0px;
}




body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
background: #000;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 19px;
color: #242424;
}


iframe[id^="oauth2relay"] { position: fixed !important; }

h1
{
margin: 20px 0px;
color: #661d00;
font-weight: 100;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h2
{
margin: 20px 0px;
color: #8a2801;
font-size: 26px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h3
{
margin: 15px 0px;
color: #424242;
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h4
{
margin: 15px 0px;
color: #661d00;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
}


p,div#pageSource
{
line-height: 26px;
margin: 12px 0px;
}

div#pageSource{ text-align:left; }

ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

li
{
margin: 3px 0px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
width: 96%;
margin: 35px 0px 15px;
border: none;
background: none;
border-bottom: 2px solid #661d00;
}

a
{
color: #8a2801;
}

a:hover
{
color: none;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

strong
{
font-weight: 700;
}


}

/* Other Phones */
@media screen and (max-width: 500px) {


#content #subPageNavigation
{
display: none;
}


h1.distributorLeadInTitle
{
display: none;
}

.distributorLeadInImage
{
display: none;
}

.distributionContainer
{

}


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


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

.bgContainer
{
width: 320px;
float: left;
position: relative;
height: auto;
margin: 0 0px;
}

#content .bgContainer
{
width: 280px;
float: left;
position: relative;
height: auto;
margin: 0 20px;
}


#header,
.header-wrapper
{
float: left;
position: relative;
width: 100%;
height: 260px !important;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


#header.stuck
{
float: left;
position: relative;
width: 100%;
height: 260px !important;
background: #000;
border-bottom: 2px solid #661d00;
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.6);
}


#header img
{
position: relative;
top: 0px;
left: 0px;
background: #000;
width: 220px;
margin: 0px 20px 10px;
z-index: 999;
}



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

#header.stuck a.logo
{
margin: 15px 0px 10px 40px;
top: 0;
}

#header.stuck a.logo img
{
width: 220px;
height: auto;
margin: 0;
top: 0px ;
}

#header #subNavigation
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px;
}

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


#header #subNavigation ul {
width: 100%;
text-align: center;
}


#header #subNavigation ul li {
width: auto;
margin: 0;
padding: 0;
float: none;
display: inline-block;
}


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

#navigation
{
float: right;
position: relative;
width: 320px;
text-align: right;
}

#topNav
{
display: none;
}




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

#header #actualNavigation 
{
z-index: 9999 ;
}



#header #actualNavigation ul li ul,
#header #actualNavigation ul li ul li,
#header #actualNavigation ul li ul li a
{
display: block !important;
float: left;
position : relative;
width: 100%;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 40px !important;
font-size: 20px;
left:0;
top: 0;
color: ;
background: #fff;
}

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


#content #subPageNavigation
{

float: left;
position: relative;
width: 100%;
height: auto;
min-height: auto;
overflow: visible;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) repeat;
}

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

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

#actualNavigation
{
float: right;
position: relative;
width: 100%;
}


#actualNavigation ul
{
width: 100%;
background: #662E1D;
}



#actualNavigation ul li.products
{

width: auto;
text-align: auto;
padding: 0px 5px;

}

#actualNavigation ul li.showcase
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.learn
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.find-a-distributor
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.tech-support
{
width: auto;
padding: 0px 5px;
}

#actualNavigation ul li.news-and-views
{
width: auto;
text-align: right;
padding: 0px 5px;
}

#actualNavigation ul li a
{
font-size: 17.5px;
}


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


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

.moduleComponentheaderImages
{
margin: 0;
}

.moduleComponentheaderImages .bannerImageContainer
{
display: block;
position: absolute;
top: 0;
margin: 0;
width: 100%;
height: 350px;
box-shadow: inset 0px 0px 150px rgba(0,0,0,0.5);

}

.moduleComponentheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------------*/
#homeSlides
{
display:none;
z-index:1;
display:none;
}

#home #content
{
width:320px;
background: #000;
top:0px;
}

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


.sitemap #pageEditorContent .bgContainer,
.why-hard-as-rocks #pageEditorContent .bgContainer,
.why-we-install #pageEditorContent .bgContainer,
.learn #pageEditorContent .bgContainer
{
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;

-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;

}

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


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

#default #pageEditorContent,
#home .sticky-wrapper
{
float:left;
position:relative;
z-index: auto;
width:100%;
bottom: 00px;
left: 0;
background: #fff;
color: #000;
background: none
}


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

#footer
{
padding: 0px 0px 0px 0px;
}

#copyright
{
float:left;
position:relative;
width:260px;
padding: 12px 15px 0px 0px;
z-index: 1000;
text-align: left;
background: none; 
}


a.findDistributor
{
float: left;
position: relative;
display: block;
width: ;
color: #fff;
height: 51px;
line-height: 51px;


font-size: 18px;
padding: 0px 10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg);
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px  0px 3px 3px;
transition: 0.5s all;
}

a.findDistributor:hover
{
color: #fff;
padding: 0px 10px;

}

a.eldoradoStone
{
float: left;
position: relative;
margin: -2px 0px 0px 18px;
}


.moduleComponentContainerfooterLogos
{
float: left;
position: relative;
width: 280px;
height: 221px;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer
{
float: left;
position: relative;
width: auto;
margin: 0px 15px 0px 0px;

}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(1)
{
float: left;
position: relative;
width: 75;
margin: 4px 8px 0px 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(2)
{
float: left;
position: relative;
width: 70px;
margin: 0px 8px 0px -0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(3)
{

width: 80px;
height: 80px;
overflow: visible;
margin: 4px 0px 0px 0px;
background: #000;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(4)
{
position: absolute;
top: 100px;
left: 0px;
width: 102px;
margin: 10px 0px 0px 5px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(5)
{
position: absolute;
top: 100px;
left: 140px;
margin: 10px 0px 0px 5px;
width: 100px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer:nth-child(6)
{
float: left;
margin: 2px 0px 0px -10px ;
width: 200px;
position: absolute;
bottom: 20px;
left: 0px;
}

.moduleComponentContainerfooterLogos .bannerImageContainer img
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
}

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

p#back-top
{
display: none !important;
}

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

.modulePath
{
float: left;
position: relative;
width: 90%;
font-size: 13px;
opacity: 0.4; 
transition: 0.8s all;
margin-left:20px;
}

.modulePath:hover
{
opacity: 1; 
}

.modulePath span
{

}

.modulePath a
{
color: #000;
}

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

#moduleItemCategories,
#moduleItemsListing
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

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

.moduleItemsListingItem
{
float: left;
position: relative;
width: 45%;
padding: 0;
height: auto;
overflow : hidden;
margin: 0 3% 3% 0;
}

.moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0px 0px 0px 0px;
}

.moduleItemsListingItem:nth-child(1) .header,
.moduleItemsListingItem:nth-child(8) .header,
.moduleItemsListingItem:nth-child(15) .header,
.moduleItemsListingItem:nth-child(22) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_1.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(2) .header,
.moduleItemsListingItem:nth-child(9) .header,
.moduleItemsListingItem:nth-child(16) .header,
.moduleItemsListingItem:nth-child(23) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_2.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(3) .header,
.moduleItemsListingItem:nth-child(10) .header,
.moduleItemsListingItem:nth-child(17) .header,
.moduleItemsListingItem:nth-child(24) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_3.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(4) .header,
.moduleItemsListingItem:nth-child(11) .header,
.moduleItemsListingItem:nth-child(18) .header,
.moduleItemsListingItem:nth-child(25) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_4.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(5) .header,
.moduleItemsListingItem:nth-child(12) .header,
.moduleItemsListingItem:nth-child(19) .header,
.moduleItemsListingItem:nth-child(26) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_5.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(6) .header,
.moduleItemsListingItem:nth-child(13) .header,
.moduleItemsListingItem:nth-child(20) .header,
.moduleItemsListingItem:nth-child(27) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_6.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem:nth-child(7) .header,
.moduleItemsListingItem:nth-child(14) .header,
.moduleItemsListingItem:nth-child(21) .header,
.moduleItemsListingItem:nth-child(28) .header
{
background: url(http://www.hardasrocks.co.nz/images/style/title_bg_7.jpg) center center repeat-y;
background-size: 100% auto;
background: none;
}

.moduleItemsListingItem .header a
{
text-decoration: none;
}


.moduleItemsListingItem .header a .title,
.moduleItemsListingItem .header .title
{
margin: 0px;
color: #8A2801;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


.moduleItemsListingItem a
{
color: #8A2801;
}


.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingItem .moduleItemContent
{

}

.moduleItemsListingItem .readMore
{

}

.moduleItemsListingItem .readMore a
{

}


/*---- Video Showcase ----------------*/

.moduleItemsListingVideoShowcase .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .image
{
float: right;
}


.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(odd) .content
{
padding: 0 5% 0 0 ;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink
{
border-radius: 4px;
padding: 6px 15px 6px 65px;
text-decoration: none;
color: #fff;
background: #444 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
transition: 0.8s all;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:hover
{
background: #792503 url("http://www.hardasrocks.co.nz/images/style/icon_youtube_single.png") 15px 10px  no-repeat;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3 a.youtubeTextLink:before
{
content: "> ";
}

/*---- Commercial Showcase ----------------*/

.moduleItemsListingCommercialProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30%;
transition: 1s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingCommercialProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}


.moduleItemsListingCommercialProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;

font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;
padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingCommercialProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Featured Projects ----------------*/

.moduleItemsListingFeaturedProjects .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingFeaturedProjects .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 3%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 94% !important;
background: none;
min-height: 75px;
padding: 0 0 0 5%;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: none;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem h3
{
font-weight: 100;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton
{
position: relative;
top: 10px;
margin: 15px 0px;
color: #2d2d2d;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
border-radius: 4px;

padding: 6px 15px;
text-decoration: none;
color: #fff;
background: #444;
transition: 0.8s all;
}

.moduleItemsListingFeaturedProjects .moduleItemsListingItem a.readMoreButton:hover
{
background: #792503;
}


/*---- Showhomes ----------------*/

.moduleItemsListingShowhomes .moduleItemsListingItem .extraFields
{
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 10px;
color: #fff;
text-shadow: 0px 0px 3px #000;
margin: 10px 0px 16px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.moduleItemsListingShowhomes .moduleItemsListingItem .moduleItemImage img
{
margin: 0px 0px 135px 0px;
}


/*---- News and Views ------------*/

#navBar
{
display: none;
}

/*---- News and Views ------------*/

#moduleItemsListing.moduleItemsListingNewsAndViews
{
float: left;
position: relative;
width: 100%;
padding: 0;
margin: 0;


}

.moduleItemsListingNewsAndViews .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
padding: 0 3% 3% 0;
margin: 0 0 3% 0;
border-bottom :2px solid #7B2406;
}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float: left;
position: relative;
width: 30% !important;
transition: 1s all;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .header
{
float: left;
position: relative;
width: 90% !important;
min-height: 68px;
padding: 3% 5% 0%;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .moduleItemImage img
{
margin: 0;
}

.moduleItemsListingItem .header
{
position: relative;
float: left;
width: 100% !important;
background: #ff0000;
min-height: auto;
padding: 3% 0%;
min-height: 68px;
}



.moduleItemsListingNewsAndViews .moduleItemsListingItem .date
{
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.moduleItemsListingNewsAndViews .moduleItemsListingItem .content
{
float: left;
position: relative;
width: 65% !important;
background: none;



min-height: 75px;
padding: 0 0 0 5%;
}


/*----- News and Views --------------*/

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


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

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

.moduleItem .title
{

}

.moduleItem #moduleItemContent
{
float: right;
position: relative;
width: 100%;
}

.moduleItem .galleryModuleItem
{

}

.moduleItem .galleryModuleItem .image
{

}

.moduleItem .galleryModuleItem a.fancybox
{

}

.moduleItem .galleryModuleItem a.fancybox img
{

}


#moduleItemBack
{
float: left;
position: relative;
width: 88%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) 0px 0px repeat;
background-color: #782402;
margin: 10px 0px 80px 20px;
}

#moduleItemBack:hover
{
left: -10px;
background: url(http://www.hardasrocks.co.nz/images/style/texture_bg.jpg) -20px 0px repeat;
background-color: #782402
}

#moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 96%;
padding: 0% 2%;
margin: 0px;
color: #fff;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}

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

#facebook
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#twitter
{
float: left;
position: relative;
margin: 0px -30px 10px 0px;
}

.pinterest
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}

#plusone
{
float: left;
position: relative;
margin: 0px 10px 10px 0px;
}


/*------------ Thumb Slider ----------------------*/

h1.productTitle
{
margin: 30px 0px 10px 0px;
font-size: 50px;
}

.rg-view
{
position: absolute;
bottom: 6px;
left: 0;
}

.rg-thumbs,
.rg-image-wrapper
{
float: left;
position: relative;
width: 100%;
}

.rg-image-wrapper{
	padding:0px;
	background: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
margin: 0px 0px 30px 0px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
margin-bottom: 20px;

}
.rg-image img{
	max-height:100%;
	max-width:100%;
width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:-30px;
	background: url(http://www.hardasrocks.co.nz/images/style/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:-30px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(http://www.hardasrocks.co.nz/images/style/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;

	left:50%;
	background:#000 url(http://www.hardasrocks.co.nz/images/style/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}




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


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

#moduleItemCategories.moduleItemsListingDistributors,
#moduleItemsListing.moduleItemsListingDistributors
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
}

body.find-a-distributor #pageSource,
body.north-island-distributors #pageSource,
body.south-island-distributors #pageSource
{
display: none;
}

body.find-a-distributor #pageSource img,
body.north-island-distributors #pageSource img,
body.south-island-distributors #pageSource img
{
width: 100% !important;
height: auto !important;
}

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

.moduleItemsListingDistributors .moduleItemsListingItem
{
float: left;
position: relative;
width: 42.5%;
padding: 1.5%;
height: 220px;
margin: 0% 3% 3% 0%;
border: 3px solid #fff;
background: #fff;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
width: 100%;
transition: 1s all;
}

.moduleItemsListingDistributors .moduleItemsListingItem:hover .moduleItemImage
{
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage a
{

}

.moduleItemsListingDistributors .moduleItemsListingItem .moduleItemImage img
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
margin: 0;
}



/*------ Details ----------------------------------------*/


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

.moduleItem.moduleItemDistributors 
{
float: left;
position: relative;
width: 100%;
height: auto;
}

.moduleItem.moduleItemDistributors .title
{

}

.moduleItem.moduleItemDistributors #rightCol
{
display: block;
float: left;
position: relative;
width: 92%;
padding: 0 4%;
height: auto;
}


.moduleItem.moduleItemDistributors #rightCol.stuck
{
position: fixed;
top: 80px;
margin: 0px 0px 0px 496px;
width: 331px;
height: auto !important;
background: none
}

.moduleItem.moduleItemDistributors .rightCol-wrapper
{
float: left;
position: relative;
width: 33%;
}

.moduleItem.moduleItemDistributors #rightCol .categoryTitle
{

}

.moduleItem.moduleItemDistributors #rightCol h2
{
padding: 0;
margin: 70px 0px 0px 0px;
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
text-transform: capitalize;
font-weight: 600;
}

.moduleItem.moduleItemDistributors #rightCol h1
{
padding: 0;
margin: 00px 0px 60px 0px;
color: #ae1102;
font-size: 36px;
}

.moduleItem.moduleItemDistributors #rightCol h3
{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 18px;
color: #ae1102;
}

.moduleItem.moduleItemDistributors #rightCol .extraFields
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields h3
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 14px;
color: #242424;
font-weight: 600;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-transform: none;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields p
{

}

.moduleItem.moduleItemDistributors #rightCol .extraFields strong
{

}

.moduleItem.moduleItemDistributors #moduleItemContent
{
float: left;
position: relative;
width: 100%;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent img
{
width: 100% !important;
height: auto !important;
}

.moduleItem.moduleItemDistributors #moduleItemContent hr

{
border: none;
border-bottom: 1px solid #e1e0e0;
}


.moduleItem.moduleItemDistributors #rightCol .extraFields a
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem .image
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox
{

}

.moduleItem.moduleItemDistributors .galleryModuleItem a.fancybox img
{

}

.moduleItem.moduleItemDistributors .imageContainer
{
float: left;
position: relative;
width: 100%;
}

.moduleItem.moduleItemDistributors .imageContainer .image
{
float: left;
position: relative;

margin: 0px 15px 15px 0px;
}

.moduleItem.moduleItemDistributors #moduleItemBack
{
float: left;
position: relative;
width: 100%;
line-height: 51px;
border-radius: 5px;
left: 0px;
transition: 1s all;
background: none;
margin: 10px 0px 80px;
}

.moduleItem.moduleItemDistributors #moduleItemBack:hover
{
left: 0px;
background: none;
}

.moduleItem.moduleItemDistributors #moduleItemBack a
{
display: block;
float: left;
position: relative;
width: 100%;
padding: 0% 0%;
border-top: 1px solid #E1E0E0;
margin: 0px;
color: #242424;
font-size: 20px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
text-decoration: none;
}


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



body.headerImages #content #subPageNavigation ul li a
{
display: inline-block;
padding: 18px 10px 6px;
text-decoration: none;
color: #fff;
font-size: 14px;
}

#content
{
width: auto;
width: 320px;
float: none;
margin: 0 auto;
overflow: hidden;
}

/*------------- Fancy responsive mobile menu ----------------------*/
	
	#actualNavigation {
	border-bottom: 0;
	
	}
	
	#actualNavigation ul {
	display: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	}
	
	#actualNavigation a#pull {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	background-color: #242424;
	width: 100%;
	min-width: 180px;
	position: relative;
	border-radius: 5px;
	color: #fff;
	font-size : 19px;
	padding: 0px 0px;
	line-height: 46px;
	text-align: center;
	
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	}
	
	#actualNavigation a#pull:after {
	content:"";
	background: transparent url('http://www.hardasrocks.co.nz/images/style/nav-icon.png') 0px 0px no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: 13px;
	top: 13px;
	}
	
	#actualNavigation ul li {
	display: block;
	float: none;
	width: 100%;
	}
	#actualNavigation ul li a {
	border-bottom: 1px solid #646464;
	}
	
	
	#actualNavigation ul li
	{
	margin: 0;
	padding: 0;
	background: #662E1D !important;
	}

	#actualNavigation ul li a
	{
	color: #fff;
	margin: 0;
	padding: 14px 10px;
	display: block;
	border: none;
	font-size: 19px;
	border-bottom: 1px solid #ccc;
	}
	
	#actualNavigation ul li a:hover,
#actualNavigation ul li:hover ul li
	{
font-size: 19px;
	background: none;
	}

#header.stuck #actualNavigation ul li 
{
line-height: 26px;
}

#header.stuck #actualNavigation ul li ul
{
display: block;
position: relative;
z-index: 9999;
height: 0px;
overflow: visible;
box-shadow: none;
padding: 0px 0px 0px 0px;
}




body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
background: #000;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Open Sans', arial, Helvetica, sans-serif;
font-size: 19px;
color: #242424;
}


iframe[id^="oauth2relay"] { position: fixed !important; }

h1
{
margin: 20px 0px;
color: #661d00;
font-weight: 100;
font-size: 30px;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h2
{
margin: 20px 0px;
color: #8a2801;
font-size: 26px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h3
{
margin: 15px 0px;
color: #424242;
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Squada One', cursive;
text-transform: uppercase;
}

h4
{
margin: 15px 0px;
color: #661d00;
font-size: 22px;
text-transform: uppercase;
font-family: 'Squada One', cursive;
}


p,div#pageSource
{
line-height: 26px;
margin: 12px 0px;
}

div#pageSource{ text-align:left; }

ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

li
{
margin: 3px 0px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
width: 96%;
margin: 35px 0px 15px;
border: none;
background: none;
border-bottom: 2px solid #661d00;
}

a
{
color: #8a2801;
}

a:hover
{
color: none;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

strong
{
font-weight: 700;
}

.moduleItemsListingVideoShowcase
{
border:1px solid #FF0000;
}

.moduleItemsListingVideoShowcase
{

}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(2n+1) .image
{
width:100%!important;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem:nth-child(2n+1) .content
{
width:100%!important;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem .header
{
min-height:20px!important;
}

.moduleItemsListingVideoShowcase .moduleItemsListingItem h3
{
font-size:16px;
width:100%;
}

#contentSubNavigation
{
width:94%;
}

#innerContent
{
width:94%;
}

.moduleItemsListingNewsAndViews
{
width:100%;

}


.moduleItemsListingNewsAndViews .moduleItemsListingItem .image
{
float:left;
position:relative;
width:100%!important;

}

.moduleItemsListingNewsAndViews .moduleItemImage img
{
width:100%!important;

}

.contact-us table.small td
{
display:block;
}


.distributionContainer
{
float: right;
position: relative;
background: none; 
width: 100%; 
height: auto;
margin: 0px 0 0 0;
}


}