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


body, html
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

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: 'Montserrat', sans-serif;
font-size:15px;
color:#8a8989;
}

/* ----------- 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 -------------------------*/

#home h1
{
margin: 15px 0px;
color: #cccccc;
font-size: 30px;
padding:0px;
background:none;
text-align:left;
}


h1
{
margin:8px 0px 0px 0px;
color: #23408e;
font-size: 32px;
text-align:left;
text-transform:none;
background:none;
padding:0px 0px;
}



#pageHeading ul li ul 
{
display:none;
}

#pageHeading ul
{
margin:0px 0px 0px 0px;
list-style:none;
padding:20px 0px;
-webkit-border-radius:  0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
background:#f2fbfe;
}

#pageHeading ul li
{
text-align:center;
list-style:none;
}

#pageHeading ul li a
{
margin:0px 0px 0px 0px;
color: #23408e;
font-size: 38px;
text-align:center;
text-transform:uppercase;
text-decoration: none;
}

h2
{
margin: 15px 0px;
color: #23408E;
font-size: 22px;
text-transform: none;
}

h3
{
margin: 10px 0px;
color: #8ec740;
font-size: 16px;
}

h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
text-transform: uppercase

}

h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase

}

p,div#pageSource
{
line-height: 19px;
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
{
margin: 15px 0px;
border: none;
background: none;
border-bottom: 1px solid #ccc;
}

a
{
color:#8a8989;
text-decoration:underline;
}

a:hover
{
color: #818285;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


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

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



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

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

}

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

#defaultFullWidth.history .bgContainer
{
background: url(http://www.humepack.co.nz/images/style/vine.png) 335px 183px no-repeat;
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 100%;
height: 142px;
border-bottom:1px solid #f5f5f5;
}


#home #header
{
border-bottom:none;
}


#header.stuck
{
position:fixed;
float: none;
margin-top:0px;
background:#FFF;
border-bottom:1px solid #f5f5f5;
}

#content
{
float: left;
position: relative;
z-index: 40;
width: 1022px;
min-height: 400px;

}

#centerCol
{
float: left;
position: relative;
width: 1022px;
min-height: 400px;
}

#default #centerCol
{
float: left;
position: relative;
width: 1022px;
min-height: 400px;
margin: 0px 0px 0px 0px;
}

#leftCol
{
float: left;
position: relative;
width: 207px;
border-right:none;
min-height: 400px;
margin: 35px 0px 0px 0px;
}

#rightCol
{
float: right;
position: relative;
width: auto;
min-height: 400px;
}

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: 0px 0px 30px 0px;
height: 333px;
background: #00ADEF;
margin: 0px;
border-bottom:none;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

#footer .container
{
margin: 0 auto;
width: 1022px;
text-align: left;
}

#footer .bgContainer
{
float: left;
position: relative;
width: 1022px;
height: 333px;
background:none!important;
margin: 0px 0px 20px 0px;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/

#header a.logo
{
float: left;
position: relative;
margin: 13px 0px 0px 0px;
}

#header a.logo img
{

}

#header #topHeaderLinks
{
float: right;
position: relative;
width:620px;
margin:0px;
padding:0px;
z-index:1000;
}



#header #topHeaderLinks p#mediaLinks
{
float: left;
position: relative;
border:1px solid #f5f5f5;
background:#f5f5f5;
width:198px;
text-transform:uppercase;
font-size:14px;
margin:0px 5px 0px 0px;
padding:7px 20px 7px 20px;
font-weight:400;
color:#23408e;
height:20px;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}

#header #topHeaderLinks p#mediaLinks a
{
float: right;
position: relative;
width:20px;
height:20px;
margin:0px 0px 0px 5px;
}

#header #topHeaderLinks p#mediaLinks a.facebookLink
{
background: url(http://www.humepack.co.nz/images/style/facebookIcon.png) 0px 0px no-repeat;
}

#header #topHeaderLinks p#mediaLinks a.facebookLink:hover
{
background: url(http://www.humepack.co.nz/images/style/facebookIcon.png) 0px -26px no-repeat;
}

#header #topHeaderLinks p#mediaLinks a.instagramLink
{
background: url(http://www.humepack.co.nz/images/style/instagramIcon.png) 0px 0px no-repeat;
}


#header #topHeaderLinks p#mediaLinks a.instagramLink:hover
{
background: url(http://www.humepack.co.nz/images/style/instagramIcon.png) 0px -26px no-repeat;
}

#header #topHeaderLinks p#workWithLink
{
float: left;
position: relative;
border:1px solid #8ec740;
background:#8ec740;
width:129px;
text-transform:uppercase;
font-size:14px;
margin:0px 0px 0px 5px;
padding:7px 18px 7px 18px;
font-weight:400;
color:#FFF;
height:20px;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
transition: all 0.5s ease-in;  
}

#header #topHeaderLinks p#workWithLink a
{
width:100%;
font-size:13px;
text-transform:uppercase;
text-decoration:none;
color:#FFF;
transition: all 0.5s ease-in;  
}

#header #topHeaderLinks p#workWithLink:hover
{
background:#f5f5f5;
border:1px solid #f5f5f5;
transition: all 0.5s ease-in;  
}


#header #topHeaderLinks p#workWithLink:hover a
{
color:#23408e;
transition: all 0.5s ease-in;  
}

a.weatherLink
{
position: absolute;
top:34px;
right:0px;
width:57px;
height:44px;
-webkit-box-shadow:3px 3px 4px 0px #d6d6d6;
-moz-box-shadow:3px 3px 4px 0px #d6d6d6;
box-shadow:3px 3px 4px 0px #d6d6d6;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
background: url(http://www.humepack.co.nz/images/style/weatherIcon.png) 13px 5px no-repeat;
z-index:800;
}

a.weatherLink:hover
{
background: url(http://www.humepack.co.nz/images/style/weatherIcon.png) 13px -41px no-repeat;
}


/*------------ Site Search-------------*/

.siteSearchContainer
{
position: relative;
float: left;
top: -1px;
right: 0px;

}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 191px;
height: 11px;
font-size: 14px;
padding: 12px 0px 12px 10px;
border: 1px solid #e9e9e9;
color: #7f7f7f;
text-align: left;
background: none;
color:#dddddd;
border-radius: 0px 0px 4px 4px;
box-shadow:inset 0px -1px 3px #F5F5F5;
}

.siteSearchSubmit
{
position: absolute;
top: 5px;
right: 12px;
width:20px;
height:21px;
cursor:pointer;
border:none;
background:url("http://www.humepack.co.nz/images/style/search_icon.png") 0px 0px no-repeat;
}

.siteSearchSubmit:hover
{
top: 4px;
}


/* Header Navigation */


#header #navigation ul li.home,
#header #navigation ul li.stay-connected,
#header #navigation ul li.work-with-hume,
#header #navigation ul li ul.virtualModuleMenu
{
display:none!important;
}

#header #navigation
{
position: absolute;





















top: 82px;
right: 10px;
width: 700px;
height: 60px;
margin: 0px;
}

#header #navigation ul
{
margin: 0 auto;
padding: 0px  0px 0px 5px;
list-style: none;
float: none;
position: relative;
}

#header #navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: 33px;
line-height: 33px;
margin: 0px 0px 0px 0px;
}

#header #navigation ul li:first-child
{
background: none;
}

#header #navigation a.homeLink
{
position: absolute;
top:6px;
left:-40px;
width:18px;
height:16px;
background:url("http://www.humepack.co.nz/images/style/homeIcon.png") 0px 0px no-repeat;
}

#header #navigation a.homeLink:hover
{

background:url("http://www.humepack.co.nz/images/style/homeIcon.png") 0px -16px no-repeat;
}


#header #navigation ul li a
{
display: block;
width: auto;
text-align: center;
height: 60px;

line-height: 33px;
padding: 0px 14px;
border-top: 0px solid #6d6c6c;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #23408e;
text-decoration: none ;
}

#header #navigation ul li a:hover
{
color: #00ADF1;
}

#header #navigation ul li a:hover span
{
position: absolute;
bottom:0px;
left:0px;
border-radius: 12px 12px 0px 0px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
background:#00AEED;
width:100%;
height:13px;
}


#header #navigation ul li ul
{
display: none;
}

#header #navigation ul li:hover ul
{
display: block;
}


#header #navigation ul li ul span
{
position: absolute;
top:-13px;
left:0px;
border-radius: 12px 12px 0px 0px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
background:#00AEED;
width:42%;
height:13px;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px -2px;
padding: 20px 3px 20px 0px;
list-style: none;
float: none;
position: absolute;
top: 60px;
left: 3px;
width: 240px;
border:none;
-webkit-box-shadow: #eeeeee 0px 2px 4px;
-moz-box-shadow: #eeeeee 0px 2px 4px;
box-shadow: #eeeeee 0px 2px 4px;
background:#FFF;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: auto;
min-height: 20px;
width: 220px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #FFF;
}

#header #navigation ul li ul li:first-child
{
background: #FFF;
}

#header #navigation ul li ul li a
{
display: inline-block;
width: 190px;
text-align: left;
height: auto;
line-height: 22px;
padding: 4px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #8a8989;
text-decoration:none;
}

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

#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
color: #00B4E4;
}

/******* Home Slides ***********/

#homeSlides
{
float: left;
position: relative;
width: 100%;
height: 450px;
margin: 0px 0px 0px 0px;
background:#00adef;
border:none;
overflow:hidden;
}


.moduleComponentContainerhomeSlides
{
float: left;
position: relative;
max-width: 1920px;
height: 386px;
margin-left:150px;
}

.moduleComponentContainerhomeSlides h2
{
display:none;
}

.moduleComponentContainerhomeSlides .bannerImageContainer
{
width: 100%;
height: 386px;
}


.moduleComponentContainerhomeSlides .bannerImageContainer span
{
position:absolute;
top:0px;
right:-78px;
width: 1920px;
height: 450px;
background: url(http://www.humepack.co.nz/images/style/bannerOverlay.png) 0px 0px no-repeat;
}

.moduleComponentContainerhomeSlides .bannerImageContainer img
{
margin-top:29px;
}


.moduleComponentContainerhomeSlides .bannerHtmlContent
{
position:absolute;
top:100px;
left:-80%;
width:100%;
height:245px;
background:#FFF;
background:rgba(255,255,255,0.9);
    -ms-transform: skewX(-23deg); /* IE 9 */
    -webkit-transform: skewX(-23deg); /* Safari */
    transform: skewX(-23deg);
}


.moduleComponentContainerhomeSlides .bannerHtmlContent span
{
float:right;
    -ms-transform: skewX(23deg); /* IE 9 */
    -webkit-transform: skewX(23deg); /* Safari */
    transform: skewX(23deg);
margin:25px 57px 0px 0px;
}

#home .moduleComponentContainerhomeSlides .bannerHtmlContent span h1
{
font-size:46px;
color:#23408e;
line-height:42px;
text-align:left;
text-transform:none;
}

/****************Fixed Right Green Tab Callout****************************/


.moduleComponentContaineradviceCallout a.bannerLinkMask,
.moduleComponentContaineradviceCallout .bannerTitle
{
display:none;
}


.moduleComponentContaineradviceCallout .bannerHtmlContent a
{
position:fixed;
top:232px;
right:0px;
background:#8ec740;
padding:32px 20px 32px 20px;
color:#FFF;
z-index:4000;
text-decoration:none;
text-transform:uppercase;
font-size:17px;
line-height:18px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 20px 0px 0px 20px;
transition: all 0.5s ease-in;
-webkit-box-shadow: #404040 0px 2px 8px; 
-moz-box-shadow: #404040 0px 2px 8px; 
box-shadow: #404040 0px 2px 8px;  
}

.moduleComponentContaineradviceCallout .bannerHtmlContent a span
{
display:block;
padding-top:8px;
font-size:16px;
text-transform:none;
line-height:18px;

}

.moduleComponentContaineradviceCallout .bannerHtmlContent a:hover
{
right:-10px;
background:#23408E;
transition: all 0.5s ease-in;  
}

/******* Home Callouts Container ***********/

#homeCallouts
{
float: left;
position: relative;
width:100%;
margin: 30px 0px 40px 0px;
}

#homeCallouts .moduleComponenthomeCallouts .bannerTitle
{
display:none;
}

#homeCallouts .moduleComponenthomeCallouts 
{
float: left;
position: relative;
width:24.2%;
margin: 0px 10px 0px 0px;
background:#00adef;
-webkit-border-radius: 0px 8px 0px 8px;
-moz-border-radius: 0px 8px 0px 8px;
border-radius: 0px 8px 0px 8px;
transition: all 0.5s ease-in;  
}

#homeCallouts .moduleComponenthomeCallouts:hover
{
transition: all 0.5s ease-in;  
background:#23408E;

}


#homeCallouts .moduleComponenthomeCallouts:last-child 
{
margin: 0px 0px 0px 0px;
}

#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent
{
margin: 0px 0px 0px 0px;
padding:10px 20px;
}


#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p
{
text-transform:uppercase;
font-size:26px;
font-weight:600;
color:#FFF;
line-height:24px;
}


#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p strong
{
font-size:17px;
font-weight:400;
}


#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent a.bannerLinkMask
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}


/******************Home Feeds*********************/

#homeFeeds
{
float: left;
position: relative;
width:100%;
height:auto;
margin: 30px 0px 12px 0px;
border:none;
}


#homeFeeds h3
{
color:#23408e;
font-size:;
font-weight:;
margin: 0px 0px 0px 0px;
}

#homeFeeds #blogContainer h3
{
text-transform:uppercase;
}

/*************Blog******************/

#blogContainer
{
float: left;
position: relative;
width:27.9%;
margin: 0px 9px 0px 0px;
padding: 10px 25px;
background:#f7f7f7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.moduleComponentblog .componentItem
{
font-size:14px;
margin: 10px 0px 10px 0px;
color:;
}

.moduleComponentblog .componentItem a#readMore
{
text-decoration:none;
color:#23408e;
}

.moduleComponentblog .title
{
display:none;
}


/*************Quick Links******************/

#quickLinksContainer
{
float: left;
position: relative;
width:27.6%;
margin: 0px 0px 0px 0px;
padding: 10px 26px 12px 25px;
background:#f7f7f7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


.moduleComponentContainerquickLinks .bannerHtmlContent p
{
font-size:14px;
line-height:10px;
}

.moduleComponentContainerquickLinks .bannerHtmlContent p a
{
font-size:14px;

text-decoration:none;
}

.moduleComponentContainerquickLinks .bannerTitle
{
display:none;
}


/******************quote Feed*********************/

#quoteFeed
{
float: left;
position: relative;
width:100%;
height:auto;
margin: 0px 0px 60px 0px;
background:#e5f7fd;
-webkit-border-radius: 0px 60px 0px 60px;
-moz-border-radius: 0px 60px 0px 60px;
border-radius: 0px 60px 0px 60px;
}

.moduleComponentContainermessageCallout
{
float: left;
position: relative;
padding:40px 80px;
}


.moduleComponentContainermessageCallout .bannerHtmlContent
{
float: left;
position: relative;

}

.moduleComponentContainermessageCallout .bannerTitle
{
display:none;
}

.moduleComponentContainermessageCallout .bannerHtmlContent
{
float: left;
position: relative;
font-size:14px;
}

.moduleComponentContainermessageCallout .bannerHtmlContent h2
{
text-transform:none;
font-size:20px;
color:#00adef;
}

.moduleComponentContainermessageCallout .bannerHtmlContent h2 strong
{

text-transform:none;
font-size:14px;
color:#8a8989;
}

.moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer
{
float: right;
position: relative;
margin:0px 0px 0px 50px;
}



.moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer img
{
border-radius: 100%;
}

/******************************************/

.moduleComponenttestimonials
{
float: left;
position: relative;
width:100%;
background:#f3f9ec;
border-radius: 0px 64px 0px 64px;
}

.moduleComponenttestimonials .componentItem
{
float: left;
position: relative;
padding:30px 80px;
margin-bottom:20px;
}


.moduleComponenttestimonials .componentItem span
{
position:absolute;
top:30px;
left:0px;
margin:0px 0px 0px 0px;
width:53px;
height:37px;
background: url(http://www.humepack.co.nz/images/style/qouteBefore.png) 0px 0px no-repeat;
display:none;
}

.moduleComponenttestimonials .componentItem .content h2
{
text-transform:none;
font-size:20px;
color:#8ec740;
padding:0px 0px 0px 0px;
}



.moduleComponenttestimonials .componentItem .content
{
float: left;
position: relative;
width:460px;
padding:0px 0px 0px 60px;
background: url(http://www.humepack.co.nz/images/style/qouteBefore.png) 0px 0px no-repeat;
}

.moduleComponenttestimonials .componentItem .title
{
display:none;
}

.moduleComponenttestimonials .componentItem .moduleItemImage
{
float: left;
position: relative;
}

.moduleComponenttestimonials .componentItem .moduleItemImage img
{
border-radius: 100%;
margin:0px 0px 20px -20px;
}


/*------- Calendar Listing Callout Styles -----------------------------*/


#calendarListingContainer
{
float: left;
position: relative;
width:27.9%;
margin: 0px 9px 0px 0px;
padding: 10px 25px;
background:#f7f7f7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height:123px;
}

.moduleComponentCalendarListing
{
float: left;
position: relative;
margin: 10px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
height: auto;
overflow: hidden;
width:100%;
}

.moduleComponentCalendarListing .componentItem
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-bottom:none;
}

.moduleComponentCalendarListing .componentItem .title
{
float: left;
position: relative;
width:100%;
font-weight: normal;
margin: 0px 0px 0px 0px;
font-size:14px;
text-decoration:none;
}

.moduleComponentCalendarListing .componentItem .title span
{
float: left;
position: relative;
margin-right:0px;
width:80px;
color:#8a8989;
}



.moduleComponentCalendarListing .componentItem a
{
float: left;
position: relative;
text-decoration:none;
color:#8a8989;
}



/******* Page Editor Container ***********/

#pageEditorContent
{
float: left;
position: relative;
width: 100%;
padding: 12px 0px;
margin: 0px 0px 0px 0px;
border: none;
}

#default #pageEditorContent
{
float: left;
position: relative;
width: 813px;

padding: 20px 0px;
margin: 11px 0px 0px 0px;
}

#defaultFullWidth #pageEditorContent
{
float: left;
position: relative;
width: 982px;
padding: 20px;
margin: 0px 0px 0px 0px;
}



#instagramContainer
{
float: left;
position: relative;
width:100%;
margin-top:20px;
}



#instagramContainer .feedContainer
{
float: left;
position: relative;
width:30%;
margin-bottom:20px;
margin-right:25px;
}

#instagramContainer .feedContainer img
{
width:100%;
}

/***********Home Page Content*********************/

#home #pageEditorContent #leftContent
{
float: left;
position: relative;
width:29%;
margin-left:83px;
}

#home #pageEditorContent #leftContent h1
{
font-family: 'Mate SC', serif;
text-transform:uppercase;
font-size:44px;
color:#23408e;
margin-top:5px;
}

#home #pageEditorContent #leftContent h2
{
text-transform:none;
font-size:19px;
color:#23408e;
line-height:28px;
}

#home #pageEditorContent #rightContent
{
float: right;
position: relative;
width:58%;
}


/******************Services****************/


.moduleComponentContainerservices h2.bannerTitle
{
display:none;
}

.moduleComponentContainerservices
{
float: left;
position: relative;
width:105%;
margin:35px 0px 0px 0px;
}

.moduleComponentContainerservices .moduleComponent
{
float: left;
position: relative;
width:245px;
height:217px;
margin:0px 12px 12px 0px;
overflow:hidden;
-webkit-border-radius: 0px 16px 0px 16px;
-moz-border-radius: 0px 16px 0px 16px;
border-radius: 0px 16px 0px 16px;
}


.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent
{
position:absolute;
top:0px;
left:0px;
width:245px;
height:217px;
z-index:500;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent .bannerImageContainer
{
position:absolute;
top:0px;
left:0px;
width:245px;
height:217px;
z-index:500;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent #bannerHtmlContentInner p
{
position:absolute;
top:-12px;
left:0px;
width:225px;
height:67px;
font-size:26px;
font-weight:600;
color:#FFF;
text-transform:uppercase;
z-index:1000;
background:#00adef;
background:rgba(0,173,239,0.5);
padding:150px 0px 0px 20px;
}

.moduleComponentContainerservices .moduleComponentservices:nth-child(even) .bannerHtmlContent #bannerHtmlContentInner p
{
background:#00adef;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent #bannerHtmlContentInner p strong
{
font-weight:400;
font-size:14px;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent #bannerHtmlContentInner a.bannerLinkMask
{
position:absolute;
top:0px;
left:0px;
width:245px;
height:217px;
z-index:1100;
}


.moduleComponentContainerservices .moduleComponent37 .bannerHtmlContent #bannerHtmlContentInner p,
.moduleComponentContainerservices .moduleComponent35 .bannerHtmlContent #bannerHtmlContentInner p
{
background:#00adef!important;
}


.moduleComponentContainerservices .moduleComponent36 .bannerHtmlContent #bannerHtmlContentInner p
{
position:absolute;
top:-12px;
left:0px;
width:225px;
height:67px;
font-size:26px;
font-weight:600;
color:#FFF;
text-transform:uppercase;
z-index:1000;
background:#00adef;
background:rgba(0,173,239,0.5)!important;
padding:150px 0px 0px 20px;
}


/******* Footer Elements ***********/

/* Footer Menu  */

#footerMenuOne
{

float: left;
position: relative;
width: 550px;
margin-left:90px;
min-height:150px;
margin-top:30px;
}

#footerMenuOne ul
{
float: left;
position: relative
width: 100%;
color: #FFF;
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
}

#footerMenuOne ul li
{
float: left;
position: relative
list-style: none;
margin: 0;
padding: 10px 25px 10px 0px;
width:150px;
}



#footerMenuOne ul li a
{
text-decoration: none;
margin: 15px 0px;
color: #FFF;
font-size: 16px;
text-transform: none;
font-weight:400!important;
font-family: 'Montserrat', sans-serif;
}


#footerMenuOne ul li.work-with-hume
{
width:160px;
}


#footerMenuOne ul li.work-with-hume a
{

background:#8ec740;
padding:5px 6px;
-webkit-border-radius:8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#footerMenuOne ul li a:hover
{

}

#footerMenuOne ul li ul
{
display:none;
}


#footerMenuTwo
{
float: left;
position: relative;
width: 300px;
margin-left:45px;
min-height:150px;
margin-top:30px;
}


.moduleComponentContainerfooterCallout
{
float: left;
position: relative;
}


.moduleComponentContainerfooterCallout h2.bannerTitle
{
display:none;
}

.moduleComponentContainerfooterCallout h2
{
color:#FFF;
maring:0px 0px 0px 0px;
}

.moduleComponentContainerfooterCallout p
{
font-size:18px;
line-height:28px;
color:#FFF;
maring:0px 0px 0px 0px;
}

/* Copyright */

#copyright
{
float: left;
position: relative;
width: 85%;
text-align: left;
color: #FFF;
margin: 15px 0px 0px 90px;
}

#copyright p
{
color: #FFF;
font-size:11px;
text-transform:uppercase;
font-weight:400;
}

#copyright p span
{
float:right;
}

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

/* Left Column Navigation */

#leftNavigation ul.workWithHumeGalleryMenu
{
display:none;
}


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

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

#leftNavigation ul li
{

}

#leftNavigation ul li a
{
display: block;
width: 165px;
padding: 6px 0px;
background:none;
margin:0px 0px 0px;
color: #00adef;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
}

#leftNavigation ul li ul
{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
}

#leftNavigation ul li ul li
{
background: none;
}

#leftNavigation ul li ul li a
{
display: block;
width: 165px;
padding: 6px 0px;
background: none;
margin: 0px 0px;
color: #8a8989;
font-size: 14px;
text-transform: none;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
}

#leftNavigation ul li ul li a:hover
{
background:none;
color: #00adef;
}


#leftNavigation ul li ul li a.menuSelected
{
color: #00adef;
}


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


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

/*---- Calendar Elements -----------------*/

.calendar .navCalendarViewLinks
{
position: absolute;
top: 20px;
right: -20px;
width: 200px;
text-align: left;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

.calendar .navCalendarViewLinks span
{
display: none;
}


.calendar .navCalendarViewLinks a
{
display: block;
float: left;
height: 37px;
color:#8a8989;
font-size: 12px;
font-weight:bold;
text-decoration:none;
}

.calendar .navCalendarViewLinks a.bimonthly,
.calendar .navCalendarViewLinks a.monthly,
.calendar .navCalendarViewLinks a.weekly
{
width: 60px;
line-height: 37px;
padding: 0px 0px 0px 30px;
background: url(http://www.humepack.co.nz/images/icons/icon_list_view.jpg) 0px 6px no-repeat;
}

.calendar .navCalendarViewLinks a.calendar
{
width: 60px;
line-height: 37px;
padding: 0px 0px 0px 30px;
background: url(http://www.humepack.co.nz/images/icons/icon_calendar_view.jpg) 0px 6px no-repeat;
}

.calendar .navCalendarViewLinks a:hover
{
color:#23408E;
}

.calendar .navCalendarViewLinks a.selected
{
color:#8a8989;
}

.calendar .navCategoryLinks
{
position: relative;
float: right;
width: 30%;
height: 30px;
text-align: right;
font-size: 11px;
line-height: 20px;
background:none;
color: #FFF;
margin: 30px 0px 30px 0px;
}

.calendar .navCategoryLinks select
{
position: relative;
float: right;
top: 4px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: 160px;
font-size: 11px;
background: #fff;
}

.calendar #navDateLinks
{
position: relative;
float: left;
width: 100%;
height: 30px;
line-height: 30px;
font-weight: bold;
text-indent: 20px;
color: #00ADEF;
font-size: 18px;
text-transform: uppercase;
background: #F2FBFE;
margin: 18px 0px 0px 0px;
text-align:center;
border-radius: 0 0 8px 8px;
}

.calendar #navDateLinks a
{
font-weight: bold;
text-indent: 15px;
color: #6FB3CC;
font-size: 14px;
text-decoration: none;
    color: #23408E;
    font-size: 18px;

    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}



.calendar #calendarTable
{
border:1px solid #eee;
margin: 10px 0px;
}

.calendar #calendarTable TD{
height:60px;
border:1px solid #eee;
vertical-align:top;
background-color:#fff;
}

.calendar #calendarTable TD.blank{ background: #f7f7f7; }

.calendar #calendarTable TD DIV.mday{
text-align:right;
color:#322F31;
font-weight:bold;
font-size:8pt;

}

.calendar .calendarBullets {
color:#AC9B8C;


}

.calendar #calendarTable TD.calendarHeader  {
width:14%;
background-color:#049CDD;
font-size:8pt;
padding:4px;
text-align:center;
height:auto;
color: #FFFFFF;
}

.calendar #calendarTable TD.long{ width:15%; }

.calendar #calendarTable TD{ font-size:7pt;overflow:visible; }


.calendar #calendarItems
{
float: left;
position: relative;
width: 100%;
}

.calendar #calendarItems .calendarItem
{
float: left;
position: relative;

width: 100%;
margin: 10px 0px 0px;
border-bottom: 1px solid #9f9f9f;
}

.calendar #calendarItems .calendarItem .title
{
float: left;
position: relative;
width: 72%;
padding: 13px 0px 0px;
margin: 0;
font-weight: bold;
}

.calendar #calendarItems .calendarItem .date
{
float: left;
position: relative;
text-align:right;
width: 28%;
padding: 13px 0px;
font-weight: bold;
}

.calendar #calendarItems .calendarItem .content
{
float: left;
position: relative;
width: 73%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

.calendar #calendarItems .calendarItem .content p
{
margin: 0px 0px 10px;
padding: 0;
}


/* Document Library Styles */

#documentLibraryItems
{
border: 1px solid #a7a7a7;
float: left;
width: 554px;
position: relative;
margin: 20px 0px 0px 0px;
}

.documentLibraryItem
{
float: left;
position: relative;
width: 554px;
background: #efefef;
padding: 0px 0px 5px 0px;
}

.documentLibraryItem .title
{
float: left;
position: relative;
width: 304px;
display: inline-block;
padding: 5px;
color: #656565;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 100px;
padding: 5px;
color: #656565;
}

.documentLibraryItem .icon
{
float: left;
position: relative;
width: 120px;
padding: 5px;
}

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

.documentLibraryItem.heading
{
background: #ddd;
color: #FFF;
}

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

.documentLibraryItem.heading .size
{
padding-bottom: 0px;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;
}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 544px;
padding: 0px 0px 0px 20px;
color: #666;
}

.document_library #categoryNavigation select
{
padding: 3px;


border: 1px solid #ccc;
font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}

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


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: left;
width: 97%;
background: #none;


border: none;
padding: 10px;
margin: 0px 0px 30px 0px;
}

#emailForm{
width: 550px;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #8a8989;
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.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 11px;
}

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

span.required
{
font-weight: bold;
color:  #65a8c1;
}

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 #9f9f9f;
font-size: 11px;
width:350px;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


textarea.fmtxt:hover, 
textarea.fmtxt:focus,
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 #03AAF1;}

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




select.fsel,select.fseldate
{
background: #fff;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width:300px;
margin: 0px 3px 0px 0px;
}
select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
border: 1px solid #65a8c1;
}

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

.buttonBar input, input.fsub
{
background: #FFF;
border: 1px solid #00AEED;
font-size: 14px;
padding: 4px;
width: 100px;
cursor: pointer;
color:#8a8989;
text-transform:uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.buttonBar input:hover,
input.fsub:hover
{
background: #23408E;
color: #FFF;
border: 1px solid #00AEED;
}

.msg
{
color: #FF0000;
margin: 10px 0px;
font-style: italic;
}

.finlinehelp
{
display: none;
}

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

/* Site Search ----------------------------------*/

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

.siteSearch input.fsub
{
border: 1px solid #ccc;
font-size: 11px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
}


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

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


#searchResultItems .searchResultItem
{
margin: 10px 0px 0px 0px;
}

#searchResultItems .title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
}

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



/****************************************************/


#defaultFullWidth.history #pageEditorContent h2
{
position:absolute;
top:40px;
left:70px;
font-size:34px;
color:#8ec740;
line-height:;
font-weight:600;
line-height:38px;
text-align:right;
}


#defaultFullWidth.history #pageEditorContent h2 span
{
font-size:38px;
}

.moduleListingWrapperHistory .contentPageTitle
{
display:none;
}

.moduleItemsListingHistory
{
float: left;
position: relative;
width:100%;
min-height:4830px;
border:none;
}

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


.moduleItemsListingHistory .moduleItemsListingItem .header
{
float: left;
position: relative;
background:#00adef;
width:99px;
height:99px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display:none;

}


.moduleItemsListingHistory .moduleItemsListingItem .header span
{
display:block;
color:#FFF;
font-size:22px;
padding:32px 0px 0px 24px;
}



.moduleItemsListingHistory .moduleItemsListingItem .moduleItemContent
{
width:50%;
color:#8a8989;
display:none;
}

.moduleItemsListingHistory .moduleItemsListingItem .moduleItemImage
{
border:10px solid #FFF;
-webkit-box-shadow: #9d9c9c 0px 2px 3px;
-moz-box-shadow: #9d9c9c 0px 2px 3px;
box-shadow: #9d9c9c 0px 2px 10px;
display:none;
}

/*****************************1983*******************************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .header
{
display:block;
position:absolute;
top:130px;
left:460px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemContent
{
display:block;
position:absolute;
top:110px;
left:0px;
text-align:right;
width:45%;

}


.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemImage

{
display:block;
position:absolute;
top:0px;
right:0px;
-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);

}

/*****************************1984*******************************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .header
{
display:block;
position:absolute;
top:300px;
left:452px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemContent
{
display:block;
position:absolute;
top:305px;
left:577px;
text-align:left;
width:42%;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemImage
{
position:absolute;
top:235px;
left:80px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
display:block;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemImage img
{
width:320px;
}

/*****************************1986*******************************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .header
{
display:block;
position:absolute;
top:470px;
left:528px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemContent
{
display:block;
position:absolute;
top:495px;
left:100px;
text-align:right;
width:42%;

}


.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemImage
{
position:absolute;
top:395px;
left:640px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
display:block;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemImage img
{
width:280px;
}



/*****************************1987*******************************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .header
{
display:block;
position:absolute;
top:615px;
left:552px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemContent
{
display:block;
position:absolute;
top:620px;
left:20px;
text-align:right;
width:52%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage
{
display:block;
position:absolute;
top:590px;
left:670px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage img
{
width:280px;
}

/******************************1988******************************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .header
{
display:block;
position:absolute;
top:793px;
left:450px;

}


.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .moduleItemContent
{
display:block;
position:absolute;
top:800px;
left:570px;
width:30%;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .moduleItemImage
{
position:absolute;
top:700px;
left:0px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);

display:block;
}


/***************1990**************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .header
{
display:block;
position:absolute;
top:1033px;
left:360px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemContent
{
display:block;
position:absolute;
top:1053px;

left:0px;
width:35%;
text-align:right;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemImage
{

position:absolute;
top:943px;
left:500px;
display:block;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg);
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemImage img
{
width:350px;
height:auto;

}

/***************1991**************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .header
{
display:block;
position:absolute;
top:1203px;
left:400px;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemContent
{
display:block;
position:absolute;
top:1223px;
left:540px;
text-align:left;
width:34%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemImage
{
position:absolute;
top:1200px;
right:590px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
display:block;

}



/***************1994**************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .header
{
display:block;
position:absolute;
top:1333px;
left:460px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemContent
{
display:block;
position:absolute;
top:1330px;
left:572px;
width:34%;

}


.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemImage
{

display:none;

}


/***********1996***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .header
{
display:block;
position:absolute;
top:1483px;
left:490px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .moduleItemContent
{
display:block;
position:absolute;
top:1480px;
right:520px;
text-align:right;
width:42%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .moduleItemImage
{

position:absolute;
top:1275px;
left:0px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
display:none;
}


/***********2002***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .header
{
display:block;
position:absolute;
top:1643px;
left:455px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .moduleItemContent
{
display:block;
position:absolute;
top:1610px;
left:40px;
text-align:right;
width:40%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .moduleItemImage
{
position:absolute;
top:1570px;
left:600px;
display:block;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);

}



/***********2003***********/


.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .header
{
display:block;
position:absolute;
top:1893px;
left:385px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .moduleItemContent
{
display:block;
position:absolute;
top:1893px;
right:70px;
width:40%;
text-align:left;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .moduleItemImage
{
display:block;
position:absolute;
top:1790px;
left:-30px;
display:block;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);

}

/***********2004***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .header
{
display:block;
position:absolute;
top:2080px;
left:380px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .moduleItemContent
{
display:block;
position:absolute;
top:2100px;
left:30px;
width:30%;
text-align:right;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .moduleItemImage
{
position:absolute;
top:2000px;
right:60px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
display:block;
}

/**************2005*****************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .header
{
display:block;
position:absolute;
top:2220px;
left:450px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemContent
{

display:block;
position:absolute;
top:2230px;
left:60px;
width:37%;
text-align:right;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemImage
{
display:none;
}

/**************2006*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .header
{
display:block;
position:absolute;
top:2360px;
left:470px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .moduleItemContent
{

display:block;
position:absolute;
top:2390px;
left:80px;
width:37%;
text-align:right;
border:none;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .moduleItemImage
{
position:absolute;
top:2315px;
right:-20px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
display:block;
}


/**************2007*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .header

{
display:block;
position:absolute;
top:2580px;
left:435px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemContent
{

display:block;
position:absolute;
top:2595px;
left:560px;
width:47%;
text-align:left;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemImage
{
display:none;
position:absolute;
top:2515px;
left:-20px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg);
display:block;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemImage img
{
width:420px;
}


/**************2008*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .header
{
display:block;
position:absolute;
top:2720px;
left:380px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .moduleItemContent
{

display:block;
position:absolute;
top:2720px;
left:500px;
width:37%;
text-align:left;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .moduleItemImage
{
position:absolute;
top:2715px;
left:-20px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
display:block;
}

/**************2009*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline17 .header
{
display:block;
position:absolute;
top:3000px;
left:350px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline17 .moduleItemContent
{

display:block;
position:absolute;
top:2950px;
left:-30px;
width:37%;
text-align:right;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline17 .moduleItemImage
{
display:block;
position:absolute;
top:2845px;
left:480px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);

}



/**************2010*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline18 .header
{
display:block;
position:absolute;
top:3190px;
left:410px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline18 .moduleItemContent
{

display:block;
position:absolute;
top:3160px;
left:580px;
width:42%;
text-align:left;
border:none;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline18 .moduleItemImage
{
display:block;
position:absolute;
top:3145px;
left:-40px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg);
}



/**************2011*****************/



.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .header
{
display:block;
position:absolute;
top:3480px;
left:510px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemContent
{
display:block;
position:absolute;
top:3480px;
left:80px;
width:40%;
text-align:right;
border:none;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemImage
{
display:block;
position:absolute;
top:3405px;
left:620px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemImage img
{
width:380px;
}




/**************2012*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline20 .header
{
display:block;
position:absolute;
top:3640px;
left:500px;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline20 .moduleItemContent
{

display:block;
position:absolute;
top:3650px;
left:620px;
width:40%;
text-align:left;
border:none;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline20 .moduleItemImage
{
display:none;
}


/**************2013*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline21 .header
{
display:block;
position:absolute;
top:3770px;
left:450px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline21 .moduleItemContent
{

display:block;
position:absolute;
top:3750px;
left:610px;
width:40%;
text-align:left;
border:none;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline21 .moduleItemImage
{
display:block;
position:absolute;
top:3655px;
left:-10px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);

}


/**************2014*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline22 .header
{
display:block;
position:absolute;
top:4000px;
left:410px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline22 .moduleItemContent
{

display:block;
position:absolute;
top:4020px;
left:0px;
width:40%;
text-align:right;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline22 .moduleItemImage
{
display:block;
position:absolute;
top:4000px;
left:530px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}


/**************2015*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline23 .header
{
display:block;
position:absolute;
top:4260px;
left:480px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline23 .moduleItemContent
{

display:block;
position:absolute;
top:4280px;
left:595px;
width:40%;
text-align:left;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline23 .moduleItemImage
{
display:block;
position:absolute;
top:4135px;
left:80px;
-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}

/**************2016*****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .header
{
display:block;
position:absolute;
top:4460px;
left:480px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemContent
{

display:block;
position:absolute;
top:4480px;
left:30px;
width:40%;
text-align:left;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemImage
{
display:block;
position:absolute;
width:350px;
top:4455px;
left:615px;
-ms-transform: rotate(3deg); /* IE 9 */
-webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
transform: rotate(3deg);
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemImage img
{
width: 100%;
}

/**************Bottom Text****************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .header
{
display:none;

}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemContent
{
display:block;
position:absolute;
top:4705px;
left:30px;
width:30%;
text-align:left;
border:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemImage
{
display:none;
}

/*********************Meet the Team**************************/



.moduleListingWrapperMeetTheTeam h1.contentPageTitle
{
display:none;
}

.moduleListingWrapperMeetTheTeam p#extraField5 span 
{
display:none;
}

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

.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1
{
float: left;
position: relative;
width:100%;
padding:15px 0px;
text-align:center;
text-transform:uppercase;
background:#f4f5f9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

border-radius: 8px;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1 span
{
position:absolute;
top:18px;
right:30px;
cursor:pointer;
}


.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1:first-child
{
display:none!important;
}

.moduleListingWrapperMeetTheTeam #cat_23.categoryContainer
{
display:block!important;
}

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


.moduleListingWrapperMeetTheTeam #cat_27.categoryContainer .moduleItemsListingItem,
.moduleListingWrapperMeetTheTeam #cat_29.categoryContainer .moduleItemsListingItem
{
float: left;
position: relative;
margin:30px 0px 30px 290px!important;
width:40%;
text-align:center;
}

.moduleItemsListingMeetTheTeam .moduleItemsListingItem
{
float: left;
position: relative;
margin:30px 0px 30px 65px!important;
width:40%;
text-align:center;
}


.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .title
{
display:none;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemImage
{
margin:0 auto;
width:135px;
height:135px;
border:5px solid #8ec740;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 100%;
overflow:hidden;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem  .moduleItemContent
{

}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem  .moduleItemContent h2
{
text-transform:none;
margin:10px 0px 0px 0px;
padding:0px;
line-height:20px;
color:#254290;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem  .moduleItemContent h3
{
text-transform:uppercase;
margin:0px;
padding:0px;
line-height:20px;
color:#254290;
font-size:14px;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem  .moduleItemContent a
{
text-decoration:underline;
}

/******************************/

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

.moduleDetailWrapperMeetTheTeam p#extraField5 span,
.moduleDetailWrapperMeetTheTeam .title,
.moduleDetailWrapperMeetTheTeam h1.contentPageTitle
{
display:none;
}

.moduleDetailWrapperMeetTheTeam .moduleItemImage
{
float: left;
position: relative;
margin:0px 20px 10px 0px;
}

.moduleDetailWrapperMeetTheTeam .moduleItemImage img
{
border:5px solid #8ec740;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 100%;
}

.moduleDetailWrapperMeetTheTeam h2
{
text-transform:none;
margin:10px 0px 0px 0px;
padding:0px;
line-height:20px;
color:#254290;
}

.moduleDetailWrapperMeetTheTeam h3
{
text-transform:uppercase;
margin:0px;
padding:0px;
line-height:20px;
color:#254290;
font-size:14px;
}

/**********************/


#contactsHeading
{
float: left;
position: relative;
width:100%;
border-bottom:1px solid #8ec740;
margin-bottom:20px;
}

#contactsHeading p
{
text-transform:uppercase;
font-size:20px;
font-weight:600;
color:#8ec740;
}


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





.moduleComponentmeetTheTeam a.overlayLink
{
position:absolute;
top:0px;
right:10px;
width:67%;
height:22px;
}


.moduleComponentmeetTheTeam .componentItem .content p,
.moduleComponentmeetTheTeam p.extraField span,
.moduleComponentmeetTheTeam .title
{
display:none;
}



.moduleComponentmeetTheTeam .componentItem .content .extraFields p,
.moduleComponentmeetTheTeam .componentItem .content .extraFields
{
display:block;
float: left;
position: relative;
}

.moduleComponentmeetTheTeam .componentItem
{
float: left;
position: relative;
width:33.3%;
}

.moduleComponentmeetTheTeam .componentItem .moduleItemImage
{
float: left;
position: relative;
}

.moduleComponentmeetTheTeam .componentItem .moduleItemImage img
{
-webkit-border-radius:  100%;
-moz-border-radius:  100%;
border-radius: 100%;
border:4px solid #8ec740;
margin:5px 10px 30px 0px;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields h2
{
text-transform:none;
margin:0px 0px 1px 0px;
font-size:18px;
color:#23408E;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields h3
{
text-transform:uppercase;
margin:0px 0px 5px 0px;
font-size:13px;
color:#23408E;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields p
{
padding:0px;
margin:0px 0px 0px 0px;
font-size:14px;
line-height:18px;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields a
{
text-decoration:none;
}

/********************************/

.moduleComponentContaineraboutUsSlides
{
float: left;
position: relative;
width:100%;
margin:17px 0px 20px 0px;
}

.hume-pack-n-cool-annual-report .moduleComponentContaineraboutUsSlides
{
    display:none;
}

.moduleComponentContaineraboutUsSlides img
{
-webkit-border-radius: 0px 16px;
-moz-border-radius: 0px 16px;
border-radius: 0px 16px;
}

.moduleComponentContaineraboutUsSlides h2.bannerTitle
{
display:none;
}

/**********************************/

.moduleComponentContainerheaderImages
{
float: left;
position: relative;
width:100%;
margin:17px 0px 20px 0px;
}

.moduleComponentContainerheaderImages img
{
-webkit-border-radius: 0px 16px;
-moz-border-radius: 0px 16px;
border-radius: 0px 16px;
}


.moduleComponentContainerheaderImages h2.bannerTitle
{
display:none;
}

/*********************/

.conatctiFrame
{
margin-left:20px;
}

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

.moduleListingWrapperBlog
{

}

#moduleItemsListing.moduleItemsListingBlog
{
margin:-7px 0px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem
{
margin: 0;
padding: 0;
border-bottom:1px solid #F5F5F5;
padding: 20px 0px;
margin:0px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem:nth-child(even)
{
margin:0px 0px;
}


#moduleItemsListing.moduleItemsListingBlog .moduleItemImage 
{
float: left;
margin: 0px 30px 30px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage img 
{
-webkit-border-radius: 0px 8px 0px 8px;
-moz-border-radius: 0px 8px 0px 8px;
border-radius: 0px 8px 0px 8px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem:nth-child(even) .moduleItemImage 
{
float: right;
margin:  0px 0px 30px 30px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage a
{

}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage img
{

}

#moduleItemsListing.moduleItemsListingBlog .header
{

}

#moduleItemsListing.moduleItemsListingBlog .title
{
    border-bottom: none;
    color: #23408E;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    padding: 0px 0 14px;
    text-align: left;
    text-transform: none;
}

#moduleItemsListing.moduleItemsListingBlog .date
{
display:none;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemContent
{

}

#moduleItemsListing.moduleItemsListingBlog .readMore
{

}


#moduleItemsListing.moduleItemsListingBlog .readMore a
{
text-transform:none; 
color:#23408E;
text-decoration: none;
}


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


.moduleDetailWrapper.moduleDetailWrapperBlog
{

}

.moduleDetailWrapper.moduleDetailWrapperBlog .moduleItemBlog
{

}


.moduleDetailWrapper.moduleDetailWrapperBlog .moduleItemImage

{
float: right;
margin:  6px 0px 30px 30px;
}


.moduleDetailWrapper.moduleDetailWrapperBlog .moduleItemImage img
{
-webkit-border-radius: 0px 8px 0px 8px;
-moz-border-radius: 0px 8px 0px 8px;
border-radius: 0px 8px 0px 8px;
}


.moduleDetailWrapper.moduleDetailWrapperBlog .title
{
    border-bottom: none;
    color: #23408E;
    font-size: 26px;
    font-weight: 500;
    line-height: 22px;
    margin: 14px 0px 0px 0px;
    padding: 0px 0 14px;
    text-align: left;
    text-transform: none;
}

.moduleDetailWrapper.moduleDetailWrapperBlog .date

{
display:none;
}


.moduleDetailWrapper.moduleDetailWrapperBlog #moduleItemBack
{
	float:left;
	position:relative;
width:100%;
margin-top:20px;

}


.moduleDetailWrapper.moduleDetailWrapperBlog #moduleItemBack a
{
text-transform:none; 
color:#23408E;
text-decoration: none;

}



.moduleDetailWrapper.moduleDetailWrapperBlog #socialMediaIcons
{
	float:left;
	position:relative;
	width:100%;
	border-top:none;
}

.moduleDetailWrapper.moduleDetailWrapperBlog  #facebook
{
	float:left;
	width:135px;
	margin:10px 0;
}

.moduleDetailWrapper.moduleDetailWrapperBlog  #twitter
{
	float:left;
	width:90px;
	margin:10px 0;
}

.moduleDetailWrapper.moduleDetailWrapperBlog .pinterest
{
	float:left;
	width:50px;
	margin:10px 0;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #plusone
{
	float:left;
	width:50px;
	margin:10px 0;
}




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


table.keyIndustryPlayers
{
 
margin-top:30px;

}

table.keyIndustryPlayers img
{
display:block;
padding:10px;
border:1px solid #ccc!important; 
margin-bottom:35px;
-webkit-border-radius: 0px 8px 0px 8px;
-moz-border-radius: 0px 8px 0px 8px;
border-radius: 0px 8px 0px 8px;
}

table.keyIndustryPlayers img:hover
{
transition: all 0.5s ease-in; 
border:1px solid #23408E!important; 
}

/******************Work With Hume Gallery*********************/

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

.moduleItemWorkWithHumeGallery .title
{
display:none;
}

.moduleItemWorkWithHumeGallery .galleryModuleItem .image
{
margin:0px 21px 20px 0px;
}


.moduleItemWorkWithHumeGallery .galleryModuleItem .image img
{
-webkit-border-radius: 0px 8px 0px 8px;
-moz-border-radius: 0px 8px 0px 8px;
border-radius: 0px 8px 0px 8px;
}

.moduleItemWorkWithHumeGallery #moduleItemBack
{
display:none;
}

/*********************************/

.key-contacts table strong
{
color:#23408E;
}

ul#siteMap li ul li#History.level2
{
display:none;
}

ul#siteMap
{
width:97%;
}

ul#siteMap li
{
width:100%;
}

ul#siteMap li a
{

text-decoration:none;
}


ul#siteMap li:before
{
content:"- ";
color:#03AAF1;

}


ul#siteMap li ul li a
{

}

/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/

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


.moduleComponentContaineradviceCallout .bannerHtmlContent a
{
padding:16px 10px 16px 10px;
font-size:15px;
line-height:16px;
}

.moduleComponentContaineradviceCallout .bannerHtmlContent a span
{
display:block;
padding-top:8px;
font-size:14px;
text-transform:none;
line-height:18px;
}
/**********************************************/

}

@media screen and (max-width: 1100px) {
		
		
body 
{
line-height: 1;
min-width: 822px;
}

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


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

.container {
width: 1000px;
}

.bgContainer {
width: 1000px;
}

#defaultFullWidth.history .bgContainer
{
background: url(http://www.humepack.co.nz/images/style/vine.png) 335px 183px no-repeat;
}

#header
{
width: 100%;
}


#content
{
width: 1000px;
}

#centerCol
{
width: 1000px;
}

#default #centerCol
{
width: 1000px;
}

#leftCol
{
width: 167px;
margin: 35px 0px 0px 20px;
}


#footer 
{
width: 100%;
margin: 0px 0px 30px 0px;
height: 333px;
background: #00ADEF;
margin: 0px;
}

#footer .container
{
width: 1000px;
}

#footer .bgContainer
{
width: 1000px;
height: 333px;
margin: 0px 0px 20px 0px;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/

#header a.logo
{
margin: 13px 0px 0px 20px;
}


#header #topHeaderLinks
{
width:620px;
margin:0px 20px 0px 0px;
padding:0px;

}


a.weatherLink
{
top:34px;
right:20px;
width:57px;
height:44px;
}

a.weatherLink:hover
{
background: url(http://www.humepack.co.nz/images/style/weatherIcon.png) 13px -41px no-repeat;
}



/* Header Navigation */

#header #navigation ul li.contact ul
{
left:-150px;
}

#header #navigation ul li.contact ul span
{
top:;
left:140px;
}

/******* Home Slides ***********/

#homeSlides
{
float: left;
position: relative;
width:1000px!important;
height: 450px;
overflow:visible;
}


.moduleComponentContainerhomeSlides
{
width:1000px;
max-width: 1920px;
height: 386px;
margin-left:-0px;
overflow:hidden;
}



.moduleComponentContainerhomeSlides .bannerImageContainer
{
width: 100%;
height: 386px;
margin:0px 0px 0px 0px;

}


.moduleComponentContainerhomeSlides .bannerImageContainer span
{
position:absolute;
top:0px;
right:620px;
width: 1000px;
height: 450px;
background: url(http://www.humepack.co.nz/images/style/bannerOverlay.png) 0px 0px no-repeat;
}

.moduleComponentContainerhomeSlides .bannerImageContainer img
{
margin-top:29px;
}


.moduleComponentContainerhomeSlides .bannerHtmlContent
{
position:absolute;
top:100px;
left:-58%;
width:100%;
}

.moduleComponentContaineradviceCallout
{
display:none;
}

/******* Home Callouts Container ***********/

#homeCallouts
{
width:96%;
margin: 30px 0px 40px 20px;
}


/******************Home Feeds*********************/

#homeFeeds
{
width:96%;
height:auto;
margin: 30px 0px 12px 20px;

}


/*************Blog******************/

#blogContainer
{
margin-right:15px;
width:27.9%;
padding-bottom:25px;
}


/*************Quick Links******************/

#quickLinksContainer
{
width:26.0%;
padding: 10px 26px 10px 25px;
}


/******************quote Feed*********************/

#quoteFeed
{

width:96%;
height:auto;
margin: 0px 0px 60px 20px;
}



/******************************************/

.moduleComponenttestimonials
{
float: left;
position: relative;
}

.moduleComponenttestimonials .componentItem
{
float: left;
position: relative;

padding:30px 80px;
background:#f3f9ec;
margin-bottom:20px;
border-radius: 0px 64px 0px 64px;
}


.moduleComponenttestimonials .componentItem span
{
position:absolute;
top:30px;
margin:0px 0px 0px -60px;
width:53px;
height:37px;
background: url(http://www.humepack.co.nz/images/style/qouteBefore.png) 0px 0px no-repeat;
}

.moduleComponenttestimonials .componentItem .content h2
{
text-transform:none;
font-size:20px;
color:#8ec740;
padding:0px 0px 0px 0px;
}



.moduleComponenttestimonials .componentItem .content
{

padding:0px 0px 0px 0px;
}

.moduleComponenttestimonials .componentItem .title
{
display:none;
}

.moduleComponenttestimonials .componentItem .moduleItemImage
{
float: left;
position: relative;
}

.moduleComponenttestimonials .componentItem .moduleItemImage img
{
border-radius: 100%;
margin:0px 60px 20px -20px;
}


/*------- Calendar Listing Callout Styles -----------------------------*/


#calendarListingContainer
{
width:26.0%;
margin: 0px 15px 0px 0px;
padding: 10px 25px 5px;
}


/******* Page Editor Container ***********/

#pageEditorContent
{
width: 96%;
margin: 0px 0px 0px 20px;
}

#default #pageEditorContent
{
width: 773px;
padding: 20px 20px 20px 0px;
margin: 11px 0px 0px 0px;
}

#defaultFullWidth #pageEditorContent
{

width: 959px;
padding: 20px;
margin: 0px 0px 0px 0px;
}

.services p
{

padding:0px 20px;
}

/**************/
.moduleComponentContainerheaderImages img
{
width:793px;
height:auto;
}


/***********Home Page Content*********************/

#home #pageEditorContent #leftContent
{
width:29%;
margin-left:20px;
}

#home #pageEditorContent #rightContent
{
width:62%;
margin-right:20px;
}


/**************************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemImage
{
top:0px;
right:40px;
width:300px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemImage img
{
width:300px;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage
{
right:40px;
width:240px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage img
{
width:240px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemImage
{
width:400px;
right:20px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemImage img
{
width:400px;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemImage
{
left:20px;
}

/*****************/

.moduleComponentContainerservices
{
overflow:hidden;
margin:35px 0px 0px 20px;
width:96%;
}

.moduleComponentContainerservices .moduleComponent
{

width:228px;
height:217px;

}

/******************************/


.moduleComponentmeetTheTeam
{
width:96%;
margin-left:20px;
}



.moduleComponentmeetTheTeam .moduleItemImage img
{

}

.moduleComponentmeetTheTeam .componentItem
{
width:45%;
}


/***************/


#footerTopImage
{
width:1000px;
}



}

/****************************************/
/****************************************/
/****************************************/
/****************************************/

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



body 
{
line-height: 1;
min-width: 320px;
}


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



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

.container {
width: 320px;
}

.bgContainer {
width: 320px;
}

#defaultFullWidth.history .bgContainer
{
background: url(http://www.humepack.co.nz/images/style/vine.png) 335px 183px no-repeat;
}

#header
{
width: 100%;
}


#content
{
width: 320px!important;
overflow:hidden!important;
}

#centerCol
{
width: 320px;
}

#default #centerCol
{
width: 320px;
}

#leftCol
{
width: 280px;
margin: 35px 0px 0px 20px;
min-height:150px;
}


#footer 
{
width: 320px;
margin: 0px 0px 0px 0px;
height: 583px;
background: #00ADEF;
}

#footer .container
{

width: 320px;
}

#footer .bgContainer
{
width: 320px;
height: 333px;
margin: 0px 0px 0px 0px!important;

}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/

#header a.logo
{
margin: 13px 0px 0px 20px;
}


#header #topHeaderLinks
{
display:none;
}


a.weatherLink
{
display:none;
}


/* Header Navigation */

#header #navigation
{
display:none;
}


/******* Home Slides ***********/


#homeSlides
{
display:none;
}

/******* Home Callouts Container ***********/

#homeCallouts
{
width:96%;
margin: 30px 0px 40px 20px;
}


#homeCallouts .moduleComponenthomeCallouts
{
width:94%;
margin-bottom:20px;
}


/******************Home Feeds*********************/

#homeFeeds
{
width:92%;
height:auto;
margin: 30px 0px 12px 10px;
}

#calendarListingContainer
{
width:83%;
margin-bottom:20px;
}

#blogContainer
{
margin-bottom:20px;
width:83%;
}

#quickLinksContainer
{
width:83%;
}


/******************quote Feed*********************/

#quoteFeed
{
width:100%;
height:auto;
margin: 0px 0px 60px 0px;
}


.moduleComponentContainermessageCallout
{
float: left;
position: relative;
padding:40px 20px;

}


.moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer
{
float: left;
position: relative;
margin:0px 0px 0px 0px;
width:100%;
}



.moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer img
{
margin:0px 0px 20px 30px;
border-radius: 100%;
}


/******* Page Editor Container ***********/

#pageEditorContent
{
width: 86%;
margin: 0px 0px 0px 0px;
padding:0px 20px;
}

#default #pageEditorContent
{
width: 86%;
margin: 0px 0px 0px 0px;
padding:0px 20px;
}

#defaultFullWidth #pageEditorContent
{
width: 86%;
margin: 0px 0px 0px 0px;
padding:0px 20px;
}

.services p
{

padding:0px 20px;
}

/**************/
.moduleComponentContainerheaderImages
{
display:none;
}






/***********Home Page Content*********************/

#home #pageEditorContent #leftContent
{
width:100%;
margin-left:0px;
}

#home #pageEditorContent #leftContent h1
{
font-size:40px;
}

#home #pageEditorContent #rightContent
{
float:left;
width:100%;
margin-left:0px;
}

#home #pageEditorContent #rightContent img
{
width:50%!important;
height:auto!important;
}


/**************************/

#pageEditorContent table td
{
display:block;
}

/**************************/

img#footerTopImage
{
width:320px;
}

#footerMenuOne
{
width:90%;
margin:0px 0px 0px 20px;
}

#footerMenuOne ul li
{
width:80%;
}



#footerMenuTwo
{
width:90%;
margin:10px 0px 0px 20px;

}

#copyright
{
margin:0px 0px 0px 20px;
}

/****************************/

.moduleComponentContainerservices .moduleComponent
{
margin-left:20px;
}

/******************************************/

.moduleComponenttestimonials
{
float: left;
position: relative;
}

.moduleComponenttestimonials .componentItem
{
padding:30px 20px;
margin-bottom:20px;
border-radius: 0px 64px 0px 64px;
}


.moduleComponenttestimonials .componentItem span
{
display:none;
}

.moduleComponenttestimonials .componentItem .content h3,
.moduleComponenttestimonials .componentItem .content h2
{
padding:0px 0px 0px 0px;
}



.moduleComponenttestimonials .componentItem .content
{

padding:0px 0px 0px 0px;
}

.moduleComponenttestimonials .componentItem .title
{
display:none;
}

.moduleComponenttestimonials .componentItem .moduleItemImage img
{
border-radius: 100%;
margin:0px 60px 20px 50px;
}

#contactsHeading
{
width:93%;
}

.moduleComponentmeetTheTeam
{
width:290px;
margin:0px 0px 0px 30px;
}

.moduleComponentmeetTheTeam .componentItem
{
width:100%;
margin-bottom:20px;
}

.moduleComponentmeetTheTeam .componentItem img
{
display:none;
}

/*********************Meet the Team**************************/


.moduleListingWrapperMeetTheTeam
{
width:100%;
margin-bottom:40px;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1
{
font-size:24px;
width:85%;
padding:15px 20px;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1 span
{
position:absolute;
top:18px;
right:10px;
}

.moduleListingWrapperMeetTheTeam #cat_27.categoryContainer .moduleItemsListingItem,
.moduleListingWrapperMeetTheTeam #cat_29.categoryContainer .moduleItemsListingItem
{
float: left!important;
position: relative!important;
margin:30px 0px 30px 0px!important;
width:100%!important;
text-align:center!important;
}



.moduleListingWrapperMeetTheTeam .categoryContainer .moduleItemsListingItem,
.moduleListingWrapperMeetTheTeam .categoryContainer .moduleItemsListingItem
{
float: left!important;
position: relative!important;
margin:30px 0px 30px 0px!important;
width:100%!important;
text-align:center!important;
}

.moduleItemsListingMeetTheTeam .moduleItemsListingItem
{
float: left;
position: relative;
margin:30px 0px 30px 0px!important;
width:100%;
text-align:center;
}


.moduleListingWrapperMeetTheTeam .moduleItemsListingItem  .moduleItemContent a
{
text-decoration:underline;
}

/******************************/


.calendar #pageEditorContent table#calendarTable
{
width:100%;
display:block;

}


.calendar #pageEditorContent table#calendarTable td.calendarHeader
{
display:none;
}


.calendar .navCalendarViewLinks
{
right:5px;
}

.calendar #navDateLinks
{
display:none;
}

.calendar .navCategoryLinks
{
margin:60px 0px 0px 0px!important;

}

.navCalendarViewLinks a.calendar
{
display:block;
}

.useful-links #pageEditorContent table td
{
width:100%;
}

.contact #pageEditorContent table td
{

}

.calendar #calendarTable TD
{
width:273px!important;
margin-left:-1px;
}

.contact #pageEditorContent iframe
{
display:none;
}


#emailForm
{
width:250px;
}

input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt
{
width:240px;
}



/****************************************/

#defaultFullWidth.history .bgContainer
{
background: none;
}

.moduleItemsListingHistory
{
float: left;
position: relative;
width:100%;
height:5730px!important;
}


#defaultFullWidth.history #pageEditorContent h2 
{
left:30px!important;
width:80%;
}

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


.moduleItemsListingHistory .moduleItemsListingItem .header
{
float:left!important;
position: relative!important;
left:0px!important;
}


.moduleItemsListingHistory .moduleItemsListingItem .header span
{
float:left!important;
position: relative!important;
display:block;
color:#FFF;
font-size:22px;
padding:32px 0px 0px 24px;
}



.moduleItemsListingHistory .moduleItemsListingItem .moduleItemContent
{
display:block;
float:left!important;
position: relative!important;
text-align:left;
width:100%;
left:0px;
}

.moduleItemsListingHistory .moduleItemsListingItem .moduleItemImage
{
display:none!important;
}

/************************************************************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .header
{
float:left!important;
position: relative!important;
top:150px;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px!important;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .header
{
float:left!important;
position: relative!important;
top:150px;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;

left:10px;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

/***************2005**************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


/***************2006**************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


/***************2007**************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}


.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


/***************2008**************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


/***********2009***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .header
{
float:left!important;
position: relative!important;
top:150px!important;

left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}

/***********2010 left Content***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}

/***********2010 right Content***********/


.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .header
{
display:none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}

/***********2013***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}
/***********2014***********/

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}

/******************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}
/********************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}/********************/

.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline17 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline18 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline19 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline21 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline22 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline23 .header,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline24 .header
{
float:left!important;
position: relative!important;
top:150px!important;
left:10px!important;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline17 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline18 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline20 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline21 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline22 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline23 .moduleItemContent,
  .moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}
/*******************/


.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemContent
{
float:left!important;
position: relative!important;
text-align:left;
width:93%!important;
top:150px;
left:10px;
}


/* Header Navigation */

a.homeLink
{
display:none;
}

#header #navigation
{
display:block!important;
position: absolute;
top: 80px;
left:270px;
width:45px;
}


#header #navigation a#pull {
position: absolute;
top: 0px;
right: 20px;
display: inline-block;
width: 45px;
height: 45px;
background:none;
border-radius: 100%;
padding: 0;
}

#header #navigation a#pull:after {
content:"";
background: url(http://www.humepack.co.nz/images/style/nav-icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}

#header #navigation {
border-bottom: 0;
}

#header #navigation ul {
display: none;
height: auto;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
width: 96%;
position: absolute;
z-index: 100;

}

#header #navigation ul {
position: absolute;
top: 53px;
right:5px;
width:290px;
background:#23408e;

}

#header #navigation li {
display: block;
float: none;
width: 100%;
height: 30px;
line-height: 30px;
border:none!important;
border-right:none!important;
}
#header #navigation li a {
color: #FFF!important;
display: block;
font-size: 19px !important;
line-height: 42px!important;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
font-weight: normal !important;
width:65%!important;
float:left;
text-align:left!important;
border:none!important;
border-right:none!important;
}

#header #navigation li a:hover {
background:none!important;
color: #fff !important;
}

#header #navigation ul li ul {

display:none!important;
}


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

}